Beim Entwickeln einer Website kann es frustrierend sein, wenn sich das Mobile-Menü ständig schliesst, egal was man in der Konsole anklickt. Mit diesem JavaScript-Snippet bleibt das Menü immer geöffnet, damit du das Design und Verhalten deiner Navigation kontrollieren kannst!
Kennst du das Problem, wenn du mit WordPress arbeitest und mehrere Templates für deine Beiträge verwendest? Die Übersicht kann leicht verloren gehen, besonders wenn du immer wieder nachsehen musst, welches Template für jeden Beitrag verwendet wird. Wie wäre es, wenn du direkt in der Admin-Tabelle sehen könntest, welches Template für jeden Beitrag verwendet wird, ohne jeden Beitrag öffnen zu müssen?
In dieser kurzen Anleitung zeige ich dir, wie du genau das erreichen kannst.
Damit die Filter und Hooks im Mini-Cart-Block von WooCommerce weiterhin ihre magische Wirkung entfalten können, nehmen wir das Mini-Cart-Template und geben ihm ein neues Zuhause unter /dein-theme/woocommerce/cart/. Dort wird es dann nach unseren Vorstellungen angepasst. Diese kleine Veränderung eröffnet uns eine Welt voller Möglichkeiten, denn wir können nun die advanced custom fields nutzen und sie mit den bestehenden Hooks im Mini-Cart verbinden. Das ist sozusagen wie die Sahnehaube auf dem Eisbecher – unglaublich nützlich! Besonders dann, wenn wir Produkte haben, die ACF-Felder verwenden und wir diese kleinen Schönheiten gerne im Mini-Cart zeigen möchten.
Hast du auch manchmal das Gefühl, dass deine WordPress-Seite ein Eigenleben führt und du keine Kontrolle mehr über die Inhalte hast? Besonders ärgerlich ist es, wenn deine Mitarbeiter oder Kunden versehentlich wichtige Elemente löschen oder verändern. Aber keine Sorge, wir haben die Lösung für dich: Mit unserer brandneuen Lock-Block-Anleitung kannst du nun endlich die Blockverwendung einschränken und somit verhindern, dass deine Inhalte wild durcheinander gewirbelt werden. Also, lass uns gemeinsam für Ordnung sorgen und deiner Website den Schutz geben, den sie verdient hat!
Genervt von langwierigen Bastelarbeiten an komplizierten Blockstrukturen ohne das gewünschte Ergebnis? Wir haben die Lösung: Block-Patterns! Mit diesen praktischen Vorlagen sparst du Zeit und Mühe. Sie bieten vorgefertigte Inhalte, die du ganz einfach anpassen kannst. Kreiere im Handumdrehen komplexe Blockstrukturen, wie zum Beispiel eine elegante Card mit Bild, Titel und Text. Erfahre hier, wie du Block-Patterns nutzen kannst!
Mit Block-Variationen kannst du deine Blocks zu echten Elton Johns machen. Deine Blocks können wie der legendäre Sänger in verschiedenen Outfits auftreten und das Publikum mit ihren vielfältigen Farben und Styles begeistern. In diesem Beitrag zeigen wir dir, wie du deine Blocks zu wahren Superstars machst und deine Kunden in Begeisterung versetzt.
Mit Block-Styles kannst du deinen Blöcken jetzt das gewisse Extra verleihen und sie zum absoluten Hingucker machen! Ob es um eine verrückte Farbgebung, eine ausgefallene Schriftart oder einfach nur um ein paar kreative Abstände geht – deiner Kreativität sind keine Grenzen gesetzt. In diesem Blog-Beitrag zeigen wir dir, wie du Block-Styles in der Praxis umsetzt und damit die Nutzererfahrung auf ein ganz neues Level bringst.
Wenn Du Deinen CSS- oder JS-Block manuell nachladen möchtest, solltest Du sicherstellen, dass die Datei auch wirklich existiert. Sonst wird es schwierig. Du willst doch nicht versuchen, einen Block ohne CSS auszuführen? (Klingt wie eine Horrorvorstellung für Webdesigner!) Mit der PHP-Funktion file_exists() kannst Du ganz einfach überprüfen, ob die Datei existiert. Der Pfad zur Datei wird übrigens nicht mit get_stylesheet_directory_uri() ausgegeben, sondern mit get_theme_file_path(). Klar, oder?
Na, bist du bereit, mit Advanced Custom Fields und einem Block-Theme deine eigenen Formulare zu erstellen und die E-Mail-Eingänge von besorgten Besuchern zu bearbeiten? Dann schnall dich an und wir werden dir zeigen, wie du deine Website von der flachen Oberfläche zu einer interaktiven Wunderwelt machst! In diesem Blog-Beitrag wirst du lernen, wie man ein dynamisches Formular erstellt, das E-Mails verschickt und dich sogar von deinen Konkurrenten abhebt!
Hey, hey! Du möchtest also einem Core-Block eine zusätzliche Option verpassen? Kein Problem! Mit einem selbstgeschriebenen Plugin ist das kinderleicht. Wenn du Docker bereits auf deinem System installiert hast, geht das auch noch super schnell! Falls du Docker noch nicht installiert hast, dann mach dir keine Sorgen. Hier findest du eine einfache Anleitung, wie das geht.
Wenn du schon immer mal davon geträumt hast, deinen eigenen WordPress-Block zu entwickeln, dann bist du hier genau richtig. Denn in diesem Beitrag zeigen wir dir, wie du mit dem offiziellen WordPress-Tool namens Create Block deinen eigenen Block als Plugin entwickeln kannst – ohne dabei in die Tasten zu beissen oder dir die Haare auszuraufen. Also schnapp dir eine Tasse Kaffee, lehn dich zurück und lass uns loslegen!
Die Entwicklung für den Gutenberg-Editor unterscheidet sich grundsätzlich von der herkömmlichen Entwicklung für WordPress, denn dieser setzt auf moderne Technologien wie JavaScript, Node.js, React und REST API. Also braucht es eine Entwicklungs-Umgebung, welche mit all diesen Javascript-Erweiterungen umgehen kann, und diese gegebenenfalls in die Sprachversion ES5 transformieren kann, denn die meisten Browser verstehen nur diese. Mit Docker kann man dies tun, hier beschreibe ich mein Setting.
Wie eine Entwicklungsumgebung für WordPress per wp-env unter Windows aufgesetzt werden kann, ist in unserem Blogbeitrag Lokale WordPress-Umgebung mit wp-env beschrieben.