Variabile de design ACF vs Divi: Când să folosiți ce

Cu cea mai recentă versiune Alpha Divi 5, variabilele de design au intrat în ecosistemul DIVI ca o nouă abordare pentru gestionarea valorilor de proiectare și conținut pe site -urile dvs. web. Acest lucru i -a încântat pe utilizatorii noștri, în special pe cei care s -au bazat pe câmpuri personalizate avansate (ACF) de ani buni. Ar trebui să rămâneți cu ACF sau să treceți la variabilele Divi? Sau puteți folosi ambele simultan?

Această postare explică diferența și când ar trebui să folosești ce. Hai să mergem la ea!

Divi 5 este gata să fie utilizat pentru noi construcții de site -uri web.

Care sunt variabilele de design Divi?

Când construiți un site web, veți reutiliza adesea aceleași informații pe mai multe pagini, de la culori la stiluri de font, date de contact și multe altele. Variabilele de proiectare vă ajută să gestionați acele elemente partajate dintr -un loc central. Spre deosebire de câmpurile ACF standard, variabilele de proiectare nu sunt legate de conținut post-specific, ele acționează ca valori de proiectare și conținut global, nu de câmpuri dinamice de conținut.

În loc să săpați prin fiecare pagină pentru a face o actualizare minoră, cum ar fi schimbarea unui număr de telefon sau reglarea unei culori de fundal, actualizați automat o variabilă, iar schimbarea curge automat pe întregul site.

Vrei să -ți schimbi culorile mărcii pentru o promoție sezonieră? Schimbați o singură variabilă. Trebuie să vă actualizați textul de subsol sau un logo? O editare actualizează fiecare instanță instantaneu. Cu variabilele de design ale lui Divi, nu doar stilați mai repede, ci construiți mai inteligent.

Construirea unui site mai inteligent și mai ușor de actualizat

Câmpurile ACF standard îmbunătățesc modul în care utilizatorii WordPress structurează proiectarea și conținutul prin crearea unor câmpuri personalizate legate de postări specifice. Variabilele de design ale Divi parcurg un traseu complet diferit. Sunt valori de proiectare accesibile la nivel mondial, care se actualizează peste tot simultan. Diferența ar putea părea inițial subtilă, dar schimbă modul în care construiți și mențineți site -uri WordPress.

Ce aduce ACF la masă

Câmpuri personalizate avansate (ACF) vă permite să adăugați câmpuri de date suplimentare la paginile dvs. și postări în versiunea principală. Obțineți mai mult decât doar casetele de bază și conținut de bază. ACF vă oferă câmpuri speciale pentru imagini, blocuri de text, fișiere, meniuri derulante și multe altele.

Puteți grupa câmpuri conexe în grupuri logice pentru proiectele dvs. De exemplu, s -ar putea să faceți un grup de membri ai personalului cu locuri pentru titlul postului, departament, fotografie și bio. Sau creați detalii despre produs cu câmpuri pentru specificații, prețuri și liste de caracteristici.

Aceste grupuri de câmp funcționează foarte bine cu tipuri de posturi personalizate. Când le combinați, puteți construi secțiuni de conținut special, cum ar fi directoarele de echipă, listările de servicii sau cataloagele de proprietăți - fiecare cu câmpurile potrivite pentru acel conținut.

Oamenii adoră ACF pentru că se încadrează fără probleme în zona de administrare WordPress obișnuită. Câmpurile dvs. personalizate apar chiar în ecranele normale de editare, ceea ce face ușor pentru clienții care nu sunt tehnologici să actualizeze conținutul.

Pagini de opțiune: panoul de control al site-ului dvs. la nivel de site

Pagini de opțiune ACF, disponibile în ACF Pro, vă permiteți să creați un loc central pentru informații la nivel de site, spre deosebire de câmpurile ACF obișnuite care se atașează de conținut specific. Această caracteristică este excelentă pentru:

• Informații de contact
• Legături importante
• Orele de lucru și locațiile
• Imagini și logo -uri implicite

Când se schimbă ceva, cum ar fi numărul dvs. de telefon, trebuie să -l actualizați doar o singură dată în secțiunea Admin. Schimbarea va apărea peste tot pe site -ul dvs. imediat. Este demn de remarcat faptul că veți avea nevoie de ACF Pro pentru a utiliza pagini de opțiuni.

Integrare profundă cu Divi

Câmpurile ACF standard se împerechează frumos cu DIVI prin sistemul de conținut dinamic al DIVI. Când faceți pagini în Divi Builder, puteți trage informații din câmpurile dvs. personalizate ACF. Această lucrare în echipă vă permite să utilizați instrumentele de proiectare Divi alături de gestionarea conținutului ACF.

Iată cum funcționează de obicei procesul:

• Configurați câmpuri personalizate cu ACF
• Completați aceste câmpuri cu conținut în WordPress
• Proiectați -vă aspectul paginii în Divi
• Conectați -vă conținutul ACF la modulele Divi

Această combinație de Divi și ACF creează o separare utilă. Editorii de conținut pot actualiza informațiile într -o interfață curată, organizată, în timp ce proiectanții pot construi machete fără a se împiedica în detaliile de gestionare a conținutului.

Abordare flexibilă

Câmpurile ACF standard funcționează pentru abilitățile dvs., fie că codificați sau vă plac instrumentele vizuale. Dezvoltatorii pot utiliza funcții de șablon pentru a afișa valorile câmpului în teme personalizate. Dacă nu codificați, puteți utiliza în continuare câmpuri ACF cu constructori precum Divi fără a ști PHP.

Această flexibilitate face ca câmpurile ACF standard să fie potrivite pentru site -urile de afaceri de bază și proiecte complexe. Puteți începe cu funcții simple și puteți utiliza cele mai avansate pe măsură ce învățați și site -ul dvs. crește.

Flexibilitatea variabilelor de design Divi

DIVI 5 VARIABILE DE PROIECTARE A CONDUCEREA SITE -ului mai simplu. Depozitează opțiuni de proiectare și conținut reutilizabil pe care îl puteți utiliza oriunde pe site -ul dvs. Când actualizați o variabilă, aceasta se schimbă oriunde ați folosit -o.

Managerul variabil se găsește făcând clic pe pictograma Variabile din bara laterală Visual Builder Divi 5. Vă permite să gestionați toate elementele dvs. de proiectare într -un singur loc.

Șase tipuri de variabile de proiectare

Divi 5 include șase tipuri diferite de variabile pentru a ajuta cu diverse aspecte ale site -ului dvs. web:

• Variabile de culoare: Țineți -vă culorile mărcii, culorile textului și fundalurile
  • Le puteți numi clar ca „coral fard” sau „șampanie aur”
  • Folosiți -le pentru butoane, text, fundaluri și granițe
  • Apoi, este posibil să vă schimbați întreaga schemă de culori prin actualizarea acestor câteva variabile
• Variabile de font: Setați opțiuni de tipografie dincolo de personalizarea temei
  • Puteți crea setări separate de fonturi pentru rubrici, text corporal sau zone speciale
  • Acest lucru menține tipografia în mod consecvent pe site -ul dvs. web
  • Când este nevoie, puteți actualiza toate fonturile simultan
• Variabile de număr: stocați măsurători utilizate în proiectarea dvs.
  • Excelent pentru distanțare, granițe, dimensiuni și dimensiuni text
  • Lucrați cu unități CSS precum Clamp () pentru proiecte receptive
  • Acestea vă ajută să mențineți distanțarea și dimensionarea consecventă peste tot

Variabilele Divi 5 gestionează, de asemenea, conținutul care apare pe întregul site:

• Variabile de imagine: stocați imagini utilizate în mai multe locuri
  • Perfect pentru logo -uri, modele de fundal și fotografii
  • Actualizați imaginile o dată în loc de fiecare pagină
  • Faceți actualizări sezoniere sau rebranding mult mai rapid
• Variabile de text: Salvați conținut scris care apare în multe locuri
  • Util pentru informații de contact, linii de etichete și ore de lucru
  • Schimbați textul o dată pentru a -l actualiza peste tot
  • Mențineți informațiile consecvente atunci când se schimbă detaliile
• Variabile de legătură: stocați adresele URL pentru butoane și meniuri
  • Utilizați pentru butoane de acțiune, link -uri de socializare și navigație
  • Evitați legăturile rupte atunci când se schimbă adresele web
  • Actualizați toate butoanele conexe simultan la adăugarea de pagini noi

Beneficii din lumea reală

Variabilele de proiectare Economisiți timp și reduc erorile, deoarece este vizual. Când un client dorește să -și schimbe culorile site -ului, puteți actualiza doar variabilele de culoare și totul cu acea culoare (butoane, fundaluri și text) se schimbă imediat pe site.

Aceste variabile funcționează bine cu sistemul presetat al Divi. Adăugați variabile la presetările modulului dvs., iar atunci când actualizați o variabilă, fiecare modul cu această variabilă se modifică.

Pentru site -urile web care arată bine pe toate dispozitivele, variabilele numărate cu funcții CSS precum Clamp () ajută -ți machete să se potrivească cu orice dimensiune a ecranului, fără a avea nevoie de modele separate. Când mai multe persoane lucrează pe un site web, variabilele de proiectare îi mențin pe toți să folosească aceleași reguli de proiectare. Acest lucru ajută site -ul să rămână consecvent și profesional, indiferent de cine face schimbări.

Cum se compară

Atunci când comparăm câmpurile ACF standard și variabilele de design Divi, ne uităm la două abordări diferite pentru a face site -urile web mai gestionabile. Să ne descompunem diferențele de bază:

Câmpurile ACF standard strălucesc atunci când aveți nevoie de conținut structurat care se schimbă între postări și pagini, în timp ce variabilele de proiectare DIVI menține consistența de proiectare la nivel de site. Există unele aspecte în care paginile de opțiune ACF (disponibile în ACF Pro) și variabilele de design DIVI sunt similare:

Este important să înțelegem că variabilele de design Divi nu încearcă să facă tot ce face ACF Pro. Acestea vă oferă un alt mod de a stoca și utiliza aceleași informații pe site -ul dvs. web. ACF poate face încă o mulțime de lucruri pe care variabilele divi nu pot:

Variabilele Divi funcționează excelent pentru lucrări simple, cum ar fi schimbarea informațiilor de contact, schimbarea fotografiilor cu anotimpurile sau actualizarea culorilor mărcii. ACF este ideal pentru site -urile web care au nevoie de management de conținut specializat dincolo de elementele de proiectare, cum ar fi crearea de câmpuri personalizate și tipuri de post. De asemenea, paginile de opțiuni ACF, disponibile cu ACF Pro, sunt o versiune mai matură a variabilelor de design DIVI.

Cu toate acestea, variabilele de proiectare ale Divi sunt încorporate în Divi 5 fără costuri suplimentare. Puteți configura culori, fonturi, text și imagini chiar în constructorul pe care îl utilizați deja. Nu este nevoie de pluginuri suplimentare sau de învățare a sistemelor noi. Cerințele proiectului dvs. ar trebui să ghideze ce sistem are rolul principal în fluxul dvs. de lucru, dar amintiți -vă că aceste instrumente rezolvă probleme fundamental diferite, în ciuda asemănărilor lor de suprafață.

Pot variabilele ACF și DIVI să funcționeze împreună?

Da. Puteți utiliza de fapt atât câmpuri ACF standard, cât și variabile de design DIVI pe același site web. Ei funcționează bine împreună pentru că se ocupă de diferite părți ale site -ului dvs. Când le asociați, câmpurile ACF standard pot gestiona relații complexe de date, precum un site imobiliar cu un tip de post de listă de proprietăți care se conectează la agenți, vecinătate și câmpuri personalizate de prețuri.

Între timp, variabilele de design păstrează culorile mărcii, tipografia și distanțarea consistentă pe fiecare pagină și șablon de post. Aceasta înseamnă că site -ul dvs. web are atât gestionarea puternică a datelor, cât și consistența vizuală.

Redactorii dvs. de conținut pot lucra cu câmpurile familiare ale ACF pentru a actualiza detaliile proprietății sau prețurile, în timp ce site -ul dvs. își menține aspectul profesional prin sistemul de proiectare Divi. Această combinație vă oferă un control mai bun decât ar putea oferi oricare dintre instrumente.

Cheia este să știi ce instrument să folosești pentru fiecare loc de muncă. Înțelegând punctele lor forte, puteți construi site -uri web cu structuri de conținut sofisticate care mențin în continuare o identitate vizuală coezivă. Să ne uităm la exemple reale despre modul în care aceste instrumente rezolvă problemele comune ale site -ului web împreună.

Utilizați cazul nr. 1 - site -ul web al afacerilor locale cu modificări sezoniere

Un site local de brutărie are nevoie de conținut structurat și actualizări de proiectare sezonieră. Am combinat câmpurile ACF standard și variabilele de design DIVI într -un mod practic pentru acest site.

Câmpurile ACF standard gestionează catalogul de produse al brutăriei cu tipuri și câmpuri personalizate pentru:

• Articole
• Descrierea articolului
• Ingrediente și informații despre alergeni
• Niveluri de prețuri
• Stare de disponibilitate

Aceste detalii se schimbă pentru fiecare produs, astfel încât abordarea structurată a ACF funcționează perfect. Personalul de brutărie actualizează informațiile despre produs prin interfața WordPress familiară a ACF.

Între timp, variabilele de design Divi gestionează elementele de design sezonier:

• Scheme de culori care se schimbă odată cu anotimpurile
• Text de banner promoțional pentru sărbători
• Imagini de produs prezentate pe pagina principală
• Modele de fundal care reîmprospătează lunar

Când ajunge toamna, proprietarul de brutărie actualizează pur și simplu variabilele de culoare sezonieră de la pastelurile de vară la tonurile de toamnă, iar întregul site se reîmprospătează instantaneu.

Imaginea de fundal se modifică pentru a afișa decorațiuni cu temă de cădere, fără a fi nevoie să editați fiecare pagină individual folosind variabile de imagine după cum urmează:

Această configurație oferă brutăriei cel mai bun din ambele lumi: datele de produse structurate prin câmpuri ACF standard și actualizări rapide sezoniere prin variabilele de design ale Divi.

Utilizați cazul #2 - site -ul portofoliului de fotografie

Un site web de afaceri pentru fotografie trebuie să echilibreze galeriile de clienți organizate cu un brand vizual consistent. Iată cum câmpurile ACF standard și variabilele de design DIVI rezolvă această provocare. Câmpurile ACF standard gestionează aspectele conținutului structurat:

• Galeriile de proiect client ca tip de post personalizat
• Câmpuri personalizate pentru:
  • Pachete de servicii cu câmpuri de prețuri detaliate
  • Colectare mărturie cu numele clientului
  • Tipuri de proiect
  • Specificații ale echipamentului

Fotograful actualizează fiecare galerie de client prin interfața ACF, adăugând:

• Data și locația proiectului
• Informații de bază
• Sortarea imaginilor și clasificarea

Între timp, variabilele de design divi gestionează consistența mărcii:

• Sistem de tipografie pentru toate rubricile și textul corpului
• Paleta de culori de marcă aplicată pe toate paginile
• Valorile de distanțare pentru un ritm constant de aspect
• Setări galerie pentru prezentare uniformă

Aveți nevoie de o actualizare a mărcii? Fotograful actualizează câteva variabile de design, iar întregul site se schimbă. Galeriile își păstrează distanța din cauza variabilelor de număr și fiecare proiect își păstrează detaliile datorită ACF.

Când sezonul de nuntă se ocupă, fotograful schimbă o variabilă de text pentru starea de rezervare și se actualizează peste tot pe site. Nu mai verificați fiecare pagină pentru a repara același text. Această combinație menține fotografiile și informațiile despre clienți (în ACF) separate de modul în care site -ul arată (cu variabile de design), astfel încât fotograful să poată obține structura și aspectul corect.

Făcând alegerea potrivită pentru proiectul dvs.

Privind exemplele noastre de brutărie și fotografie, putem vedea că aceste instrumente abordează diferite provocări ale site -ului. Proprietarul de brutărie actualizează informațiile despre produs, în timp ce schimbați fără efort culorile sezoniere. Fotograful ține galeriile organizate, dar poate încă să actualizeze aspectul site -ului lor cu doar câteva clicuri.

Unele site -uri au nevoie doar de unul dintre aceste instrumente, în timp ce altele funcționează mai bine cu ambele. Un lucru este clar: alegerea dintre câmpurile ACF standard și variabilele de design DIVI nu trebuie să fie o decizie sau nici o decizie.

Divi 5 a adăugat o altă opțiune utilă la setul de instrumente. Indiferent dacă construiți ceva simplu sau complex, acum aveți mai multe modalități de a crea site -uri care arată bine și funcționează bine.

Începeți să construiți mai inteligent

Concluzia este că variabilele de proiectare ale Divi 5 și câmpurile ACF standard rezolvă fiecare probleme diferite, având în același timp unele suprapuneri (în special cu paginile de opțiuni). Aveți nevoie de actualizări rapide de proiectare pe site -ul dvs.? Variabilele de proiectare strălucesc. Doriți un gestionare puternică a conținutului cu logică condiționată? Câmpurile ACF standard livrează.

Multe site -uri funcționează bine cu ambele instrumente cot la cot. Paginile de opțiune ACF sunt mai bune pentru gestionarea nevoilor complexe de conținut. Variabilele de proiectare nu sunt menite să înlocuiască pe deplin paginile de opțiuni, dar pentru majoritatea utilizatorilor cu cerințe simple, acestea pot fi o alternativă puternică.

Funcția Variabile de proiectare este acum disponibilă cu DIVI 5 - fără costuri suplimentare, nu este nevoie de codificare și este gata pentru următorul dvs. proiect.

Amintiți -vă: Divi 5 funcționează cel mai bine pentru site -urile noi. Nu recomandăm să mutați site -urile existente în Divi 5 încă.