Lesefortschritt:

Divi-Elemente aus der Library mit Shortcodes einbinden und auf der Website anzeigen

20. September 2023 | Divi-Theme, functions.php

Dieser Beitrag beinhaltet 582 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.

Womöglich verwenden Sie auf Ihrer Website Elemente, welche an verschiedenen Stellen erscheinen, und die immer überall gleich dargestellt werden sollen. Beispielsweise für die Öffnungszeiten Ihres Geschäfts, die im Sommer und im Winter variieren. Dafür eignet sich die Divi-Library sehr gut. Die dort abgelegten Inhalte lassen sich dann überall wo gewünscht anzeigen – auch per Shortcode.

Zunächst müssen Sie Ihrer Website die Shortcode-Funktion beibringen. Das geht ganz eifach mit nachfolgendem Code, den Sie in die Datei functions.php Ihrer WordPress-Installation einbinden. Die Datei functions.php finden Sie im WordPress-Backend unter Design/Theme-Editor:

Dieser Trick wird noch besser, wenn Sie ihn mit dem Tipp «Beitrags- und Seiten-ID im WordPress-Backend anzeigen» anwenden. Die für die Shortcodes nötigen Post-IDs lassen sich damit ganz einfach eruieren.

function showmodule_shortcode($moduleid) {
extract(shortcode_atts(array('id' =>'*'),$moduleid)); 
return do_shortcode('[et_pb_section global_module="'.$id.'"][/et_pb_section]');
}
add_shortcode('showmodule', 'showmodule_shortcode');

Nun benötigen Sie die ID des gewünschten Elements, welches Sie in der Divi-Library abgelegt haben. Hiezu haben Sie mehrere Möglichkeiten – eine davon: Öffnen Sie das Element aus der Library und werfen Sie einen Blick in die URL, welche nun im Browser angezeigt wird. Dort finden Sie eine Zahlenreihe. Etwa so:

https://ihredomain.ch/wp-admin/post.php?post=7873&action=edit

Die Zahlenreihe hinter «post=» entspricht der ID des Elements.

Sobald Sie die ID kennen, fügen Sie den folgenden Shortcode an der gewünschten Stelle Ihrer Seite oder Ihres Beitrags (zum Beispiel in ein Textmodul) ein. Die Zahlenfolge 7873 ersetzen Sie dabei mit der ID des Library-Elements, welches dort angezeigt werden soll.

[showmodule id="7873"]

Nun wird das Library-Element stets an der gewünschten Stelle – bzw. an den gewünschten Stellen –  eingeblendet. Wenn Sie es verändern wollen, tun Sie dies künftig im Library-Modul – so gehen Sie sicher, dass der Inhalt immer und überall topaktuell ist.

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This