[Musik spielt]

In dieser Folge gibt es noch

ein paar mehr Informationen zu Shortcodes und zum Plugin Elements.

Elements ist quasi eine Erweiterung für den Editor.

Es ermöglicht, die eigenen Inhalte entsprechend zu gestalten.

Und um diesen Umgang mit Shortcodes noch etwas besser zu verstehen,

werde ich in diesem Video mal ein paar Beispiele zeigen.

Auch aus der Anleitungsseite direkt, also mit der Anleitungsseite arbeiten,

damit sie besser verstehen können, wie man einen Shortcut denn jetzt

letztendlich rüber kopiert und dann auch modifizieren kann.

Vorweg wie immer auf unsere Anleitungsseite findet man auch

die entsprechende Plugin-Anleitung dann im Menü unter Plugins

und dann eben dem Namen vom Plugin.

Elements ist ein Plugin, was nicht installiert werden muss

auf unserem CMS, weil es vorinstalliert ist.

Falls Sie einen Webspace besitzen und Elements verwenden möchten, dann

müssen Sie es gegebenenfalls

von unserer GitHub Seite

herunterladen und installieren.

Elements bietet neben den Akkordeon-Fächern,

die Sie schon gesehen haben, und neben der Zeitleiste noch

weitere Funktionen, um die Aufmerksamkeit der Nutzer zu erlangen,

zum Beispiel Hinweisboxen, aber auch Absatzklassen, also z.B.

Icons mit einem Text bei den Inhaltsboxen.

Die haben diese vielleicht auch schon auf der einen oder anderen Uni-Seite gesehen.

Die werden durch diese Shortcodes von Elements erzeugt.

Aber Elements bietet noch eine weitere

wichtige Funktion, und zwar die Funktion Custom News.

Und zwar kann man die eigenen Beiträge, die man auf der Seite hat, auch auf

bestimmten Inhaltsseiten ausgeben, indem man einen Shortcode verwendet.

Das sind alles Beispiele von dieser Shortcode Umsetzung.

Man sieht, vier oder drei sind nebeneinander möglich,

aber man kann auch nur ein großes Bild

eben einbinden und daneben den Text des Beitrags.

Das funktioniert dann auch

über diese Custom News Shortcodes, die hier unten auch noch mal als Beispiel

eingefügt wurden.

Wie kann man das

Ganze jetzt entsprechend in den Editor bringen?

Zum Beispiel die Custom News, wenn Sie da jetzt eine Beispiel-Umsetzung gut finden.

Wie können Sie diese schnell einfach in den eigenen Editor rüber kopieren?

Das funktioniert auch ohne Probleme, wenn Sie das einmal kopieren.

Und dann in den Text Modus einfügen, weshalb der Text Modus?

Wenn man diese blauen Blöcke kopiert

und in den visuellen Modus einfügt, dann passiert das,

dass man diese blaue Box mit kopiert hat, weil man das HTML mit kopiert hat.

Und dann hat man hier zum Beispiel noch Tags, die eben nicht dorthin gehören,

die den Shortcut stören können, weil man es eben im visuellen Editor eingefügt hat.

Stattdessen ist es viel besser, wenn Sie gleich in den Text Modus

wechseln, also hier oben in Ihrem Editor auf Text