So fügen Sie mit Divi & ACF dynamische URLs zu Ihren CTAs hinzu

Beim Erstellen Ihrer Website-Struktur ist die Wahrscheinlichkeit groß, dass Sie dieselben CTAs auf mehreren Seiten, Beiträgen und Projekten verwenden möchten. Natürlich können Sie die URLs in der Nähe behalten und sie kopieren und einfügen, aber das ist nicht unbedingt der einfachste Weg. Bevor Sie mit der Erstellung Ihrer Seiten, Beiträge und Projekte beginnen, können Sie eine Liste aller URLs erstellen, die Sie möglicherweise benötigen, einen Standardwert dafür festlegen und die Standardwerte für neue Elemente verwenden, die Sie erstellen.

Wenn sich die URLs auf einer bestimmten Seite, einem Beitrag oder einem Projekt aus irgendeinem Grund unterscheiden, können Sie dies innerhalb des Elements selbst ändern, ohne dass dies auf den gesamten Standardwert des Felds angewendet wird. Die an URLs angehängten Standardwerte helfen Ihnen beim Erstellen einer neuen Seite, eines Beitrags oder eines Projekts. In diesem Tutorial zeigen wir Ihnen Schritt für Schritt, wie Sie dorthin gelangen!

Lasst uns anfangen!

Tutorial-Übersicht

• Dieser Ansatz funktioniert am besten, wenn Sie die benutzerdefinierte Feldergruppe zu einer neuen Website hinzufügen, kurz bevor Sie mit dem Hinzufügen von Seiten, Beiträgen und Projekten beginnen
• Installieren Sie das Advanced Custom Fields-Plugin auf Ihrer WordPress-Website
• Innerhalb des Plugins können Sie eine Feldgruppe einrichten, die auf allen Ihren Seiten, Beiträgen und Projekten angezeigt wird
• Erstellen Sie ein separates URL-Feld für alle möglichen URLs, die Sie möglicherweise auf Ihrer gesamten Website benötigen.
• Weisen Sie jedem der Felder einen Standardwert zu; dieser Standardwert wird automatisch auf jeder neuen Seite, jedem Beitrag oder jedem Projekt angezeigt
• Auf bestehenden Seiten, Beiträgen und Projekten erscheinen die Werte erst, wenn Sie das Backend betreten und die Standard-URLs speichern
• Verwenden Sie die URL-Felder in Ihrem gesamten Divi-Design als dynamische Link-Inhalte (Seite, Beitrag, Projekt, Vorlage)
• Wenn Sie die Standard-URL in den Feldeinstellungen ändern, gilt weiterhin die alte Standard-URL für Seiten, Beiträge und Projekte, die den vorherigen Standardwert geerbt haben

1. Installieren und aktivieren Sie das ACF-Plugin

Als erstes müssen Sie das Plugin Advanced Custom Fields auf Ihrer Website installieren. Sie können das Plugin hier herunterladen oder einfach in Ihrem WordPress-Dashboard danach suchen. Stellen Sie nach der Installation des Plugins sicher, dass Sie es auch aktivieren, damit Sie sofort loslegen können.

2. Richten Sie eine Feldgruppe für alle Beiträge, Seiten und Projekte ein

Nachdem das ACF-Plugin installiert wurde, ist es an der Zeit, die URL-Feldergruppe zu erstellen. Diese Gruppe enthält alle CTAs, die Sie auf Ihren Seiten, Beiträgen und Projekten mehrmals verwenden. Gehen Sie zu Ihrem WordPress-Dashboard > Benutzerdefinierte Felder > Neu hinzufügen .

Geben Sie Ihrer Gruppe einen Titel und fahren Sie mit dem Festlegen der Regeln fort. Wir stellen sicher, dass die Feldgruppe in jedem Beitragstyp auf unserer Website angezeigt wird. Wenn Sie jedoch möchten, dass die Links nur in einem bestimmten Beitragstyp angezeigt werden, können Sie die Regeln an Ihre Bedürfnisse anpassen.

Diese Feldgruppe anzeigen, wenn:

• Beitragstyp – ist gleich – Beitrag oder
• Beitragstyp – ist gleich – Seite oder
• Beitragstyp ist gleich – Projekt

3. Fügen Sie verschiedene URL-Felder mit Standardwert hinzu

Wir fahren fort, indem wir die verschiedenen URL-Felder hinzufügen. Wie bereits erwähnt, benötigen Sie für jede URL, die Sie in Ihren Posttypen mehrmals verwenden, ein separates URL-Feld. Um zu veranschaulichen, wie es funktioniert, fügen wir drei verschiedene URL-Felder hinzu. Eines der Felder leitet Besucher auf die Landingpage der Divi-Galerie weiter, das zweite leitet Besucher zur Kontaktseite und das verbleibende Feld leitet Benutzer zum Mitgliederbereich weiter.

Nehmen wir an, wir beginnen mit dem CTA, der die Leute auf die Landingpage der Divi-Galerie umleitet. Wir fügen ein neues Feld dafür hinzu und geben ihm einen erkennbaren Feldnamen. Auf diese Weise gibt es keine Verwirrung bei der Auswahl der richtigen URL, sobald wir uns im Divi-Builder befinden.

Wir fahren fort, indem wir in den Feldeinstellungen nach unten scrollen und als Feldtyp "URL" auswählen.

Als nächstes und letztes müssen Sie dem Feld einen Standardwert hinzufügen. Hier platzieren Sie die URL, zu der Ihr CTA weiterleiten soll. Sobald Sie diesen Standardwert hinzufügen, wird er automatisch auf jede neue Seite, jeden Beitrag und jedes Projekt angewendet, die Sie hinzufügen.

Wiederholen Sie die obigen Schritte für jedes CTA-Feld, das Sie auf Ihrer Website benötigen. Für dieses spezielle Beispiel bedeutet dies, dass wir zwei zusätzliche Felder erstellen; einmal für die Kontaktseite und einmal für den Mitgliederbereich.

Nachdem alle Ihre URL-Felder hinzugefügt wurden, stellen Sie sicher, dass Sie alle an Ihrer Feldgruppe vorgenommenen Änderungen speichern.

4. Link-Button-Links zu dynamischen URLs

Wenn Sie nun einen Beitrag, eine Seite oder ein Projekt eingeben, sehen Sie unten die Gruppe der URL-Felder. Wenn Sie aus irgendeinem Grund auf dieser bestimmten Seite, diesem Beitrag oder Projekt eine andere URL verwenden möchten, können Sie dem Feld eine andere URL hinzufügen. Die von Ihnen hinzugefügte URL gilt nur für die bestimmte Seite, den Beitrag oder das Projekt, an dem Sie gerade arbeiten. Im Kern der Feldgruppe bleibt die Standard-URL dieselbe wie die, die Sie beim Erstellen des Felds hinzugefügt haben.

Wenn Sie die Standard-URLs verwenden, wechseln Sie zu Visual Builder, um die Schaltflächen in Ihrem Design mit der richtigen URL zu verknüpfen.

Das Hinzufügen einer dynamischen URL zu Ihren Divi-Schaltflächen ist wirklich einfach. Öffnen Sie die Schaltfläche, die Sie auf Ihrer Seite finden, gehen Sie zu den Linkeinstellungen und klicken Sie auf das Symbol für dynamische Inhalte.

Nachdem Sie auf das dynamische Symbol geklickt haben, wird eine Liste mit dynamischen Inhalten zur Auswahl angezeigt. In dieser Liste werden auch die verschiedenen URL-Felder angezeigt. Wählen Sie das richtige URL-Feld aus, zu dem Sie verlinken möchten.

Wiederholen Sie die Schritte für jede Schaltfläche auf Ihrer Seite. Wenn sich die URLs auf einer Seite, einem Beitrag oder einem Projekt aus irgendeinem Grund ändern, können Sie zu dieser bestimmten Seite, diesem Beitrag oder Projekt zurückkehren und den dynamischen Inhalt der URL im Backend ändern.

Der gleiche Ansatz gilt auch für das Hinzufügen dynamischer URLs zu Ihren Vorlagen. Wenn Sie beispielsweise einer Schaltfläche in Ihrer Blog-Post-Vorlage eine dynamische URL hinzufügen möchten, können Sie zum Theme Builder Ihrer Website gehen und den Post-Body-Vorlagen-Editor öffnen.

Fahren Sie fort, indem Sie die Einstellungen für das Schaltflächenmodul öffnen, zu den Linkeinstellungen gehen und auf das Symbol für dynamische Inhalte klicken.

Auch hier wird ein Dropdown-Menü angezeigt, in dem Sie den dynamischen URL-Inhalt auswählen können, der dem CTA entspricht.

Stellen Sie sicher, dass Sie alle Änderungen am Theme Builder ändern, nachdem Sie auch die dynamischen URLs hinzugefügt haben!

Abschließende Gedanken

In diesem Beitrag haben wir Ihnen gezeigt, wie Sie dynamische URLs erstellen und diese auf jeder Seite, jedem Beitrag oder Projekt auf Ihrer Website verfügbar machen. Wir haben den dynamischen Inhalt von Divi in ​​Kombination mit dem ACF-Plugin verwendet. Wir konnten einen Standardwert festlegen und diesen URL-Wert auf unsere CTAs anwenden. Dieses Tutorial konzentriert sich darauf, Ihnen zu ermöglichen, beim Erstellen von Websites mit Divi so effektiv wie möglich zu sein! Wenn Sie Fragen oder Anregungen haben, können Sie gerne einen Kommentar im Kommentarbereich unten hinterlassen.

Wenn Sie mehr über Divi erfahren und weitere Divi-Werbegeschenke erhalten möchten, abonnieren Sie unseren E-Mail-Newsletter und unseren YouTube-Kanal, damit Sie immer einer der ersten sein werden, der diesen kostenlosen Inhalt erfährt und von diesem profitiert.