Przegląd motywu dziecięcego Divi Chef

Opublikowany: 2021-02-14

Motyw potomny Divi Chef został zaprojektowany z myślą o witrynach restauracji. Zawiera wiele stron, których potrzebują restauracje, i zawiera dwa niestandardowe typy postów, aby pokazać menu z jedzeniem i nadchodzące wydarzenia. W tym artykule przyjrzymy się motywowi potomnemu Divi Chef i zobaczymy, co zawiera, aby pomóc Ci zdecydować, czy odpowiada on Twoim potrzebom.

Instalowanie Divi Chef

Instalowanie Divi Chef

Instalacja działa tak samo jak normalny motyw. Po aktywacji Divi prześlij i aktywuj motyw potomny Divi Chef.

Instalowanie Divi Chef

Po aktywowaniu motywu potomnego Divi Chef zobaczysz nowy element menu o nazwie Importuj demo . Wybierz to, a zobaczysz prosty ekran importu, na którym możesz wybrać, co będzie importowane. Wszystko jest zaznaczone domyślnie. Kliknij opcję Importuj zawartość demonstracyjną i poczekaj na zakończenie importu.

Instalowanie Divi Chef

Po zakończeniu importu Twoja witryna będzie wyglądać jak demo. Będzie zawierać stronę główną i menu, które są już na miejscu. Kilka obrazów jest fikcyjnymi obrazami i pokazuje rozmiar lokalizacji obrazu.

Przyjrzyjmy się stronom i funkcjom.

Strony i funkcje tematyczne Divi Chef dla dzieci

Funkcje obejmują przerobione strony restauracji, wiele typów postów dla menu i wydarzeń, filtrowalne menu żywności, wiele nagłówków, wiele stopek, wiele blogów i układów postów, kontakt i stronę rezerwacji. Każda ze stron zawiera nagłówek z tytułem strony. Większość stron i układów jest dodawana do Biblioteki Divi.

Strona główna motywu Divi Chef

Strona główna motywu Divi Chef

Sekcja bohatera wyświetla pełnoekranowy obraz tła w paralaksie. Jego nakładka pokazuje wiadomość elegancką czcionką nad małym obrazem.

Strona główna motywu Divi Chef

Kolejna sekcja przedstawia historię restauracji i zawiera link do strony Informacje.

Strona główna motywu Divi Chef

Pełnoekranowe CTA na ofertę dnia wyświetla obraz tła w paralaksie z przyciskiem do dokonania rezerwacji.

Strona główna motywu Divi Chef

Menu żywności pokazuje zdjęcia z nazwą, opisem i ceną. Menu zawiera również filtr, dzięki czemu odwiedzający zobaczą jedzenie oparte na posiłku.

Strona główna motywu Divi Chef

Sekcja bloga wyświetla siatkę.

Strona główna motywu Divi Chef

Klienci mogą zarezerwować stolik, korzystając ze stylizowanego formularza pełnoekranowego. Formularz zawiera pełnoekranowy obraz tła oraz pola na imię i nazwisko, adres e-mail, datę, liczbę miejsc, telefon i godzinę.

Suwak referencji o pełnej szerokości pokazuje okrągły obraz obok tekstu.

Galeria pokazuje obrazy w siatce. Najeżdżam na obraz w prawym górnym rogu, aby pokazać jego nakładkę.

Nadchodzące wydarzenia są wyświetlane jako karty ze stylizowaną datą, tytułem i godziną w nakładce na wyróżniony obraz.

Liczniki liczbowe pokazują statystyki z ikonami na obrazie tła w paralaksie.

Strona główna motywu Divi Chef

Informacje kontaktowe zawierają duży obraz z jednej strony oraz informacje z drugiej. Numer telefonu można kliknąć.

Szef kuchni Divi o stronie

Szef kuchni Divi o stronie

Strona Informacje motywu potomnego Divi Chef zawiera niektóre elementy ze strony głównej i dodaje sekcję z dwiema kolumnami tekstu, trzykolumnową sekcję z ponumerowanymi notatkami oraz wezwaniem do działania z dwoma przyciskami.

Strona menu

Strona menu

Strona menu wyświetla menu żywności według jego kategorii. Każda kategoria zawiera tytuł w eleganckiej czcionce.

Filtrowalna strona menu

Filtrowalna strona menu

Strona menu z możliwością filtrowania pokazuje menu żywności, ale zamiast wyświetlać każdą z kategorii pod tytułem ze wszystkimi widocznymi kategoriami, filtr pozwala zobaczyć określone kategorie, które chcesz.

Strona wydarzeń

Strona wydarzeń

Strona Zdarzenia wyświetla zdarzenia jak na stronie głównej, ale dodaje kilka innych.

Strony bloga Divi Chef

Strony bloga Divi Chef

Motyw potomny Divi Chef ma trzy różne strony bloga. Pierwsza wyświetla posty na blogu w dwóch kolumnach z prawym paskiem bocznym. Zawiera nagłówek z obrazem o pełnej szerokości i tytułem w nakładce.

Strony bloga Divi Chef

Drugi projekt bloga wyświetla posty w pełnej szerokości i na prawym pasku bocznym.

Strony bloga Divi Chef

Trzeci projekt bloga wyświetla posty w naprzemiennym układzie.

Kontakt

Kontakt

Strona Kontakt wyświetla stylizowany formularz obok tekstu, aby uzyskać więcej informacji. Wiersz pod tym zawiera informacje kontaktowe, po których następuje mapa o pełnej szerokości.

Rezerwacja

Rezerwacja

Strona Rezerwacja zawiera dane kontaktowe i formularz rezerwacji.

Nagłówki

Nagłówki

Do wyboru jest pięć nagłówków. Wszystkie oprócz pierwszego nagłówka zostały utworzone za pomocą Divi Builder i są dostępne w Bibliotece Divi. Domyślny nagłówek wyświetla elementy menu dużą czcionką i zawiera pogrubiony żółty kolor aktywnego łącza. Ma przezroczyste tło, które podczas przewijania zmienia się na żółte. Podmenu wyświetlają białe tło z dużym tekstem.

Nagłówki

Drugi nagłówek umieszcza linki do menu na środku, ikony obserwowania w mediach społecznościowych po lewej, a wezwanie do kontaktu po prawej. Podmenu dodają żółtą linię.

Nagłówki

Trzeci nagłówek umieszcza logo nad menu w środku. Wraz z linkami umieszczone są ikony obserwowania społecznościowego i pole wyszukiwania.

Nagłówki

Nagłówek czwarty ma dwa rzędy. W górnym rzędzie po lewej stronie znajduje się logo, a po prawej informacje kontaktowe, które można kliknąć. Drugi rząd zawiera pozycje menu i ikonę wyszukiwania po lewej stronie oraz ikony obserwowania społecznościowego po prawej stronie. To najbardziej złożony z nagłówków.

Nagłówki

Piąty nagłówek wyświetla logo po lewej stronie, linki pośrodku i wezwanie do działania po prawej stronie.

Stopki

Stopki

Do wyboru są cztery stopki. Zostały utworzone za pomocą Divi Builder i są dostępne w Bibliotece Divi. Pierwsza stopka jest przypisana jako globalna stopka w kreatorze motywów i zawiera kilka modułów tekstowych oraz moduł śledzenia w mediach społecznościowych.

Stopki

Moduł tekstowy na dole zawiera informacje o motywie potomnym. Jasna ramka u góry oddziela go od reszty stopki. To jest odsłonięta stopka, więc pozostaje na swoim miejscu, gdy sekcja nad nią przesuwa się jak zasłona.

Stopki

Druga stopka jest większa i dodaje formularz subskrypcji e-mail.

Stopki

Trzecia stopka ma białe tło i dodaje więcej informacji.

Stopki

Czwarta stopka jest prostsza i zawiera białe tło. Nawigacja jest ułożona po lewej stronie, a linki do śledzenia społecznościowego są ułożone po prawej stronie. W centrum znajduje się krótki opis.

Stopki

Stopka piąta jest najprostsza i zawiera białe tło i umieszcza łącza menu w stosie pośrodku, a media społecznościowe podążają za ikonami w poziomie.

Typy postów szefa kuchni Divi

Motyw potomny Divi Chef zawiera dwa wbudowane typy postów: Menu restauracji i Wydarzenia.

Menu restauracji

Menu restauracji

Menu restauracji zawiera edytor, w którym możesz dodać treść, cenę, składniki, kategorie, kolejność i polecany obraz.

Menu restauracji

Ten typ wpisu dodaje dwa moduły do ​​Divi Builder - jeden filtrowany i jeden niefiltrowany. Oba moduły pozwalają wybrać liczbę wyświetlanych elementów i zawierają standardowe opcje stylizacji Divi.

Menu restauracji

Pozycje menu pojawiają się na liście typów wpisów Menu restauracji, na których można wykonywać standardowe czynności dotyczące wpisów.

Wydarzenia

Wydarzenia

Wydarzenia zawiera edytor, w którym można dodawać zawartość, nazwę organizatora, datę, godzinę, koszt, numer telefonu, adres e-mail, zamówienie i polecany obraz.

Wydarzenia

Posty dotyczące wydarzeń są jasne i łatwe do odczytania.

Wydarzenia

Typ wpisu Wydarzenia dodaje moduł do Divi Builder o nazwie Divi Chef Events. Wybierz liczbę zdarzeń do wyświetlenia i stylizuj je za pomocą standardowych opcji Divi.

Wydarzenia

Wydarzenia są wymienione w typie wpisu, jak każdy wpis.

Menu nawigacji szefa kuchni Divi

Menu nawigacji szefa kuchni Divi

Do WordPressa dodano trzy menu nawigacyjne, z automatycznym zastosowaniem menu głównego. Pozostałe są dostępne do użycia ze stopkami lub jako alternatywa dla głównego menu.

Układy Divi Chef Theme Builder

Układy Divi Chef Theme Builder

Układy Theme Builder obejmują niestandardowe stopki, strony archiwum, wyniki wyszukiwania, układy postów i stronę 404.

Układy postów

Układy postów

Motyw potomny Divi Chef zawiera 4 różne projekty układu postów. Ten układ wyświetla tytuł w nagłówku o pełnej szerokości z obrazem tła, treścią i paskiem bocznym ze stylizowanym wyszukiwaniem, ostatnimi postami i kategoriami. Dodaje również nawigację po wpisach. Inne układy mają podobny projekt i zawierają mniejszy obraz funkcji, paski boczne, obrazy na pełnym ekranie lub brak pasków bocznych.

Układy postów

To jest układ postu 2, który wyświetla mniejszy wyróżniony obraz i nie ma paska bocznego.

Strona 404

Strona 404

Strona 404 zawiera obraz po jednej stronie oraz wiadomość i pole wyszukiwania po drugiej. Ikony śledzenia społecznościowego znajdują się w centrum.

Gdzie kupić motyw dziecięcy Divi Chef

Gdzie kupić motyw dziecięcy Divi Chef

Motyw potomny Divi Chef jest dostępny w Divi Marketplace. Kosztuje 39 USD i obejmuje nieograniczone korzystanie ze strony internetowej oraz rok wsparcia i aktualizacji.

Końcowe myśli

Oto nasze spojrzenie na motyw potomny Divi Chef z Divi Extended. Został zaprojektowany z myślą o stronach restauracyjnych, a design idealnie pasuje do gatunku. Strony i niestandardowe typy postów to te, których można się spodziewać w witrynie restauracji. Szczególnie podoba mi się menu z jedzeniem.

Nie obejmuje funkcji zakupów online, takich jak zamawianie i płacenie online za odbiór, więc może nie być idealnym rozwiązaniem dla każdego rodzaju restauracji. Jednak funkcje rezerwacji sprawiają, że jest to idealne miejsce na posiłki w restauracjach.

Chcemy usłyszeć od Ciebie. Czy próbowałeś motywu dziecięcego Divi Chef? Daj nam znać o swoim doświadczeniu w komentarzach.

Polecane zdjęcie za pośrednictwem maryny rodyukova / shutterstock.com