Jak zrobić stronę internetową dla restauracji z DIVI

[thrive_2step id='4652′]POBIERZ UKŁAD RESTAURACJI DLA DIVI[/thrive_2step]

Cześć chłopaki,

W tym tutorialu pokażę jak zrobić stronę internetową dla restauracji dzięki DIVI.
Zobaczysz jak w kilka minut mamy bardzo fajną stronę internetową dla restauracji.

Ostateczny efekt, jaki zamierzamy osiągnąć, możecie zobaczyć na filmie lub na poniższym obrazku:

Chociaż oczywiste jest, że aby wykonać samouczek, musisz wcześniej zainstalować szablon DIVI, jeśli go nie masz, możesz Kupuj tutaj lub jeśli jesteś członkiem obszar premium Jest dostępny bezpłatnie do pobrania w strefie członkowskiej.

Aby postępować zgodnie z krokami samouczka, oprócz szablonu DIVI będziemy musieli pobrać układ, który znacznie ułatwi nam pracę.

Możesz go pobrać stąd całkowicie za darmo.

[thrive_2step id='4652′]POBIERZ UKŁAD RESTAURACJI DLA DIVI[/thrive_2step]

Musimy zaimportować układ, który właśnie pobraliśmy w naszym szablonie DIVI, w tym celu przechodzimy do obszaru administracyjnego naszej strony internetowej do Divi –> Biblioteka Divi –> Import i eksport:

Na ekranie poprzedniego obrazu przeciągamy rozpakowany plik układu. Pamiętaj, aby go rozpakować, bo inaczej nie zadziała.

Klikamy „Importuj projekty z Divi Builder” i czekamy, aż zostaną poprawnie zaimportowane.

Teraz mamy zaimportowany układ do naszego Divi ze wszystkimi informacjami demo, aby skonfigurować stronę naszej restauracji.

Teraz tworzymy nową stronę i dodajemy układ, który właśnie zaimportowaliśmy z przycisku „Załaduj z biblioteki”, który mamy w kreatorze Divi:

Otworzy się ekran, klikamy „dodaj z biblioteki” i w układzie „Układ jadalni dla Divi” klikamy Załaduj:

Teraz będziemy mieć wszystkie sekcje, bloki i inne informacje na naszej stronie:

Klikamy na publikację ekranu i praktycznie mamy już zamontowaną stronę.

Teraz musimy skonfigurować menu strony. Najważniejszą cechą menu jest to, że po kliknięciu przechodzi ono do konkretnego miejsca, w którym znajduje się ta informacja.

Aby zamontować menu przechodzimy do Wygląd -> Menu i tworzymy nowe menu.
Aby dodać linki do każdej sekcji, do której chcemy przejść po kliknięciu, zrobimy to w następujący sposób.

Klikamy na Linki niestandardowe i dodajemy nazwę każdej sekcji, aby po kliknięciu linku automatycznie przechodził do swojej sekcji:

Jak widać na poprzednim obrazku, musisz dodać nazwę sekcji poprzedzoną hashem (#) jako adres URL

Nazwa każdej sekcji to:

• Szef kuchni= #kucharz
• Rezerwacje= #rezerwacja
• Recenzje= #recenzje
• Kontakt= #kontakt

Pamiętaj, że musisz zaznaczyć opcję „Menu główne”, aby zamiast niej pojawiło się menu.

Aby nasza strona była jak w demo musimy dodać kilka stylów w Divi, w tym celu przechodzimy do menu Divi –> Opcje motywu i w zakładce ogólne, na dole, w niestandardowym CSS dodajemy następujący kod:

#main-header, #main-header.et-fixed-header {
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;
}

Teraz wystarczy, że strona, którą stworzyliśmy, stanie się stroną główną naszego serwisu.
W tym celu wchodzimy do Ustawienia –> Czytanie –> Wyświetlanie strony głównej –> Strona główna „Web Restaurant” lub nazwa utworzonej przez nas strony:

Jeśli zaszedłeś tak daleko, masz już stronę jak w demie, ale teraz nadchodzi najważniejszy punkt.
Zmień treść testu na naszą.

Aby to zrobić, wystarczy edytować stronę i przeszukiwać wszystkie moduły i sekcje pod kątem treści, które chcemy zmienić.

Nie martw się, jeśli na początku nie wiesz, gdzie znaleźć to, czego szukasz, jest to całkowicie normalne. Ponieważ zaimportowaliśmy układ ze wszystkim, co zrobiliśmy, teraz musimy zobaczyć całą zawartość demonstracyjną i trochę przestudiować stronę, aby ją zdobyć.

I to wszystko 😉

Myślę, że założenie strony dla restauracji nigdy nie było prostsze.

Mam nadzieję, że Ci się podobało
Oscar