ACF vs Divi Design Zmienne: Kiedy używać czego

Dzięki najnowszej wersji Alpha Divi 5 zmienne projektowe wprowadziły ekosystem Divi jako nowe podejście do zarządzania wartościami projektowymi i treściami na twoich stronach internetowych. To podekscytowało naszych użytkowników, zwłaszcza tych, którzy od lat polegali na zaawansowanych polach niestandardowych (ACF). Czy powinieneś trzymać się ACF lub przełączać się na zmienne Divi? Czy możesz używać obu jednocześnie?

Ten post wyjaśnia różnicę i kiedy powinieneś użyć czego. Przejdźmy do tego!

Divi 5 jest gotowy do wykorzystania nowych kompilacji witryn.

Co to są zmienne projektowe Divi?

Budując stronę internetową, często ponownie wykorzystasz te same informacje na wielu stronach, od kolorów po style czcionek, dane kontaktowe i wiele innych. Zmienne projektowe pomagają zarządzać tymi wspólnymi elementami z jednego centralnego miejsca. W przeciwieństwie do standardowych pól ACF, zmienne projektowe nie są powiązane z treścią post-specyficzną, działają jako globalne wartości projektowania i treści, a nie dynamiczne pola treści.

Zamiast przeglądać każdą stronę, aby dokonać drobnej aktualizacji, np. Zmiana numeru telefonu lub regulacja koloru tła, raz aktualizujesz zmienną, a ta zmiana automatycznie przepływa w całej witrynie.

Chcesz zmienić kolory marki na sezonową promocję? Zmień jedną zmienną. Chcesz zaktualizować tekst stopki lub logo? Jedna edycja natychmiast aktualizuje każdą instancję. Dzięki zmiennym projektowym Divi nie tylko stylizujesz, ale budujesz mądrzej.

Budowanie mądrzejszej i łatwiejszej do aktualizacji strony internetowej

Standardowe pola ACF poprawiają sposób, w jaki użytkownicy WordPress struktury projektowanie i treść, tworząc niestandardowe pola powiązane z określonymi postami. Zmienne projektowe Divi wybierają zupełnie inną trasę. Są to globalnie dostępne wartości projektowe, które aktualizują się wszędzie jednocześnie. Różnica może początkowo wydawać się subtelna, ale zmienia sposób budowania i utrzymania witryn WordPress.

Co ACF przynosi do stołu

Zaawansowane pola niestandardowe (ACF) pozwala dodawać dodatkowe pola danych do stron i postów w swojej podstawowej wersji. Otrzymujesz coś więcej niż podstawowe pola tytułu i treści. ACF zapewnia specjalne pola dla zdjęć, bloków tekstowych, plików, menu rozwijanych i wiele innych.

Możesz łączyć powiązane pola w grupy logiczne dla swoich projektów. Na przykład możesz stworzyć grupę członków personelu z miejscami do pracy, dział, zdjęcie i bio. Lub utwórz szczegóły produktu za pomocą pól specyfikacji, cen i list funkcji.

Te grupy terenowe działają naprawdę dobrze z niestandardowymi typami postów. Po ich połączeniu możesz budować specjalne sekcje treści, takie jak katalogi zespołowe, oferty usług lub katalogi nieruchomości - każda z odpowiednim pola dla tej treści.

Ludzie uwielbiają ACF, ponieważ płynnie pasuje do zwykłego obszaru administratora WordPress. Twoje niestandardowe pola pojawiają się prosto na normalnych ekranach edytowania, co ułatwia klientom, którzy nie są obserwowani przez aktualizację treści.

Strony opcji: Twój panel sterowania w całej witrynie

Strony opcji ACF, dostępne w ACF Pro, pozwalają utworzyć centralne miejsce dla informacji o całej stronie, w przeciwieństwie do zwykłych pól ACF, które dołączają do określonej treści. Ta funkcja jest świetna dla:

• Informacje kontaktowe
• Ważne linki
• Godziny pracy i lokalizacje
• Domyślne obrazy i logo

Kiedy coś się zmienia, podobnie jak numer telefonu, musisz go zaktualizować tylko raz w sekcji administratora. Zmiana pojawi się od razu na Twojej stronie. Warto zauważyć, że potrzebujesz ACF Pro, aby użyć stron opcji.

Głęboka integracja z Divi

Standardowe pola ACF ładnie łączą się z Divi poprzez dynamiczny system treści Divi. Kiedy tworzysz strony w konstruktorze Divi, możesz pobierać informacje z niestandardowych pól ACF. Ta praca zespołowa pozwala korzystać z narzędzi projektowych Divi wraz z zarządzaniem treścią ACF.

Oto jak ten proces zwykle działa:

• Skonfiguruj niestandardowe pola z ACF
• Wypełnij te pola treścią w WordPress
• Zaprojektuj układ strony w Divi
• Podłącz swoją zawartość ACF z modułami Divi

Ta kombinacja Divi i ACF tworzy pomocną separacją. Edytatorzy treści mogą aktualizować informacje w czystym, zorganizowanym interfejsie, podczas gdy projektanci mogą budować układy bez zaciągnięcia szczegółów zarządzania treścią.

Elastyczne podejście

Standardowe pola ACF działają dla twoich umiejętności, niezależnie od tego, czy kodujesz, czy lubisz narzędzia wizualne. Deweloperzy mogą używać funkcji szablonu do wyświetlania wartości pola w niestandardowych motywach. Jeśli nie kodujesz, nadal możesz używać pól ACF z konstruktorami takimi jak Divi bez znajomości PHP.

Ta elastyczność sprawia, że ​​standardowe pola ACF są odpowiednie dla podstawowych stron internetowych biznesowych i złożonych projektów. Możesz zacząć od prostych funkcji i używać bardziej zaawansowanych podczas nauki i rozwoju witryny.

Elastyczność zmiennych projektowych Divi

Divi 5 Zmienne projektowe ułatwiają zarządzanie stronami internetowymi. Przechowują wybory projektowe i treści wielokrotnego użytku, z których można korzystać w dowolnym miejscu na swojej stronie. Kiedy aktualizujesz jedną zmienną, zmienia się ona wszędzie, gdzie jej użyłeś.

Menedżer zmiennych znajduje się poprzez klikając ikonę zmiennych na pasku bocznym Builder Divi 5. Pozwala zarządzać wszystkimi elementami projektu w jednym miejscu.

Sześć rodzajów zmiennych projektowych

Divi 5 zawiera sześć różnych rodzajów zmiennych, które pomogą w różnych aspektach Twojej witryny:

• Zmienne kolorystyczne: trzymaj kolory marki, kolory tekstu i tła
  • Możesz je wyraźnie nazwać „Blush Coral” lub „Szampanowe złoto”
  • Użyj ich do przycisków, tekstu, tła i granic
  • Następnie możesz zmienić całą kolorystykę, aktualizując te kilka zmiennych
• Zmienne czcionki: Ustaw opcje typografii poza dostosowywaniem motywu
  • Możesz utworzyć osobne ustawienia czcionek dla nagłówków, tekstu lub obszarów specjalnych
  • To utrzymuje spójność typografii w Twojej witrynie
  • W razie potrzeby możesz aktualizować wszystkie czcionki jednocześnie
• Zmienne liczbowe: pomiary przechowywania używane w Twoim projekcie
  • Idealne do odstępów, granic, rozmiarów i wymiarów tekstu
  • Pracuj z jednostkami CSS, takimi jak Clamp () w celu responsywnego projektów
  • Pomagają one zachować spójność odstępu i rozmiarów

Zmienne Divi 5 obsługują również treści, które pojawiają się w całej witrynie:

• Zmienne obrazu: Zdjęcia przechowywania używane w wielu miejscach
  • Idealny do logo, wzorów tła i zdjęć
  • Zaktualizuj obrazy raz zamiast na każdej stronie
  • Dokonaj sezonowych aktualizacji lub rebranding znacznie szybciej
• Zmienne tekstowe: Zapisz treści pisemne, które pojawiają się w wielu miejscach
  • Przydatne do informacji kontaktowych, slogantów i godzin pracy
  • Zmień tekst raz, aby go zaktualizować wszędzie
  • Zachowaj informacje spójne, gdy szczegóły się zmieniają
• Zmienne łącza: URL przechowywania przycisków i menu
  • Użyj przycisków akcji, linków mediów społecznościowych i nawigacji
  • Unikaj złamanych linków, gdy adresy internetowe się zmieniają
  • Aktualizuj wszystkie powiązane przyciski jednocześnie podczas dodawania nowych stron

Korzyści w świecie rzeczywistym

Zmienne projektowe oszczędzają czas i zmniejszają błędy, ponieważ są wizualne. Kiedy klient chce zmienić kolory witryny, możesz zaktualizować tylko zmienne kolorów i wszystko z tym kolorem (przyciski, tła i tekst) natychmiast zmienia się na stronie.

Zmienne te działają dobrze z ustalonym systemem Divi. Dodaj zmienne do ustawień modułu, a po aktualizacji zmiennej każdy moduł z tym zmiennym zmienia się.

W przypadku stron internetowych, które dobrze wyglądają na wszystkich urządzeniach, zmienne liczbowe z funkcjami CSS, takimi jak Clamp (), pomagają układom dopasować dowolny rozmiar ekranu bez konieczności osobnych projektów. Gdy wiele osób pracuje na stronie internetowej, zmienne projektowe utrzymują wszystkich stosowania tych samych zasad projektowania. Pomaga to zachować konsekwentne i profesjonalne, bez względu na to, kto wprowadza zmiany.

Jak porównują

Porównując standardowe pola ACF i zmienne projektowe Divi, patrzymy na dwa różne podejścia do uczynienia stron internetowych. Rozbijmy ich podstawowe różnice:

Standardowe pola ACF świecą, gdy potrzebujesz zawartości strukturalnej, która zmienia się między postami i stronami, podczas gdy zmienne projektowe Divi utrzymują spójność projektowania całej witryny. Istnieją pewne aspekty, w których strony opcji ACF (dostępne w ACF Pro) i zmienne projektowe Divi są podobne:

Ważne jest, aby zrozumieć, że zmienne projektowe Divi nie próbują robić wszystkiego, co robi ACF Pro. Dają ci inny sposób przechowywania i wykorzystywania tych samych informacji w Twojej witrynie. ACF może nadal robić wiele rzeczy, których zmienne Divi nie mogą:

Zmienne Divi działają idealnie do prostych zadań, takich jak zmiana informacji kontaktowych, zamiana zdjęć z porami roku lub aktualizacja kolorów marki. ACF jest idealny dla stron internetowych, które wymagają wyspecjalizowanego zarządzania treścią poza elementami projektu, takie jak tworzenie niestandardowych pól i typów postów. Podobnie strony opcji ACF, dostępne z ACF Pro, są bardziej dojrzałą wersją zmiennych projektowych Divi.

Jednak zmienne projektowe Divi są wbudowane w Divi 5 bez dodatkowych kosztów. Możesz skonfigurować kolory, czcionki, tekst i obrazy bezpośrednio w budowniczym, którego już używasz. Nie ma potrzeby dodatkowych wtyczek ani nauki nowych systemów. Twoje wymagania projektu powinny kierować, który system zajmuje główną rolę w przepływie pracy, ale pamiętaj, że narzędzia te rozwiązują zasadniczo różne problemy pomimo podobieństw powierzchniowych.

Czy zmienne ACF i Divi mogą współpracować?

Tak. Możesz faktycznie użyć zarówno standardowych pola ACF, jak i zmiennych projektowych Divi na tej samej stronie internetowej. Działają dobrze razem, ponieważ obsługują różne części Twojej witryny. Podczas ich sparowania standardowe pola ACF mogą obsługiwać złożone relacje danych, takie jak witryna nieruchomości z typem postów właściwości, który łączy się z agentami, sąsiedztwem i wycena.

Tymczasem zmienne projektowe utrzymują, że kolory marki, typografia i odstępy są spójne na każdej stronie i szablonie. Oznacza to, że Twoja witryna ma zarówno potężne zarządzanie danymi, jak i spójność wizualną.

Twoi redaktorzy treści mogą współpracować ze znanymi dziedzinami ACF w celu aktualizacji szczegółów właściwości lub cen, podczas gdy Twoja witryna utrzymuje profesjonalne spojrzenie przez system projektowy Divi. Ta kombinacja zapewnia lepszą kontrolę, niż każde narzędzie mogłyby zapewnić sam.

Kluczem jest znajomość narzędzia do użycia dla każdego zadania. Rozumiejąc ich mocne strony, możesz budować strony internetowe o wyrafinowanych strukturach treści, które nadal utrzymują spójną tożsamość wizualną. Przyjrzyjmy się prawdziwym przykładom tego, jak te narzędzia rozwiązują wspólne problemy ze strony internetowej razem.

Przypadek użycia nr 1 - Lokalna strona internetowa biznesowa ze zmianami sezonowymi

Lokalna strona internetowa piekarni wymaga strukturalnej treści i sezonowych aktualizacji projektowania. Połączyliśmy standardowe pola ACF i zmienne projektowe Divi w praktyczny sposób dla tej strony.

Standardowe pola ACF obsługują katalog produktów piekarni z niestandardowymi typami postów i pola dla:

• Rzeczy
• Opisy przedmiotów
• Składniki i informacje o alergenach
• Poziomy cenowe
• Status dostępności

Te szczegóły zmieniają się dla każdego produktu, więc ustrukturyzowane podejście ACF działa idealnie. Personel piekarni aktualizuje informacje o produkcie za pośrednictwem znanego interfejsu WordPress ACF.

Tymczasem zmienne projektowe Divi zarządzają sezonowymi elementami projektowymi:

• Schematy kolorów, które zmieniają się wraz z porami roku
• Promocyjny tekst banerowy na wakacje
• Wyposażone obrazy produktów na stronie głównej
• Wzory tła, które odświeżają co miesiąc

Kiedy nadejdzie jesień, właściciel piekarni po prostu aktualizuje sezonowe zmienne kolorów od letnich pasteli do jesiennych tonów, a cała strona odświeża się natychmiast.

Obraz tła zmienia się, aby pokazać dekoracje o tematyce upadku, bez konieczności edytowania każdej strony indywidualnie za pomocą zmiennych obrazu jako następujące:

Ta konfiguracja daje piekarni najlepsze z obu światów: strukturalne dane produktu poprzez standardowe pola ACF i szybkie odświeżenie sezonowe poprzez zmienne projektowe Divi.

Przypadek użycia nr 2 - strona internetowa portfolio fotografii

Witryna firmy fotograficznej musi zrównoważyć zorganizowane galerie klientów z spójną marką wizualną. Oto jak standardowe pola ACF i Divi Projektowanie rozwiążą to wyzwanie. Standardowe pola ACF zarządzają aspektami treści strukturalnej:

• Galerie projektów klienta jako niestandardowy typ postu
• Niestandardowe pola dla:
  • Pakiety serwisowe ze szczegółowymi polami cenowymi
  • Kolekcja referencyjna z nazwami klientów
  • Typy projektów
  • Specyfikacje sprzętu

Fotograf aktualizuje każdą galerię klienta za pośrednictwem interfejsu ACF, dodając:

• Data i lokalizacja projektu
• Podstawowe informacje
• Sortowanie obrazu i kategoryzacja

Tymczasem zmienne projektowe Divi obsługują spójność marki:

• System typografii dla wszystkich nagłówków i tekstu nadwozia
• Paleta kolorów marki zastosowana na wszystkich stronach
• Wartości odstępów dla spójnego rytmu układu
• Ustawienia siatki galerii do jednolitej prezentacji

Potrzebujesz odświeżenia marki? Fotograf aktualizuje kilka zmiennych projektowych i zmienia się cała strona. Galerie zachowują odstępy ze względu na zmienne liczbowe, a każdy projekt przechowuje swoje szczegóły dzięki ACF.

Kiedy sezon ślubny jest zajęty, fotograf zmienia jedną zmienną tekstową do rezerwacji statusu i aktualizuje się wszędzie na stronie. Nigdy więcej sprawdzania każdej strony, aby naprawić ten sam tekst. Ta kombinacja utrzymuje zdjęcia i informacje o kliencie (w ACF) oddzielnie od tego, jak wygląda witryna (ze zmiennymi projektowymi), aby fotograf mógł poprawić strukturę i wygląd.

Dokonanie właściwego wyboru swojego projektu

Patrząc na nasze przykłady piekarni i fotografii, możemy zobaczyć, jak te narzędzia stoją na różnych wyzwaniach w witrynie. Właściciel piekarni aktualizuje informacje o produkcie, jednocześnie zmieniając sezonowe kolory. Fotograf prowadzi galerie zorganizowane, ale nadal może aktualizować wygląd witryny za pomocą kilku kliknięć.

Niektóre strony potrzebują tylko jednego z tych narzędzi, podczas gdy inne lepiej pracują z oboma. Jedno jest jasne: wybór między standardowymi pola ACF a zmiennymi projektowymi Divi nie musi być decyzją.

Divi 5 dodał kolejną przydatną opcję do Twojego zestawu narzędzi. Niezależnie od tego, czy budujesz coś prostego czy złożonego, masz teraz więcej sposobów tworzenia witryn, które wyglądają dobrze i działają dobrze.

Zacznij budować mądrzej

Najważniejsze jest to, że zmienne projektowe Divi 5 i standardowe pola ACF rozwiązują różne problemy, jednocześnie mając pewne nakładanie się (szczególnie ze stronami opcji). Potrzebujesz szybkich aktualizacji projektowania w Twojej witrynie? Zmienne projektowe świecą. Chcesz potężnego zarządzania treścią z logiką warunkową? Dostarczane standardowe pola ACF.

Wiele witryn działa dobrze z obiema narzędziami obok siebie. Strony opcji ACF są lepsze do zarządzania złożonymi potrzebami treści. Zmienne projektowe nie są przeznaczone do pełnego zastępowania stron opcji, ale dla większości użytkowników o prostych wymaganiach mogą być silną alternatywą.

Funkcja zmiennych projektowych jest teraz dostępna z Divi 5 - bez dodatkowych kosztów, braku kodowania i jest gotowa na następny projekt.

Pamiętaj: Divi 5 najlepiej działa na nowe strony internetowe. Nie zalecamy jeszcze przeniesienia istniejących witryn do Divi 5.