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

13. Oktober 2023

Reihenfolge der Spalten im Gutenberg-Editor mobil ändern.

• CSS
• WordPress

13. Oktober 2023

Serverpfad einer Datei in WordPress

Wenn du, z.B. mit Hilfe von LazyBlocks, in WordPress Downloads zur Verfügung stellst, wird der Pfad zur Datei als URL ausgegeben. Um den Dateityp oder die Dateigröße mit PHP zu bestimmen, wird allerdings der absolute Serverpfad benötigt. Also z.B. statt: Mit folgendem Code kannst du den Serverpfad einer Datei in WordPress ermitteln und den Dateityp […]

• PHP
• WordPress

11. Oktober 2023

Test-PDF

Hier ist ein Test-PDF, das als Platzhalter für PDF-Downloads auf Websites dienen kann.

• WordPress

30. August 2023

Breadcrumb-Navigation für WordPress

Mit diesem Code kannst du automatisch eine Breadcrumb-Navigation für deine WordPress-Website generieren. Ergänze folgenden Code in deiner functions.php: Und anschließend rufst du die Funktion an gewünschter Stelle im Template auf:

• PHP
• WordPress

10. August 2023

Automatische Weiterleitung bei unvollständiger URL in WordPress deaktivieren

WordPress „mag es nicht“, Fehlerseiten anzuzeigen. Deshalb versucht WordPress standardmäßig, URLs zu korrigieren oder zu erweitern und leitet auf auf existierende Seite um. So wird z.B. aus aus der Eingabe „https://www.fbnfrtg.de/link/“ > „https://www.fbnfrtg.de/links/“. Das ist grundsätzlich in vielen Fällen praktisch, kann aber auch zu unerwünschten Ergebnissen führen. Wenn z.B. die Seite „Link“ in diesem Beispiel“ […]

• WordPress

22. Juli 2023

WordPress-Themes oder -Plug-ins ausprobieren ohne WordPress zu installieren

Auf dem WordPress-Playground kann man schnell und unkompliziert mal ein WordPress-Plug-in oder Theme ausprobieren ohne erst eine Datenbank anlegen und WordPress installieren zu müssen: https://playground.wordpress.net/ Darüber hinaus kann man die PHP-Version und WordPress-Version frei wählen um z.B. Kompatibilitäten zu checken. Die WordPress-Instanz wird hier im eigenen Browser ausgeführt, so dass nach einem Reload sämtliche Eingaben […]

• WordPress

22. Juli 2023

So kannst du einzelne Bereiche im WordPress-Backend ausblenden oder anpassen.

Hier hatte ich bereits beschrieben, wie man Änderungen am Style des WordPress-Backends vornehmen kann. Ergänze folgende Zeile in der functions.php deines Themes. Die „admin-styles.css“ kann natürlich auch noch für andere Zwecke verwendet werden. Z.B. Um einzelne Bereiche im Backend anzupassen oder auszublenden. So sind z.B. standardmäßig in den Blockeinstellungen des Gutenberg-Editors rechts „Typografie“- und Farb-Einstellungen […]

• CSS
• WordPress

21. Juli 2023

So kannst du den WordPress-Abstandhalter im Backend sichtbar machen

Der „Abstandhalter“ im WordPress-Gutenberg-Editor ist ein fantastisches Tool um Inhalte schnell und einfach zu gestalten, bzw. mit Whitespace zu versehen. Es gibt allerdings 2 Dinge, die mich stören: 1.: Der Abstandhalter ist im Backend, wenn er nicht ausgewählt ist, unsichtbar. Und 2.: Der Abstandhalter ist immer gleich hoch und wegen des Inline-CSS nicht über das […]

• WordPress