ACF gegen Divi -Designvariablen: Wann zu verwenden, was zu verwenden ist

Mit der neuesten Alpha -Veröffentlichung von Divi 5 haben Designvariablen das Divi -Ökosystem als neuen Ansatz zur Verwaltung von Design- und Inhaltswerten auf Ihren Websites eingegeben. Dies hat unsere Benutzer begeistert, insbesondere diejenigen, die sich seit Jahren auf Advanced Custom Fields (ACF) verlassen haben. Sollten Sie sich bei ACF halten oder zu Divis Variablen wechseln? Oder können Sie beide gleichzeitig verwenden?

Dieser Beitrag erklärt den Unterschied und wann Sie was verwenden sollten. Kommen wir dazu!

Divi 5 ist bereit für neue Website -Builds.

Was sind Divi -Designvariablen?

Wenn Sie eine Website erstellen, verwenden Sie häufig die gleichen Informationen auf vielen Seiten, von Farben bis hin zu Schriftstilen, Kontaktdaten und vielem mehr. Designvariablen helfen Ihnen bei der Verwaltung dieser gemeinsam genutzten Elemente von einem zentralen Ort. Im Gegensatz zu Standard-ACF-Feldern sind Designvariablen nicht an postspezifische Inhalte gebunden, sondern als globale Design- und Inhaltswerte und nicht als dynamische Inhaltsfelder.

Anstatt jede Seite durchzugraben, um ein kleines Update vorzunehmen, z. B. das Ändern einer Telefonnummer oder das Anpassen einer Hintergrundfarbe, aktualisieren Sie einmal eine Variable und diese Änderung der Flüsse auf Ihrer gesamten Website automatisch.

Möchten Sie Ihre Markenfarben für eine saisonale Aktion wechseln? Ändern Sie eine einzelne Variable. Müssen Sie Ihren Fußzeilentext oder ein Logo aktualisieren? Man bearbeitet jede Instanz sofort. Mit Divis Designvariablen stylen Sie nicht nur schneller, sondern bauen intelligenter auf.

Erstellen einer intelligenteren und leichter zu update Website

Standard -ACF -Felder verbessern das Design und Inhalt von WordPress -Benutzern, indem Sie benutzerdefinierte Felder erstellen, die an bestimmte Beiträge gebunden sind. Die Entwurfsvariablen von Divi nehmen einen völlig anderen Weg. Sie sind global zugängliche Designwerte, die überall gleichzeitig aktualisieren. Der Unterschied mag anfangs subtil erscheinen, aber er verändert die Erstellung und Pflege von WordPress -Sites.

Was ACF an den Tisch bringt

Mit Advanced Custom Fields (ACF) können Sie Ihren Seiten und Beiträgen in der Kernversion zusätzliche Datenfelder hinzufügen. Sie erhalten mehr als nur die grundlegenden Titel- und Inhaltsboxen. ACF bietet Ihnen spezielle Felder für Bilder, Textblöcke, Dateien, Dropdown -Menüs und vieles mehr.

Sie können verwandte Felder für Ihre Projekte in logische Gruppen bündeln. Zum Beispiel können Sie eine Mitarbeitergruppe mit Spots für Berufsbezeichnung, Abteilung, Foto und Biografie herstellen. Oder erstellen Sie Produktdetails mit Feldern für Spezifikationen, Preisgestaltung und Funktionslisten.

Diese Feldgruppen funktionieren sehr gut mit benutzerdefinierten Post -Typen. Wenn Sie sie kombinieren, können Sie spezielle Inhaltsabschnitte wie Teamverzeichnisse, Serviceteile oder Eigenschaftskataloge erstellen - jeweils genau die richtigen Felder für diesen Inhalt.

Menschen lieben ACF, weil es reibungslos in den regulären WordPress -Administratorbereich passt. Ihre benutzerdefinierten Felder werden direkt in den normalen Bearbeitungsbildschirmen angezeigt, sodass Kunden, die nicht technisch versiert sind, die Inhalte aktualisieren können.

Optionsseiten: Ihr Website-Weit-Bedienfeld

ACF-Optionsseiten, die in ACF Pro verfügbar sind, können Sie im Gegensatz zu regelmäßigen ACF-Feldern, die an bestimmte Inhalte anhängen, einen zentralen Ort für ortsweite Informationen erstellen. Diese Funktion ist großartig für:

• Kontaktinformationen
• Wichtige Links
• Geschäftszeiten und Standorte
• Standardbilder und Logos

Wenn sich etwas ändert, wie sich Ihre Telefonnummer, müssen Sie es nur einmal im Abschnitt "Administrator" aktualisieren. Die Änderung wird sofort überall auf Ihrer Website angezeigt. Es ist erwähnenswert, dass Sie die ACF Pro benötigen, um Optionsseiten zu verwenden.

Tiefe Integration in Divi

Standard -ACF -Felder kombinieren sich gut mit Divi durch Divi's Dynamic Content System. Wenn Sie Seiten im Divi Builder erstellen, können Sie Informationen von Ihren benutzerdefinierten ACF -Feldern ziehen. Mit dieser Teamarbeit können Sie die Design -Tools von Divi neben dem Content Management von ACF verwenden.

So funktioniert der Prozess normalerweise:

• Richten Sie benutzerdefinierte Felder mit ACF ein
• Füllen Sie diese Felder mit Inhalten in WordPress
• Entwerfen Sie Ihr Seitenlayout in Divi
• Schließen Sie Ihren ACF -Inhalt mit Ihren Divi -Modulen an

Diese Kombination von Divi und ACF erzeugt eine hilfreiche Trennung. Content -Editoren können Informationen in einer sauberen, organisierten Oberfläche aktualisieren, während Designer Layouts erstellen können, ohne sich in Content -Management -Details zu verleihen.

Flexibler Ansatz

Standard -ACF -Felder eignen sich für Ihre Fähigkeiten, egal ob Sie codieren oder visuelle Tools mögen. Entwickler können Vorlagenfunktionen verwenden, um Feldwerte in benutzerdefinierten Themen anzuzeigen. Wenn Sie nicht codieren, können Sie immer noch ACF -Felder mit Bauherren wie Divi verwenden, ohne PHP zu kennen.

Diese Flexibilität macht Standard -ACF -Felder für grundlegende Geschäftswebsites und komplexe Projekte geeignet. Sie können mit einfachen Funktionen beginnen und fortgeschrittenere verwenden, während Sie lernen und Ihre Website wächst.

Die Flexibilität der Entwurfsvariablen von Divi

Divi 5 Designvariablen machen das Website -Management einfacher. Sie speichern Designentscheidungen und wiederverwendbare Inhalte, die Sie überall auf Ihrer Website verwenden können. Wenn Sie eine Variable aktualisieren, ändert sich sie überall, wo Sie sie verwendet haben.

Der Variablen -Manager wird gefunden, indem Sie auf das Variablen -Symbol in der visuellen Bauer -Seitenleiste von Divi 5 klicken. Dadurch können Sie alle Ihre Designelemente an einem Ort verwalten.

Sechs Arten von Designvariablen

Divi 5 enthält sechs verschiedene Arten von Variablen, die bei verschiedenen Aspekten Ihrer Website helfen:

• Farbvariablen: Halten Sie Ihre Markenfarben, Textfarben und Hintergründe fest
  • Sie können sie eindeutig wie "Coral Blush" oder "Champagner Gold" nennen
  • Verwenden Sie sie für Schaltflächen, Text, Hintergründe und Grenzen
  • Anschließend können Sie Ihr gesamtes Farbschema ändern, indem Sie diese wenigen Variablen aktualisieren
• Schriftart Variablen: Setzen Sie die Typografieoptionen über den Themenpassungsanpassungen hinaus
  • Sie können separate Schriftstellungen für Überschriften, Körpertext oder spezielle Bereiche erstellen
  • Dies hält die Typografie auf Ihrer Website konsistent
  • Bei Bedarf können Sie alle Schriftarten gleichzeitig aktualisieren
• Zahlenvariablen: In Ihrem Design verwendete Messungen speichern
  • Ideal für Abstand, Grenzen, Größen und Textabmessungen
  • Arbeiten Sie mit CSS -Einheiten wie Clamp () für reaktionsschnelle Designs
  • Diese helfen Ihnen dabei

Divi 5 Variablen verarbeiten auch Inhalte, die auf Ihrer Website angezeigt werden:

• Bildvariablen: Speichern Sie Bilder an mehreren Stellen
  • Perfekt für Logos, Hintergrundmuster und Fotos
  • Aktualisieren Sie Bilder einmal statt auf jeder Seite
  • Saisonale Updates durchführen oder viel schneller umbenennen
• Textvariablen: Speichern Sie schriftliche Inhalte, die an vielen Stellen angezeigt werden
  • Nützlich für Kontaktinformationen, Sloganer und Geschäftszeiten
  • Ändern Sie den Text einmal, um ihn überall zu aktualisieren
  • Halten Sie die Informationen konsistent, wenn sich Details ändern
• Linkvariablen: URLs für Tasten und Menüs speichern
  • Verwenden Sie für Aktionsschaltflächen, Social -Media -Links und Navigation
  • Vermeiden Sie defekte Links, wenn sich die Webadressen ändern
  • Aktualisieren Sie alle zugehörigen Schaltflächen gleichzeitig beim Hinzufügen neuer Seiten

Vorteile der realen Welt

Entwurfsvariablen sparen Zeit und reduzieren Fehler, da sie visuell sind. Wenn ein Kunde seine Website -Farben ändern möchte, können Sie nur die Farbvariablen aktualisieren, und alles mit dieser Farbe (Schaltflächen, Hintergründe und Text) ändert sich sofort auf der Website.

Diese Variablen funktionieren gut mit dem voreingestellten System von Divi. Fügen Sie Ihren Modul -Voreinstellungen Variablen hinzu, und wenn Sie eine Variable aktualisieren, ändert sich jedes Modul mit dieser Variablen.

Für Websites, die auf allen Geräten gut aussehen, helfen Zahlenvariablen mit CSS -Funktionen wie Clamp () dabei, dass Ihre Layouts zu jeder Bildschirmgröße passen, ohne separate Designs zu benötigen. Wenn mehrere Personen auf einer Website arbeiten, halten Designvariablen alle die gleichen Designregeln. Dies hilft der Website, konsequent und professionell zu bleiben, egal wer Änderungen vornimmt.

Wie sie vergleichen

Beim Vergleich von Standard -ACF -Feldern und Divi -Designvariablen suchen wir zwei verschiedene Ansätze, um Websites überschaubarer zu machen. Lassen Sie uns ihre Kernunterschiede aufschlüsseln:

Standard-ACF-Felder leuchten, wenn Sie strukturierte Inhalte benötigen, der sich zwischen Posts und Seiten ändert, während Divi-Design-Variablen die standortweite Designkonsistenz beibehalten. Es gibt einige Aspekte, bei denen die ACF -Optionsseiten (in ACF Pro verfügbar) und Divi -Designvariablen ähnlich sind:

Es ist wichtig zu verstehen, dass Divi -Designvariablen nicht versuchen, alles zu tun, was ACF Pro macht. Sie geben Ihnen eine andere Möglichkeit, dieselben Informationen auf Ihrer Website zu speichern und zu verwenden. ACF kann immer noch viele Dinge tun, die Divi -Variablen nicht können:

Divi -Variablen eignen sich hervorragend für einfache Jobs wie das Ändern von Kontaktinformationen, das Austausch von Fotos mit den Jahreszeiten oder die Aktualisierung Ihrer Markenfarben. ACF ist ideal für Websites, die spezielles Content -Management über Designelemente hinaus benötigen, z. B. das Erstellen von benutzerdefinierten Feldern und Post -Typen. Ebenso sind ACF -Optionsseiten, die mit ACF Pro verfügbar sind, eine reifere Version von Divi -Design -Variablen.

Die Entwurfsvariablen von Divi werden jedoch ohne zusätzliche Kosten in Divi 5 eingebaut. Sie können Farben, Schriftarten, Text und Bilder direkt im Builder einrichten, den Sie bereits verwenden. Es sind keine zusätzlichen Plugins oder neue Systeme erforderlich. Ihre Projektanforderungen sollten leiten, welches System die Hauptrolle in Ihrem Workflow übernimmt. Denken Sie jedoch daran, dass diese Tools trotz ihrer Oberflächenähnlichkeiten grundlegend unterschiedliche Probleme lösen.

Können ACF- und Divi -Variablen zusammenarbeiten?

Ja. Sie können sowohl Standard -ACF -Felder als auch Divi -Designvariablen auf derselben Website verwenden. Sie arbeiten gut zusammen, weil sie verschiedene Teile Ihrer Website behandeln. Wenn Sie sie kombinieren, können Standard -ACF -Felder komplexe Datenbeziehungen wie eine Immobilien -Site mit einem Immobilienlisten -Post -Typ verarbeiten, der eine Verbindung zu Agenten, Nachbarschaft und preisgünstigen benutzerdefinierten Feldern herstellt.

In der Zwischenzeit halten Designvariablen Ihre Markenfarben, Typografie und Abstand auf jeder Seite und jeder Postvorlage konsistent. Dies bedeutet, dass Ihre Website sowohl leistungsstarke Datenverwaltung als auch visuelle Konsistenz hat.

Ihre Content -Redakteure können mit den bekannten Feldern von ACF zusammenarbeiten, um Eigenschaftendetails oder -preise zu aktualisieren, während Ihre Website ihren professionellen Aussehen durch Divi's Design -System beibehält. Diese Kombination bietet Ihnen eine bessere Kontrolle, als jedes Tool allein liefern könnte.

Der Schlüssel ist zu wissen, welches Tool für jeden Job verwendet werden soll. Durch das Verständnis ihrer Stärken können Sie Websites mit hoch entwickelten Inhaltsstrukturen erstellen, die immer noch eine zusammenhängende visuelle Identität beibehalten. Schauen wir uns echte Beispiele dafür an, wie diese Tools gemeinsame Website -Probleme gemeinsam lösen.

Anwendungsfall Nr. 1 - lokale Business -Website mit saisonalen Änderungen

Eine lokale Bäckerei -Website benötigt strukturierte Inhalte und saisonale Designaktualisierungen. Wir haben Standard -ACF -Felder und Divi -Designvariablen auf praktische Weise für diese Website kombiniert.

Standard -ACF -Felder behandeln den Produktkatalog der Bäckerei mit benutzerdefinierten Postypen und Feldern für:

• Artikel
• Elementbeschreibungen
• Zutaten und Allergeninformationen
• Preisstufe
• Verfügbarkeitsstatus

Diese Details ändern sich für jedes Produkt, sodass der strukturierte Ansatz von ACF perfekt funktioniert. Die Bäckerei -Mitarbeiter aktualisieren Produktinformationen über die vertraute WordPress -Schnittstelle von ACF.

In der Zwischenzeit verwalten Divi -Design -Variablen die saisonalen Designelemente:

• Farbschemata, die sich mit den Jahreszeiten ändern
• Werbebannertext für Feiertage
• Ausgewählte Produktbilder auf der Homepage
• Hintergrundmuster, die monatlich aktualisieren

Als der Herbst eintrifft, aktualisiert der Bäckereibesitzer einfach die saisonalen Farbvariablen von Sommerpastellen bis hin zu Herbsttönen, und die gesamte Website erfrischt sich sofort.

Das Hintergrundbild ändert sich, um die Dekorationen zum Thema Herbst zu zeigen, ohne jede Seite einzeln mit Bildvariablen wie folgt zu bearbeiten:

Dieses Setup gibt der Bäckerei das Beste aus beiden Welten: strukturierte Produktdaten über Standard -ACF -Felder und schnelle saisonale Aktualisierung durch Divi -Designvariablen.

Anwendungsfall Nr. 2 - Website für Fotoportfolio

Eine Website für Fotografie -Unternehmen muss organisierte Kundengalerien mit einer konsistenten visuellen Marke in Einklang bringen. So lösen Standard -ACF -Felder und Divi -Designvariablen diese Herausforderung. Standard -ACF -Felder verwalten die strukturierten Inhalteaspekte:

• Client -Projektgalerien als benutzerdefinierte Post -Typ
• Benutzerdefinierte Felder für:
  • Servicepakete mit detaillierten Preisfeldern
  • Zeugnissammlung mit Kundennamen
  • Projekttypen
  • Gerätespezifikationen

Der Fotograf aktualisiert jede Client -Galerie über ACFs Schnittstelle und fügte hinzu:

• Projektdatum und Ort
• Grundinformationen
• Bildsortierung und Kategorisierung

In der Zwischenzeit kümmern sich Divi -Design -Variablen mit der Markenkonsistenz:

• Typografiesystem für alle Überschriften und Körpertext
• Markenfarbenpalette auf allen Seiten angewendet
• Abstandswerte für einen konsistenten Layout -Rhythmus
• Galerie -Gittereinstellungen für einheitliche Präsentation

Benötigen Sie eine Marken -Aktualisierung? Der Fotograf aktualisiert einige Designvariablen und die gesamte Website ändert sich. Die Galerien behalten ihren Abstand aufgrund von Zahlenvariablen, und jedes Projekt hält seine Details dank ACF bei.

Wenn die Hochzeitssaison beschäftigt ist, ändert der Fotograf eine Textvariable für den Buchungsstatus und aktualisiert überall auf der Website. Überprüfen Sie nicht mehr jede Seite, um denselben Text zu beheben. Diese Kombination hält Fotos und Client -Informationen (in ACF) von der Art und Weise, wie die Site aussieht (mit Designvariablen), so dass der Fotograf die Struktur und das Aussehen richtig machen kann.

Treffen Sie die richtige Wahl für Ihr Projekt

Wenn wir uns unsere Beispiele für Bäckereien und Fotografie ansehen, sehen wir diese Tools mit verschiedenen Website -Herausforderungen. Der Bäckereibesitzer aktualisiert Produktinformationen und tauschte mühelos saisonale Farben aus. Der Fotograf hält Galerien organisiert, kann jedoch den Look ihrer Website mit nur wenigen Klicks aktualisieren.

Einige Websites brauchen nur eines dieser Tools, während andere mit beiden besser zusammenarbeiten. Eines ist klar: Die Wahl zwischen Standard-ACF-Feldern und Divi-Designvariablen muss keine Entscheide oder eine Entscheidung sein.

Divi 5 hat Ihrem Toolkit eine weitere nützliche Option hinzugefügt. Egal, ob Sie etwas Einfaches oder Komplexes aufbauen, Sie haben jetzt mehr Möglichkeiten, Websites zu erstellen, die gut aussehen und gut funktionieren.

Bauen Sie intelligenter an

Das Fazit ist, dass die Entwurfsvariablen und Standard -ACF -Felder von Divi 5 jeweils unterschiedliche Probleme lösen und überlappen (insbesondere mit Optionenseiten). Benötigen Sie schnelle Design -Updates auf Ihrer Website? Designvariablen glänzen. Möchten Sie leistungsstarke Content -Management mit bedingter Logik? Standard -ACF -Felder liefern.

Viele Websites funktionieren gut mit beiden Werkzeugen nebeneinander. ACF -Optionsseiten sind besser für die Verwaltung komplexer Inhaltsanforderungen. Entwurfsvariablen können Optionsseiten nicht vollständig ersetzen, aber für die meisten Benutzer mit einfachen Anforderungen können sie eine starke Alternative sein.

Die Entwurfsvariablen ist jetzt mit Divi 5 erhältlich - keine zusätzlichen Kosten, keine Codierung erforderlich und für Ihr nächstes Projekt bereit.

Denken Sie daran: Divi 5 funktioniert am besten für neue Websites. Wir empfehlen noch nicht, vorhandene Websites auf Divi 5 zu bewegen.