Duriza – przegląd tematu Divi Child

Motyw potomny Duriza Divi to wielofunkcyjny motyw potomny zaprojektowany z myślą o firmach usługowych. Zawiera 12 stron, niestandardowy suwak z wyzwalaczami ikon oraz podmenu na pasku bocznym do łączenia usług. W tym artykule przyjrzymy się bliżej Durizie, aby pomóc Ci zdecydować, czy jest to odpowiedni motyw potomny Divi dla Twoich potrzeb.

Instalowanie motywu Duriza Divi Child

Instalacja jest prosta, ale trzeba wykonać kilka kroków. Zainstaluj i aktywuj motyw potomny Duriza Divi, tak jak każdy inny motyw. Po pierwsze, po aktywacji Divi prześlij i aktywuj motyw. Instalacja zawartości demo dla Duriza odbywa się ręcznie. Na szczęście instrukcje są proste i jasne.

Następnie musisz przesłać ustawienia opcji motywu, kreatora motywów, dostosowywania motywów i biblioteki Divi. Te pliki są dostarczane w dodatkowym pliku zip. Pliki są oznaczone etykietami, dzięki czemu można je łatwo zidentyfikować. Na koniec musisz utworzyć stronę główną i inne strony, które chcesz, korzystając z układów w bibliotece i dodać je do menu.

Dokumentacja zawiera informacje o dodawaniu obrazów do siatki, dodawaniu strzałek do menu rozwijanego i menu bocznych, tworzeniu menu bocznego, zmianie kolorów i tworzeniu postów na blogu przy użyciu układu biblioteki.

Wszystko to jest łatwiejsze niż się wydaje, a instrukcje są łatwe do wykonania. Zajmuje to jednak trochę czasu.

Strona główna motywu Duriza Divi Child

Strona główna Durizy została zbudowana z wielu modułów tekstowych, notatek, przycisków, slajdów, przekładek i formularza kontaktowego. Przyjrzymy się każdej sekcji ze strony głównej. Na pozostałych stronach zastosowano podobne projekty. Każda strona zawiera jasnozielone podświetlenia.

Strona główna Duriza Sekcja bohaterów

Sekcja bohatera wyświetla nagłówek i duże obrazy, które prowadzą do stron. Nagłówek jest tworzony w konstruktorze motywów. Obrazy są umieszczane w układzie wielokolumnowym z dużym obrazem po jednej stronie i dwoma mniejszymi obrazami w stosie po drugiej stronie. Ich ciemne nakładki rozjaśniają się po najechaniu na nie. Nakładki zawierają tytuły i link, aby przeczytać więcej.

Strona główna Duriza Usługi Sekcja

Sekcja usług przedstawia usługi z dużym tytułem i krótkim opisem. Usługi są wyświetlane w 4 kolumnach z notkami zawierającymi obraz, tytuł i przycisk. Poniżej usługi są wyróżnione slajdami w jednej kolumnie z tytułem na dole. Slajdy zawierają cień pudełka. W tle po lewej stronie znajduje się wzór w kropki. Dokumentacja pokazuje, jak dodawać obrazy.

Pokazany slajd odpowiada slajdowi, nad którym się unosisz. CSS jest już dodany do wierszy, aby to osiągnąć, ale musisz dodać adresy URL obrazów do arkusza stylów CSS, tak jak to zrobiłem w powyższym przykładzie. Obrazy są wstępnie wczytywane, dzięki czemu pojawiają się natychmiast po najechaniu kursorem dzięki efektowi przejścia.

Jako przykład korzystania ze slajdu dodałem ikony obrazów z innych układów Divi i obrazy z Unsplash. Obrazy są wstępnie ładowane, aby szybko pojawiały się po najechaniu myszą. Instrukcje poprowadzą cię przez to. Jeśli obrazy nie pojawiają się po odświeżeniu strony, zalecamy wyczyszczenie pamięci podręcznej. To jedna z najbardziej wyróżniających się sekcji.

Strona główna Duriza O dziale

Informacje o firmie i członkach zespołu wyświetlają pełnowymiarową wiadomość z przyciskiem umożliwiającym wyświetlenie strony O nas. Informacje są wyświetlane w układzie dwukolumnowym z dużym obrazem po jednej stronie i tytułami członków zespołu po drugiej. Kropkowany wzór tła pojawia się w tej sekcji po prawej stronie.

Strona główna Duriza Sekcja projektów

Projekty są wyświetlane w trzykolumnowej siatce z wprowadzeniem i animacjami najechania, które rozjaśniają nakładkę.

Strona główna Duriza Referencje Sekcja

Moduły tekstowe, przegroda i przycisk tworzą sekcję referencji. Jak pokazuje ten przykład, wyświetla tytuł, krótką opinię i przycisk, który prowadzi do strony z referencjami. Ciemnoszare tło wyróżnia się spośród pozostałych sekcji. Zielone pasemka dobrze współgrają z ciemnoszarym.

Duriza Strona Główna Kontakt Sekcja

Sekcja kontaktowa zawiera dwa pola umieszczone na tle pełnoekranowym z nakładką zakrywającą lewą krawędź. Informacje kontaktowe są wyświetlane w pierwszym polu z tekstem i ikonami na białym tle. Formularz kontaktowy jest wyświetlany na ciemnoszarym tle, które pasuje do sekcji referencji. Oba pudełka zawierają zielone akcenty.

Duriza Divi Motyw dziecięcy O nas Strona

Motyw potomny Duriza Divi Strona Informacje wprowadza stronę z nagłówkiem o pełnej szerokości, który zawiera obraz ze stylizowaną nakładką po bokach. Obrazy wyświetlają łącza, które przewijają się w dół do wierszy z historią, wizją i misją. Te wiersze wyświetlają obraz i tekst w układzie naprzemiennym. Strona zawiera również sekcję kontaktową ze strony głównej.

Strona usług tematycznych Duriza Divi dla dzieci

Strona Usługi motywu potomnego Duriza Divi wyświetla usługi w notatkach w siatce. Przyciski prowadzą do poszczególnych stron serwisowych. Ta strona zawiera również sekcję kontaktową ze strony głównej.

Duriza Divi Child Theme Single Service Strona

Strony pojedynczego serwisu wyświetlają informacje o serwisie w jednej kolumnie ze stylizowanym menu po lewej stronie. To menu zostało dodane wraz z modułem paska bocznego, który wyświetla niestandardowy widżet, który utworzysz. Animacje najechania w menu zmieniają tło nazwy strony na zielone.

Strona referencji tematu Duriza Divi Child

Strona Referencje motywu potomnego Duriza Divi wyświetla referencje utworzone za pomocą modułów tekstowych w sekcji z trzema kolumnami. Jak widać w tym przykładzie, zawierają one ocenę w postaci gwiazdek, tytuł, szczegóły i nazwę.

Strona projektów tematycznych Duriza Divi Child

Motyw potomny Duriza Divi Strona projektów wyświetla projekty w trójkolumnowej siatce z modułami tekstowymi. Obrazy są ciemne, dopóki nie najedziesz na nie kursorem.

Strona pojedynczego projektu Duriza Divi Child Theme

Strona pojedynczego projektu motywu potomnego Duriza Divi wyświetla tytuł projektu nad opisem z datą, klientem, typem i informacjami o wykonawcy na liście po prawej stronie. Poniżej znajdują się obrazy projektu.

Strona bloga z motywem dzieci Duriza Divi

Strona bloga motywu potomnego Duriza Divi wyświetla posty w jednej kolumnie z prawym paskiem bocznym. Posty zawierają polecany obraz, tytuł, fragment i stylizowany przycisk Czytaj więcej. Widżety na pasku bocznym mają stylizowane górne obramowanie, które pasuje do witryny i słabą obramowanie z pozostałych trzech stron. Nagłówek przedstawia stronę. Na obrazach po najechaniu kursorem pojawi się zielona nakładka.

Duriza Divi Motyw dziecięcy Pojedynczy post

Posty na blogu są budowane za pomocą Divi Builder i zawierają tytuł posta o pełnej szerokości, tekst, komentarze i prawy pasek boczny.

Oto jak projekt wygląda na frontendzie. Skonfigurowałem stronę Divi tak, aby wyświetlała się w pełnej szerokości i nie wyświetlała tytułu. Dzięki temu może wyświetlać tylko nagłówek, stopkę i moduły.

Duriza Divi Child Theme Strona kontaktowa

Strona Kontakt z motywem potomnym Duriza Divi wyświetla obrazy z łączami, które po kliknięciu przewijają się do odpowiednich informacji kontaktowych. Stylizacja formularza kontaktowego pasuje do reszty strony z zielonym obramowaniem na dole każdego pola.

Układy kreatora motywów Duriza

Układy Theme Builder dla motywu potomnego Duriza Divi obejmują globalny nagłówek i stopkę dla domyślnego szablonu, niestandardowy układ dla wszystkich stron kategorii oraz niestandardowy układ dla strony 404.

Nagłówek Durizy

Nagłówek zawiera dwie sekcje z mediami społecznościowymi i dwoma przyciskami w górnej części oraz menu w dolnej części. W górnej części znajdują się dwa rzędy: jeden na komputery stacjonarne, a drugi na telefony i tablety.

Visual Builder pokazuje oba górne wiersze, dzięki czemu możesz nad nimi pracować. Ponieważ numer telefonu jest przyciskiem, można go kliknąć.

Stopka Durizy

Stopka Durizy wygląda jak widżety, ale zamiast tego zawiera moduły tekstowe i rozdzielające.

W rezultacie stopka zawiera listę linków zawierających logo, nagłówki i stylizowane separatory, które nie byłyby łatwe do zrobienia za pomocą samych widżetów.

Duriza Wszystkie strony kategorii

Szablon Wszystkie strony kategorii jest taki sam jak strona bloga. Zawiera moduły nagłówka, bloga i paska bocznego o pełnej szerokości.

Strona Duriza 404

Część treści strony 404 Durizy jest tworzona za pomocą modułu nagłówka o pełnej szerokości. Wyświetla pełnoekranowy obraz tła z komunikatem i przyciskiem w nakładce.

Gdzie kupić motyw Duriza Divi Child

Kup motyw potomny Duriza Divi w Divi Marketplace za 39 USD. Jak zawsze, Duriza obejmuje nieograniczone korzystanie ze strony internetowej oraz aktualizację i wsparcie przez 1 rok.

Końcowe myśli

Oto nasze spojrzenie na motyw potomny Duriza Divi. Mimo że jest to wielofunkcyjny motyw podrzędny, niestandardowe slajdy pokazujące usługi na stronie głównej i niestandardowe podmenu na stronach poszczególnych usług sprawiają, że jest to doskonały wybór dla witryny usług. Na 12 stronach znajdziesz mnóstwo stron, na których możesz zaprezentować swoje usługi i projekty. Stylizacja jest prosta i przejrzysta, nadając motywowi dziecięcemu elegancki wygląd.

Chcemy usłyszeć od Ciebie. Czy wypróbowałeś motyw potomny Duriza Divi? Daj nam znać, co o tym myślisz w komentarzach poniżej.

Polecane zdjęcie za pośrednictwem BRO.vector / shutterstock.com