Divi Layouts als Shortcode

30. Aug., 2018Codes, Divi Tutorials

Divi Tutorial – Jedes Divi-Modul als Shortcode

Wer hat sich nicht schon mal gefragt ob es auch möglich ist ein Divi-Modul in ein anderes Divi-Modul einzufügen?
Ich habe mir mal die Zeit genommen und das Internet befragt… und siehe da ich wurde fündig

Das Wichtigste zuerst!

Du benötigen hierfür ein Child-Theme, damit es auch nach einem Updates weiterhin funktioniert.
– Gehe im Dashboard auf Design -> Editor und klicke auf der rechten Seite auf function.php

Achtung!!

Am besten kopierst Du dir zur Sicherheit deinen aktuellen Inhalt!
Folgenden Code kannst Du dir hier als TXT-Datei herunterladen.
Download Code_function_php

Füge den folgenden Code hinzu:

Und wo findest Du jetzt den Shortcode?

Gehe zu deiner Divi-Bibliothek, im rechten Bereich kannst Du nun den Shortcode sehen.

Da Du jetzt den Shortcode kennst, kannst Du ihn in jedes der Divi-Module einsetzen.

Es gibt aber auch einen einfacheren Weg, ohne einen Eintrag in die funktion.php!

Da wir nun Wissen wie so ein Shortcode aussieht, können wir uns den Aufbau des Codes Notieren, um ihn später wieder zu verwenden.
Der Code sollte immer so aussehen: [ds_layout_sc id=”201″]
Später muss dann nur noch die ID der Seite, aus der Divi-Bibliothek ermittelt werden.
Woher bekommen wir nun diese ID?
Gehe dafür in die Divi-Bibliothek und öffne das Layout was Du in dein zweites Modul einbinden möchtest. In der Browser-Adressleiste siehst Du die ID der Seite, diese musst Du nur noch in dein Code kopieren.

Beispiel:
WP-DIVI-Tutorials
..:: WordPress | Divi | Plugins | CSS | uvm ::..