Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

WordPress-Themes mit Bootstrap

Shortcodes verwenden

Testen Sie unsere 2015 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Durch die Verwendung von Shortcodes wird die Tipparbeit von einem Redakteur minimiert. Zusätzlich treten hierdurch wesentlich weniger HTML-Fehler im Blog auf.
03:31

Transkript

Das hier ist schon ein etwas komplizierterer Beitrag innerhalb von WordPress. Ich hab hier die Überschrift, ich habe hier ein Foto und das ist das Komplizierte daran, ich habe hier eine Karte eingebunden direkt von OpenStreetMap, und wenn ich mir den Quelltext mal etwas genauer dazu anschaue und nach IFrame suche, dann wird diese Karte hier eben über diesen IFrame eingebunden und das ist etwas, was man einem normalen Redakteur manchmal zutrauen kann, aber manchmal eben auch nicht. Wir können ihm die Arbeit etwas erleichtern, wenn ich mir den Beitrag hier mal anschaue im Back-End, dann habe ich hier nur diesen Begriff "Map 48,12". Dieses 48,12 zeigt an, wo diese Map in der Mitte zentriert worden ist, also wenn ich aus diesem 48,12 zum Beispiel ein 39,12 mache, das Ganze aktualisiere, dann kann ich mir das draußen hier nochmal anschauen und Sie sehen, ich bin jetzt hier irgendwo im Süden von Italien gelandet. Wie das Ganze jetzt funktioniert und wie Sie das in ihr Theme einbauen und verändern können, das zeige ich Ihnen jetzt in diesem Video. Ich gehe in den Quelltext meines Themes, bin hier in der Datei functions.php und zunächst einmal sage ich mit add_filter, dass ich hier einen Filter anlegen möchte, dass ich irgendwie in WordPress mich einwählen möchte und zwar immer dann, wenn der Inhalt, wenn the_content ausgegeben wird, dann rufe bitte die Funktion berge_shortcode auf und das machts du mit einer Priorität von 20, also relativ früh. Es gibt andere Filter, die man verwendet, die werden erst sehr viel später ausgeführt. Diese Funktion berge_shortcode, die bekommt hier als Parameter diesen Content, den Inhalt dieser Seite übergeben, und ganz am Ende, da gibt sie diesen Inhalt auch wiederum zurück. Und alles, was ich dazwischen mache, das ist jetzt nicht gerade WordPress spezifisch, das ist normaler php Code. Ich zeig es Ihnen kurz. Zunächst einmal schaue ich nach, gibt es denn hier diesen Bereich [map]. Wenn das der Fall ist, dann hole hier mal diese Parameter heraus, also dieses 48,12 in unserem Beispiel, speichere das in der Variable "matches", und diese Matches, die trennst du dann bitte nach dem Komma auf, und hast dann einen Wert für Latitude und Longitude, also 48,12 in dem Falle. Dann schaue nach, sind es denn tatsächlich numerische Werte denn es kann ja sein, dass hier jemand entweder sich vertippt, oder dass irgendwie hier Nord eingetragen wird. Das sind keine numerischen Werte, damit kann man nicht arbeiten, und dann gib hier einfach eine Fehlermeldung aus. Es konnte keine Map eingebunden werden für dieses $map. Und wenn aber alles funktioniert hat, in dem Fall ist es dann hier OpenStreetMap spezifisch, dann gehe von dem Punkt, von dem aus du gestartet bist, ein bisschen nach links, ein bisschen nach rechts und stelle hier einfach diesen Einbindecode für diesen IFrame bereit und in der vorletzten Zeile, da sage ich dann: dieses Map soll ersetzt werden durch den Inhalt der Variable map aus dem Content von diesem Beitrag, und das Ganze gebe ich dann wiederum zurück. Das heißt wir können auch mehrere solche Filter einfügen, wir könnten also beispielsweise das hier einfach kopieren und könnten sagen, es gibt neben map noch beliebige andere short Codes, mit denen wir den Alltag eines Redakteurs einfacher gestallten können.

WordPress-Themes mit Bootstrap

Verwirklichen Sie Ihre eigenen Designvorstellungen bei Ihrem Webauftritt und sehen Sie, wie Sie WordPress-Seiten über Plug-ins und Themes wie z.B. Bootstrap erweitern können.

2 Std. 33 min (39 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!