Code Snippets als Lösung für Probleme mit Codes im WordPress Text-Editor

Es kann vorkommen, dass man mit dem WordPress Text-Editor den Inhaltsbereich einer Seite mit eigenem Code (HTML, PHP, JS, ..) ausstatten will. Der Text-Editor bietet eine einfache Variante, wie man den Code an der gewünschten Stelle einfügen / schreiben kann. Doch manchmal funktioniert das nicht. Nach dem Speichern ist der Code / Inhalt einfach verschwunden. Hier gibt es eine einfache Lösung.

Code Snippets WordPress Editor
Code Snippets – manchmal sieht man den Wald vor lauter Bäumen nicht

Der Klassiker – iFrame-Code einer Google Map

Sollte man dazu geneigt sein, auf der Kontakt-Seite der Website eine Google Map über den Text-Editor einzubinden (es gibt dafür bessere Lösungen!) dann kann es schon sein, dass der dafür verwendete iFrame-Code nach dem Speichern der Seite plötzlich weg ist. Denn eigentlich sollte im Text-Editor aus Sicherheitsgründen nur reines HTML verwendet werden, also kein JavaScript und auch keine iFrames.

Die Lösung: Verwendung von Shortcodes

WordPress liebt Shortcodes. Sehr viele Applikationen lassen sich in WordPress relativ simpel mit Shortcodes lösen, so auch dieses Mysterium von sich selbst auflösendem Code 🙂 und dazu gibt es auch ein Plugin, welches Abhilfe verschafft: Code Snippets

Nach Aktivierung des Code Snippets-Plugins kann man entweder anhand von Beispielen seinen eigenen Snippet „basteln“ oder einen komplett neuen eigenen Snippet erstellen. Über den Befehl

add_shortcode( 'shortcodename', function () {

kann nun dem eigenen Code ein Name gegeben werden. Nun muss man im Prinzip, und dazu benötigt man nicht einmal den Text-Editor (geht auch visuell), nur noch den Shortcode an der gewünschten Stelle platzieren – fertig.

Sollte es nun auch hier noch Probleme geben, stehe ich gerne mit Rat und Tat zur Verfügung. Senden Sie dazu einfach Ihre unverbindliche Anfrage.