Podświetlenie wtyczki Divi – przełącznik Divi

Divi Switch to wtyczka innej firmy do Divi, która dodaje wiele nowych funkcji do Divi, które można włączać i wyłączać jednym ruchem przełącznika. Wiele osób w społeczności Divi wie o Divi Switch, ponieważ istnieje od kilku lat, ale ich aktualizacja 3.0 przyniosła wiele nowych funkcji i ulepszeń, na które warto zwrócić uwagę. Niektóre z tych nowych funkcji obejmują: nowy pulpit nawigacyjny, miniwtyczkę do importowania i eksportowania, programy ładujące, nowe ustawienia dostosowywania motywów, dostosowywanie logo, niestandardowe strony 404 i serwisowe z wbudowanymi układami, obsługę obrazów SVG i wiele innych.

W tym artykule przyjrzymy się nowemu przełącznikowi Divi i zwrócimy szczególną uwagę na jego zaktualizowany zestaw funkcji.

Instalowanie przełącznika Divi

Prześlij i aktywuj Divi Switch jak każda wtyczka. Następnie do menu Opcje motywu Divi na pulpicie nawigacyjnym zostanie dodana nowa karta o nazwie Przełącznik Divi. Wprowadź swój klucz licencyjny i aktywuj wtyczkę. W zakładce pojawi się nowy intuicyjny pulpit nawigacyjny.

Panel przełącznika Divi

Przełącznik Divi został przeprojektowany, a wszystkie ustawienia zostały przeniesione z osobnego miejsca w menu administratora na stronę opcji motywu Divi. Same przełączniki są rozmieszczone w podkartach pod nową zakładką „Przełącznik Divi” w opcjach motywu Divi.

Każdy przełącznik ma tytuł, krótki opis i zacieniony przełącznik ustawiony domyślnie na „Wyłączone”. Jeśli chcesz aktywować efekt, po prostu kliknij przełącznik, a przełączy się na „włączony”. Zaświeci się na niebiesko, wskazując, że jest aktywowany.

Aby zobaczyć opis funkcji, wybierz znak zapytania, który pojawi się po prawej stronie po najechaniu na efekt.

Przyjrzyjmy się kilku zakładkom i zobaczmy, co potrafi.

nagłówek

Zakładka Nagłówek dodaje 8 przełączników i dostosowań. Możesz usunąć podkreślenie nagłówka, sprawić, by numer telefonu był klikalny, otworzyć linki społecznościowe w nowej karcie, wyśrodkować górne elementy nagłówka, użyć innego logo podczas przewijania, zmienić tekst menu hamburgera, użyć logo specyficznego dla strony i zastąpić pełnoekranowe menu z układem Divi.

Dostosowywanie logo

Motyw Divi ma możliwość ustawienia niestandardowego logo, które może być wyświetlane na każdej stronie lub poście. Ale co, jeśli musisz użyć różnych logo na swojej stronie? Divi Switch dodaje kilka opcji logo, dzięki czemu masz więcej logo do wyświetlenia i daje kontrolę nad tym, jak i gdzie są wyświetlane. Ustawienia pozwalają wybrać inne logo podczas przewijania i możesz ustawić inne logo dla określonych stron.

Inne logo na przewijaniu

Aby wyświetlić nowe logo przy przewijaniu, po prostu prześlij logo na ekranie ustawień. Alternatywne logo będzie teraz wyświetlane, gdy odwiedzający przewinie.

Logo specyficzne dla strony

Dzięki logo specyficznemu dla strony nie ograniczasz się tylko do jednego logo w swojej witrynie. Możesz mieć tyle logo, ile chcesz i daje to pełną kontrolę nad tym, które logo jest wyświetlane na której stronie.

Jeśli w ustawieniach włączyłeś Logo specyficzne dla strony, nowa funkcja zostanie dodana na dole obszaru zawartości stron i postów. Możesz teraz ustawić inne logo na stronie głównej, a inne dla innych stron i postów. Tutaj po prostu przesyłasz logo, które chcesz wyświetlić na tej stronie lub w poście.

Ten przykład przedstawia różne strony, z których każda zawiera odmianę logo witryny.

Menu pełnoekranowe

Nagłówek ma również kilka dostosowań menu. W tym przykładzie zmieniłem tekst menu hamburgera i wybrałem układ menu pełnoekranowego.

Oto menu hamburgerów z nowym tekstem.

Kliknięcie menu hamburgera otwiera menu pełnoekranowe i pokazuje wybrany przeze mnie układ Divi. Jest półprzezroczysty, więc możesz zobaczyć stronę w tle. Zawiera również przycisk zamykania.

Stopka

Zakładka Stopka pozwala usunąć wypunktowane punkty, ukryć dolną stopkę, zatrzymać ruchomość stopki i zastąpić stopkę układem Divi.

Ten układ został dodany do stopki każdej strony, po prostu wybierając go w zakładce Stopka.

Główna zawartość

Zakładka Main Content dodaje 11 przełączników i dostosowań. Możesz usunąć dzielącą linię paska bocznego, dodać moduł wstępnego ładowania strony głównej i ustawić typ i kolory, zmienić proporcje obrazu portfolio, uniemożliwić otwieranie obrazów w lightbox, dostosować animacje suwaków, usunąć typ postu Projekty, dodać niestandardową stronę konserwacji i dodaj niestandardową stronę 404.

Wstępne ładowanie

Włączenie modułu wstępnego ładowania spowoduje wyświetlenie animowanej ikony podczas wczytywania strony głównej. Wspaniale jest to wskazać odwiedzającemu, że coś się dzieje, gdy rzeczywista zawartość strony wciąż ładuje się w tle. Posiada 15 typów przejść i dwie opcje kolorystyczne.

Oto przykład tego, jak pre-loader wygląda w witrynie podczas wczytywania strony.

Niestandardowe strony 404 i konserwacyjne z układami

Te funkcje pozwalają wybrać dowolną stronę konserwacji i stronę 404 z listy stron. Oznacza to, że możesz tworzyć strony przy użyciu układów, które utworzyłeś lub zaimportowałeś do biblioteki Divi.

Aby Ci w tym pomóc, Divi Switch zawiera pakiety premium 404 stron i układów stron konserwacyjnych z 10 wstępnie zaprojektowanymi układami, które można łatwo dostosować i ustawić domyślnie. Są w formacie JSON. Powyższy obrazek to jedna z 404 stron.

Układy są profesjonalnie zaprojektowane, więc twoja strona 404 i strony konserwacyjne będą nie tylko informacyjne, ale także atrakcyjne. Ten przykład jest jedną ze stron konserwacji. Zawiera minutnik.

mobilny

Karta Mobilne pozwala ustawić punkty przerwania dla każdego rozmiaru obrazu. Wprowadź liczbę wartości, która ma zmienić punkt przerwania. Możesz także zwinąć menu na urządzeniu mobilnym i wyświetlić określony tekst.

Posty

Posty mają fajną funkcję komentarzy. Spowoduje to przeniesienie komentarzy do przełącznika, dzięki czemu są domyślnie ukryte.

To jest zamknięty przełącznik. Jest on umieszczany na dole posta, gdzie zwykle pojawiają się komentarze.

Kliknij, aby otworzyć i zobaczyć komentarze. To jest standardowy formularz komentarzy WordPress.

Jeśli dodasz moduł komentarzy Divi do swojego układu, możesz go ostylować za pomocą ustawień modułu. Nadal znajduje się w przełączniku i jest domyślnie zamknięty.

Archiwa

Karta Archiwa zapewnia kontrolę nad stronami archiwum (strony z tagami, kategoriami, autorem, wyszukiwaniem itp.). Dodaj tytuł kategorii, usuń pasek boczny, dodaj link Czytaj więcej i dodaj linię oddzielającą pod postami.

Oto przykładowa strona autora z włączonymi wszystkimi przełącznikami archiwum.

Integracja

Karta Integracja umożliwia wstawianie układów Divi w określonych lokalizacjach, w tym przed główną treścią, po głównej treści i przed treścią posta. Wybierz układ z list rozwijanych.

Zrobiłem baner o pełnej szerokości używając tylko modułu tekstowego i wstawiłem go przed treścią. Oczywiście możesz zbudować dowolny rodzaj układu. To świetny sposób na tworzenie CTA i specjalnych menu.

Zaawansowany

Karta Zaawansowane umożliwia przesyłanie skalowalnej grafiki wektorowej (SVG), aby uzyskać ostrzejsze logo, ikony i inne obrazy. Ponieważ WordPress domyślnie blokuje pliki SVG, jest to świetny sposób na użycie tego formatu obrazu w Divi.

Import Eksport

Zakładka Import/Eksport pozwala wyeksportować kod wygenerowany przez Divi Switch do lekkiej i niestandardowej wtyczki marki do zainstalowania na stronach klientów. Ułatwia to korzystanie z ulubionego kodu Divi Switch bez konieczności instalowania i konfigurowania samej wtyczki Divi Switch. Wprowadź nazwę wtyczki, podaj opis, dodaj informacje o autorze, podaj wersję wtyczki i wybierz opcję Eksportuj wtyczkę.

Możesz teraz przesyłać swoją markową wtyczkę do witryn klienta, tak jak każdą inną wtyczkę. Będzie miał Twój branding.

Dostosowywanie motywów

Do dostosowywania motywu zostanie dodana nowa karta o nazwie Ustawienia przestrzeni Divi. Tutaj znajdziesz kolejną zakładkę o nazwie Divi Switch. Konfigurator motywu zawiera dodatkowe ustawienia, aby utworzyć niestandardową ikonę menu mobilnego, zmienić obraz tła nagłówka, dostosować przycisk powrotu do góry i dostosować strony archiwum – wszystko z podglądem na żywo.

W tym przykładzie dodałem obraz tła do nagłówka. Możesz ustawić powtarzanie, zmienić pozycję obrazu i zmienić rozmiar obrazu. Powyżej tego ustawienia znajduje się obszar wyboru, w którym możesz wybrać ikonę menu mobilnego.

W tym przykładzie dostosowuję przycisk od tyłu do góry, aby pasował do układu. Możesz dostosować rozmiar ikony, promień, położenie, kolor tła, kolor ikony i kolory najechania kursorem.

W tym przykładzie dopasowuję kolor, wysokość i szerokość separatora dla stron archiwum. Zauważysz również w tych przykładach, że logo zmieniło się po przewinięciu w dół. Nadal mam włączone ustawienie zamiany logo (cóż, myślę, że faktycznie jest „przełączone”).

Licencja

Divi Switch ma do wyboru trzy licencje:

• Pojedyncza witryna – 24 USD
• 3 strony – $50
• Nieograniczone witryny – 96 USD

Divi Switch jest również dostępny w planie członkostwa Divi Space.

Końcowe myśli

Jestem pod wrażeniem nowych funkcji w Divi Switch. Brak konieczności wklejania klas CSS i nowy panel to mile widziane funkcje. Opcje logo, preloader, mini wtyczka oraz niestandardowa strona 404 i strona konserwacji dodają wiele do Divi same w sobie. Podoba mi się możliwość wstawiania układów Divi i wybierania niestandardowej stopki. Podoba mi się również funkcja dostosowywania motywu, aby dodać obraz do nagłówka i dostosować go oraz zmienić kolor, kształt i położenie przycisku od tyłu do góry.

Divi Switch dodaje wiele funkcji do Divi. Uważam, że każdy z nich jest łatwy w użyciu. Jeśli szukasz wielu dostosowań, które możesz dodać w najprostszy możliwy sposób, Divi Switch może być tym, czego szukasz.

Chcemy usłyszeć od Ciebie. Czy próbowałeś przełącznika Divi? Opowiedz nam o swoim doświadczeniu w komentarzach poniżej!

Polecane zdjęcie za pośrednictwem Oleh Donets / shutterstock.com