16. Dezember 2023

WordPress-Plug-in „Shortcodes for Bootstrap Icons“

Mit folgendem WordPress-Plug-in können Bootstrap-Icons via Shortcode im Block-Editor verwendet werden. So wird z.B. aus Optional kann auch noch eine Farbe angegeben werden. Eine Liste aller Icons findet sich auf icons.getbootstrap.com. Das Plug-in setzt voraus, dass Bootstrap-Icons bereits lokal oder per CDN eingebunden sind.

• Download
• WordPress
• WordPress-Plug-in

15. Dezember 2023

WordPress Seitenzahlen

Mit „the_posts_pagination()“ gibt WordPress eine praktische Funktion an die Hand, die die Erstellung von Seitenzahlen erheblich vereinfacht: Um Custom Posts mit Paginierung auszugeben, kannst du folgenden Code nutzen: Folgende Styles sind eine gute Basis für die Gestaltung der Paginierung.

• CSS
• PHP
• WordPress

12. Dezember 2023

Synchronisierte Vorlagen – So kannst du in WordPress Block-Templates erstellen, die automatisch auf jeder Seite geändert werden

Seit noch gar nicht allzu langer Zeit gibt es WordPress das Feature „synchronisierte Vorlagen“. Und dieses Feature ist aus meiner Sicht ein echter Game-Changer. Im Prinzip ist eine „synchronisierte Vorlage“ nicht anderes als eine Zusammenstellung beliebiger Elemente, die im Block-Editor erstellt worden sind. Einmal erstellt, kann ich diese Vorlage auf beliebig vielen Seiten einfügen. Das […]

• WordPress

28. November 2023

Einzelne oder mehrere Seiten in WordPress mit Passwort-Schutz versehen

Um einzelne Bereiche oder Seiten schnell und unkompliziert mit einem Passwort zu schützen, habe ich folgendes Plug-in entwickelt. Nach der Installation hast du im Backend die Möglchkeit ein Passwort festzulegen. Anschließend kannst mit diesen Shortcodes ausgewählte Bereiche Content schützen. „passwordprotect_logout“ erzeugt einen Link zum Log-out. Ganze Seiten kannst du schützen, indem du die Checkbox in […]

• WordPress

15. November 2023

Einzelne Seiten in WordPress von der Suche ausschließen

Einzelne Seiten einer WordPress-Website von der Suche auszuschließen, ist mit folgendem Code in der functions.php möglich. Der Code erzeugt eine Metabox in den Beitragseinstellungen in der gewählt werden kann, ob die Seite in der Suche gefunden werden soll, oder nicht.

• PHP
• WordPress

14. November 2023

8 Dinge, die du beim Launch einer WordPress-Website beachten solltest

Sichtbarkeit für Suchmaschinen aktivieren Bei der Installation von WordPress wird man gefragt ob man Suchmaschinen davon abhalten möchte, die Website zu indexieren. Das ist sinnvoll, wenn man die Website bereits auf einem Webserver entwickelt, die Seite aber noch nicht für die Öffentlichkeit gedacht ist. Beim Launch sollte man nicht vergessen die ensprechende Checkbox unter „Einstellungen […]

• WordPress

11. November 2023

Gutenberg-Vorlage automatisch beim Erstellen eines neuen Posts in den Editor einfügen

Gerade für Posts, die nach einem wiederkehrenden Muster aufgebaut sind, wie z.B. Stellenanzeigen, Exposés o.ä. und die in großer Anzahl erstellt werden müssen, ist es sehr praktisch, mit einer Vorlage zu arbeiten. Statt die Vorlage bei jedem Post manuell aus dem Menü einzufügen, kannst du das Template auch automatisch beim Erstellen eines neuen Posts in […]

• PHP
• WordPress

4. November 2023

Formular-Daten in WordPress als Post speichern – wp_insert_post()

Mit folgendem Code lassen sich Daten aus einem Formular als (Custom-)Post in WordPress speichern. Mögliche Anwendungsbereiche sind z.B. Erstelle hierfür zunächst einen Custom Post Type, z.B. namens „Anmeldungen“. Das geht z.B. sehr easy mit dem Plug-in CPT UI. Erstelle anschließend ein Formular mit den gewünschten Feldern. Ergänze im JavaScript folgenden Code. Hiermit werden die Formulareingaben […]

• HTML
• jQuery
• PHP
• WordPress

16. Oktober 2023

Eigene Farben im Gutenberg-Editor definieren / Span-Styles in WordPress

• CSS
• Design
• WordPress

14. Oktober 2023

Website vorlesen lassen / Text2Speech für barrierefreie/-arme Websites

Um Barrierefreiheit oder -armut auf Websites umzusetzen, ist häufig auch eine Vorlesefunktion erforderlich. Mit Hilfe des jQuery-Plug-ins „articulate.js“ kann man das „Speech Synthesis Interface“ der Web Speech API des Browsers nutzen. Da „articulate.js“ standardmäßig kein UI bereitstellt, habe ich folgendes Script geschrieben, das einen „Vorlese-Button“ auf der Website einfügt: Der Button ist so gestaltet, dass […]

• jQuery
• WordPress