Jak tworzyć odmiany przedmiotów w chmurze Divi?

Jedną z zalet Divi Cloud jest możliwość posiadania wielu wariantów tego samego układu na wyciągnięcie ręki. Z łatwością twórz wiele wersji układu z różnymi kolorami, zdjęciami, typografią i nie tylko. Tworzenie odmian przedmiotów jest proste dzięki Divi Cloud. W tym poście zobaczymy, jak tworzyć odmiany przedmiotów w swojej chmurze Divi. Omówimy również kilka sposobów tworzenia odmian nagłówka i omówimy sprawdzone metody tworzenia odmian produktów.

Najlepsze praktyki dotyczące odmian przedmiotów

Podczas tworzenia odmian produktu ważne jest, aby łatwo wiedzieć, że dany produkt jest odmianą, czego jest odmianą i czym różni się od oryginału. Można to zrobić za pomocą nazw, kategorii i tagów. Divi automatycznie utworzy migawkę, dzięki czemu będziesz mógł zobaczyć układ wizualnie zarówno jako miniaturę, jak i większy obraz w widoku szczegółów układu.

Używaj nazw, kategorii i tagów, aby wyraźnie zaznaczyć, że jest to odmiana innego układu. Powinny być opisowe, dzięki czemu będziesz wiedział, jaki układ jest odmianą i co to za odmiana. Obejmuje to dodanie koloru lub podobnego opisu projektu do nazwy. skoncentruj się na kluczowych różnicach.

Na przykład „Minimalny nagłówek (niebieski)” i „Minimalny nagłówek (biały)” są opisowe i pokazują, że są odmianą układu o nazwie „Minimalny nagłówek”. Opisują również, co różni się od oryginału. Są krótkie, proste i łatwe do zrozumienia na pierwszy rzut oka.

Odmiany, których używam w tym poście, to drobne zmiany. Nie będę zmieniał kategorii, ale zmienię tagi i użyję nazw z opisami.

Utwórz układ nagłówka

Zaczniemy od tego, jak dodać układ nagłówka do chmury Divi. Możesz użyć gotowego układu lub stworzyć nagłówek od podstaw. Do moich przykładów używam BEZPŁATNEGO nagłówka i stopki dla pakietu układu Divi's Electrical Services. Nazwę ten nagłówek Nagłówek usług elektrycznych. Wybiorę nagłówki dla kategorii i wybiorę jeden z dwóch tagów.

Utwórz nagłówek w Theme Builderze

Najpierw utwórz nagłówek w Divi Theme Builder. Aby uzyskać więcej informacji na temat korzystania z Divi Theme Builder, wyszukaj hasło „theme builder” na blogu Elegant Themes. Znajdziesz wiele postów, które przeprowadzą Cię przez różne aspekty kreatora motywów. Proces jest prosty, ale podzieliłem go na mniejsze kroki, aby można było nim zarządzać.

1. Najpierw włącz Visual Builder, przechodząc do "Divi"> "Theme Builder" na pulpicie WordPress.
2. Zbuduj nagłówek na jeden z trzech sposobów. Wybierz „Dodaj globalny nagłówek”, dodaj „Nowy szablon” lub wybierz opcję „Przenośność” i utwórz lub zaimportuj układ nagłówka.
3. Kliknij ikonę Edytuj dla nagłówka, który chcesz dodać do chmury Divi.

Zapisz nagłówek w chmurze Divi

Następnie edytuj nagłówek i zapisz układ w chmurze Divi.

1. Kliknij fioletową ikonę „Zapisz w bibliotece” u dołu strony.
2. Wprowadź nazwę układu, wybierz Zapisz w chmurze i wybierz kategorie i tagi.
3. Kliknij „Zapisz w bibliotece”.
4. Zamknij edytor Theme Buildera.
5. Wybierz „Zapisz zmiany” w lewym górnym rogu Theme Buildera.

Utwórz odmiany przedmiotów

Następnie utworzymy dwie odmiany naszego oryginalnego nagłówka. Istnieje kilka sposobów tworzenia odmian przedmiotów dla chmury Divi. Przyjrzymy się kilku różnym opcjom.

Pierwsza odmiana układu nagłówka

W przypadku naszej pierwszej odmiany będziemy kontynuować pracę w Divi Theme Builder. Jest to zgodne z procesem tworzenia oryginalnego układu nagłówka. Zduplikujemy różne strony, takie jak kategorie, produkty, usługi itp.

Powiel szablon nagłówka

Najpierw zduplikuj nagłówek i przypisz go do lokalizacji.

1. Włącz Visual Builder, przechodząc do "Divi"> "Theme Builder" na pulpicie WordPress.
2. Wybierz ikonę Duplikuj nad szablonem globalnym.
3. Wybierz lokalizacje, do których chcesz przypisać ten szablon w wyskakującym okienku i kliknij "Zapisz" u dołu.

Zapisz odmianę w chmurze Divi

Następnie edytuj nagłówek i zapisz go w chmurze Divi.

1. Kliknij ikonę Edytuj dla nagłówka, który chcesz dodać do chmury Divi.
2. Kliknij fioletową ikonę „Zapisz w bibliotece” u dołu strony.
3. Wprowadź nazwę układu, wybierz Zapisz w chmurze i wybierz kategorie i tagi. Wybierz nazwy, kategorie i tagi, które jasno pokażą, że jest to odmiana innego układu.
4. Kliknij „Zapisz w bibliotece”.
5. Zamknij edytor Theme Buildera.
6. Wybierz „Zapisz zmiany” w lewym górnym rogu Theme Buildera.

Druga odmiana układu nagłówka

W przypadku drugiej odmiany zduplikujemy nagłówek i edytujemy go w chmurze Divi. W tym celu wyjdziemy z Divi Theme Builder i użyjemy Visual Builder na dowolnej stronie lub poście Divi.

Powiel układ nagłówka

Najpierw musisz załadować układ do edytora Divi Cloud.

1. Najpierw włącz Visual Builder, przechodząc do dowolnej strony w interfejsie witryny Divi i klikając "Włącz Visual Builder" na pasku narzędzi u góry ekranu.
2. Kliknij fioletową ikonę plusa na pasku narzędzi Divi u dołu strony, aby otworzyć bibliotekę Divi.
3. Kliknij kartę u góry oznaczoną „Twoje zapisane układy”.
4. Następnie przejrzyj swoje elementy Divi Cloud. Kliknij pole wyboru oznaczone „My Divi Cloud” w obszarze Lokalizacje na lewym pasku bocznym.
5. Znajdź układ, który chcesz zduplikować, przeszukując, sortując lub filtrując elementy Divi Cloud. Szukaj według słów kluczowych lub ulubionych, wybierz kategorie i/lub tagi, aby je filtrować, lub sortuj je według czasu, nazwy lub ulubionych.
6. Kliknij prawym przyciskiem myszy układ, który chcesz zduplikować.
7. Wybierz "Duplikuj" w wyskakującym menu.
8. Alternatywnie możesz kliknąć prawym przyciskiem myszy podgląd na ekranie Szczegóły układu, aby otworzyć elementy menu i kliknąć "Duplikuj" w menu podręcznym.
9. Otworzy się modalne, w którym możesz wybrać szczegóły. Dodaj nową nazwę w polu „Nazwa układu”. Wybierz kategorie, które chcesz dla tego układu lub dodaj nowe kategorie. Wybierz lub dodaj nowe tagi. Wpisz nazwę układu, wybierz „Zapisz w chmurze” i wybierz kategorie i tagi. Wybierz nazwy, kategorie i tagi, które jasno pokażą, że jest to odmiana innego układu.
10. Po zakończeniu kliknij zielony przycisk zaznaczenia. Układ jest automatycznie zapisywany w chmurze Divi, więc nie musisz zapisywać strony.

Edytuj układ wewnątrz chmury

Następnie wprowadź zmiany w układzie Divi za pomocą Divi Visual Builder. Działa to tak samo jak Visual Builder na dowolnej stronie, z wyjątkiem zapisywania w bibliotece, ustawień strony i przenośności. Edytor jest już włączony, więc możesz po prostu zacząć wprowadzać zmiany.

1. Znajdź układ, który chcesz edytować, przeszukując, sortując lub filtrując elementy Divi Cloud. Szukaj według słów kluczowych lub ulubionych, wybierz kategorie i/lub tagi, aby je filtrować, lub sortuj je według czasu, nazwy lub ulubionych.
2. Kliknij prawym przyciskiem myszy układ, który chcesz edytować.
3. Wybierz "Edytuj za pomocą Divi" w menu podręcznym. Układ otworzy się w nowej karcie, a nie na stronie w witrynie z włączonym Visual Builder.
4. Możesz też kliknąć prawym przyciskiem myszy podgląd na ekranie Szczegóły układu, aby otworzyć elementy menu i kliknąć "Edytuj za pomocą Divi" w menu podręcznym.
5. Po prostu edytuj układ za pomocą Divi Builder jak zwykle. Dodaj lub dostosuj sekcje, wiersze, kolumny, moduły, kod itp.

Zapisz zmiany odmian nagłówka w chmurze

Na koniec zapisz zmiany. Zmiany są automatycznie zapisywane w chmurze Divi.

1. Kliknij "Zapisz element chmury" w prawym dolnym rogu układu, aby zapisać zmiany.
2. Poczekaj na zapisanie zmian. Zmiany są zapisywane w samej chmurze.
3. Po zakończeniu edycji zamknij kartę. To nie jest strona w Twojej witrynie, więc nie musisz wychodzić z programu Visual Builder.

Końcowe myśli

Oto nasze spojrzenie na tworzenie odmian przedmiotów w chmurze Divi. Divi ułatwia tworzenie wariacji i przechowywanie ich w chmurze. Istnieje kilka sposobów tworzenia odmian. Niezależnie od używanej metody, utwórz opisowe nazwy oraz użyj kategorii i tagów, które pomogą Ci szybko zrozumieć tę odmianę. Divi Cloud to świetny sposób na przechowywanie wielu odmian do wykorzystania na dowolnej stronie internetowej Divi.

Chcemy usłyszeć od Ciebie. Czy stworzyłeś odmiany przedmiotów w Divi Cloud? Daj nam znać o swoim doświadczeniu w komentarzach.