Inhaltsverzeichnis
Mit der Kombination von Divi und Advanced Custom Fields (ACF) können beeindruckende Websites erstellt werden. Doch wie bettet man YouTube-Videos über ACF in Divi ein, ohne das standardmäßige Video-Modul zu nutzen? Dieses Tutorial bietet die Lösung.
Problemstellung
Divi bietet zahlreiche praktische Module. Dennoch unterstützt das Video-Modul keinen dynamischen Inhalt, was insbesondere dann zu einem Hindernis werden kann, wenn man eine Video-Galerie basierend auf benutzerdefinierten ACF-Feldern erstellen möchte.
Warum dieses Tutorial?
Durch das Einbetten von Videos in dynamischen Inhalten kann man nicht nur die Benutzererfahrung verbessern, sondern auch die Content-Pflege vereinfachen. ACF bietet hierfür ein mächtiges Toolset. Allerdings fehlt in Divi die Möglichkeit, dynamische Inhalte im Video-Modul zu nutzen – ein Workaround ist gefragt.
Lösungsansatz
Das Ziel ist es, ein ACF-Feld für YouTube-URLs zu erstellen und dieses mit einem benutzerdefinierten Shortcode in Divi darzustellen. Dies ermöglicht es uns, den YouTube-Link dynamisch auszulesen und über ein Text-Modul in Divi darzustellen.
1. Erstellen eines ACF-Feldes für die YouTube-URL
Folgen Sie diesen Schritten, um ein ACF-Feld für Ihre YouTube-Links zu erstellen:
- Installieren und aktivieren Sie das Plugin „Advanced Custom Fields“.
- Im WordPress-Dashboard unter „Benutzerdefinierte Felder > Feldgruppen“ klicken Sie auf „Neue hinzufügen“.
- Benennen Sie die Feldgruppe, z. B. „YouTube Video“.
- Fügen Sie ein neues Feld hinzu: Feldnamen = „video_url“ und Feldtyp = „Text“.
- Speichern Sie die Feldgruppe und weisen Sie sie den gewünschten Beitragsarten zu.
2. Erstellen des PHP Shortcodes und Hinzufügen zur functions.php
Dieser Code erstellt einen Shortcode, der das YouTube-Video aus dem ACF-Feld abruft und einbettet:
function acf_youtube_embed_shortcode() {
$video_url = get_field('video_url');
if($video_url) {
return wp_oembed_get($video_url);
}
return ''; // Gibt nichts zurück, wenn keine URL gefunden wird
}
add_shortcode('acf_youtube_embed', 'acf_youtube_embed_shortcode');
Fügen Sie diesen Code in die functions.php Datei Ihres Child-Themes ein.
3. Implementierung des Shortcodes im Divi Theme Builder
Verwenden Sie den Shortcode [acf_youtube_embed] in einem Divi Text-Modul. Achten Sie darauf, dass die Orts-Regeln für den entsprechenden Post- oder Inhaltstyp festgelegt sind.
Fazit
Mit wenigen Handgriffen und dem Einsatz von ACF können Sie in Divi dynamische YouTube-Videos einbinden und sich so nicht nur Arbeit, sondern auch mögliche Komplikationen ersparen.
Abschließende Worte
Die Tools Divi und ACF bieten eine immense Bandbreite an Möglichkeiten für WordPress-Entwickler. Durch das Überwinden solcher kleiner Herausforderungen, wie in diesem Tutorial beschrieben, können Sie Ihr Skillset erweitern und professionelle Websites entwickeln. Entdecken Sie, was noch alles möglich ist!