Pobierz BEZPŁATNY nagłówek i stopkę do pakietu układów Home Baker Divi

Opublikowany: 2022-08-27

Hej Divi Nation! Dziękujemy za dołączenie do nas w kolejnej odsłonie naszej cotygodniowej inicjatywy Divi Design, w której co tydzień rozdajemy zupełnie nowe gadżety. Niedawno udostępniliśmy zupełnie nowy pakiet układów Home Baker. Aby pomóc Ci w jak najszybszym uruchomieniu witryny, udostępniamy globalny szablon nagłówka i stopki, który również idealnie pasuje do tego pakietu układów! Mam nadzieję, że Ci się spodoba.

układ divi

Sprawdź Home Baker
Globalny szablon nagłówka i stopki poniżej

Pobierz za darmo już dziś!

Projekt nagłówka

Projekt nagłówka Divi Home Baker na komputer stacjonarny

Projekt nagłówka tabletu i telefonu komórkowego dla pakietu Divi Home Baker Layout Pack

Projekt stopki

Układ stopki Divi Home Baker na komputery stacjonarne

Układ stopki na tablety i urządzenia mobilne dla układu Divi Home Baker Layout

Pobierz szablon globalnego nagłówka i stopki dla pakietu układów Home Baker

Aby położyć swoje ręce na darmowym szablonie globalnego nagłówka i stopki, najpierw musisz go pobrać za pomocą przycisku poniżej. Aby uzyskać dostęp do pobrania, musisz zapisać się na naszą listę e-mailową Divi Daily, korzystając z poniższego formularza. Jako nowy subskrybent otrzymasz jeszcze więcej dobroci Divi i darmowy pakiet Divi Layout w każdy poniedziałek! Jeśli jesteś już na liście, po prostu wpisz poniżej swój adres e-mail i kliknij pobierz. Nie będziesz „ponownie subskrybować” ani otrzymywać dodatkowych wiadomości e-mail.

Pobierz pliki
Pobierz za darmo

Pobierz za darmo

Dołącz do biuletynu Divi, a wyślemy Ci e-mailem kopię najlepszego pakietu układu strony docelowej Divi, a także mnóstwo innych niesamowitych i bezpłatnych zasobów, wskazówek i sztuczek Divi. Idź dalej, a w mgnieniu oka zostaniesz mistrzem Divi. Jeśli masz już subskrypcję, wpisz poniżej swój adres e-mail i kliknij Pobierz, aby uzyskać dostęp do pakietu układów.

Udało Ci się zasubskrybować. Sprawdź swój adres e-mail, aby potwierdzić subskrypcję i uzyskać dostęp do bezpłatnych cotygodniowych pakietów układów Divi!

Jak przesłać szablon

Przejdź do kreatora motywów Divi

Aby przesłać szablon, przejdź do Divi Theme Builder na zapleczu swojej witryny WordPress.

Otwieranie kreatora motywów Divi w celu zaimportowania układu kategorii konferencji Divi

Prześlij globalny domyślny szablon strony internetowej

Następnie w prawym górnym rogu zobaczysz ikonę z dwiema strzałkami. Kliknij ikonę.

Importowanie układu nagłówka i stopki do kreatora motywów Divi

Przejdź do zakładki importu, prześlij plik JSON, który udało Ci się pobrać w tym poście, i kliknij „Importuj szablony Divi Theme Builder”.

Importuj ustawienia pakietu układów nagłówka i stopki

Zapisz zmiany w kreatorze motywów Divi

Po przesłaniu pliku zauważysz nowy globalny nagłówek i stopkę w domyślnym szablonie witryny. Zapisz zmiany Divi Theme Builder, gdy tylko chcesz, aby szablon został aktywowany.

Jak modyfikować szablon

Elementy szablonu nagłówka Divi Home Baker

Szablon nagłówka Divi Home Baker ma wiele modułów Divi. Możesz edytować te moduły, aby pasowały do ​​Twojej marki, działalności i potrzeb Twojej witryny. Przyjrzymy się sześciu elementom, które składają się na szablon nagłówka poniżej:

Podział układu nagłówka Divi Home Baker

Po pierwsze, nagłówek ma sekcję podstawową i sekcję drugorzędną. Menu główne zawiera menu, logo i przycisk. Drugie menu zawiera dwa tekstowe wezwania do działania oraz zestaw ikon mediów społecznościowych.

Moduły sekcji głównej

  1. Logo (moduł menu): Logo jest wypełniane przez moduł menu. Możesz użyć funkcji pól dynamicznych kreatora Divi, aby wciągnąć logo dla całej witryny lub możesz przesłać swoje logo bezpośrednio do menu
  2. Menu (moduł menu): Możesz wybrać menu ze swojej witryny, aby wypełnić ten moduł.
  3. Przycisk (moduł przycisku): Moduł przycisku działa jako wezwanie do działania

Moduły sekcji dodatkowej

  1. CTA #1 (moduł tekstowy): Ten moduł tekstowy ma obecnie godziny pracy, jednak możemy go edytować, aby był dowolny
  2. Linki do mediów społecznościowych (moduł śledzenia w mediach społecznościowych): Edytuj ten moduł, aby dodać i połączyć wybrane przez siebie sieci społecznościowe
  3. CTA #2 (Moduł tekstowy): Kolejny moduł tekstowy, który możemy wykorzystać jako miejsce na Twoje hasło lub inne ogłoszenie

Otwórz szablon nagłówka

Aby zmodyfikować elementy szablonu globalnego nagłówka, zacznij od otwarcia szablonu.

Edycja globalnego nagłówka w Divi Theme Builder

Wybierz swoje menu

Wybierz wybrane menu w module menu.

Wybierz menu w module menu do użycia w obszarze głównego menu Divi Home Baker

Prześlij wybrane logo

W tym samym module menu wybierz lub prześlij wybrane logo

Wybierz logo do użytku w module menu

Aktualizuj miejsce docelowe przycisku

Ten nagłówek ma przycisk w prawym górnym rogu głównego menu. Otwórz ustawienia przycisku i zaktualizuj adres URL linku do wybranego miejsca docelowego. Możesz również użyć tych samych ustawień modalnych do edycji tekstu na przycisku.

Zaktualizuj miejsce docelowe linku do głównego menu

Włącz/wyłącz ikony wyszukiwania i koszyka

Domyślnie moduł menu w tym nagłówku ma aktywne ikony wyszukiwania i koszyka. Jeśli masz zainstalowany i aktywny WooCommerce, ikona koszyka automatycznie pojawi się na interfejsie użytkownika. Jeśli jednak chcesz ukryć te ikony, możesz to zrobić w ustawieniach menu.

Edycja dodatkowych elementów wymaganych podczas konfiguracji menu głównego

Dodawanie treści do CTA #1 i CTA #2

Po prawej i lewej stronie dodatkowego obszaru nagłówka znajdują się moduły tekstowe, które można edytować z zawartością według własnego uznania. W szablonie używamy modułu tekstowego po lewej stronie, aby pokazać godziny piekarni. Po prawej stronie za pomocą modułu tekstowego udostępniamy firmowe hasło z uroczym emotikonem . Ze względu na wysokość dodatkowej sekcji nagłówka może być łatwiej edytować moduły w tej sekcji, korzystając z widoku szkieletowego programu Divi Theme Builder.

Używanie widoku modelu krawędziowego do edycji drugorzędnej sekcji układu nagłówka Divi Home Baker

Dodaj swoje sieci społecznościowe i linki

Otwórz moduł obserwowania w mediach społecznościowych, aby edytować, dodawać lub usuwać sieci społecznościowe, które chcesz zaprezentować w swoim nagłówku. Nie zapomnij również dodać odpowiednich linków do różnych kont w mediach społecznościowych!

Edytowanie modułu śledzenia mediów społecznościowych w układzie nagłówka Divi Home Baker

Otwórz szablon stopki

Kontynuuj, otwierając globalną stopkę w domyślnym szablonie witryny.

Edycja szablonu stopki w Divi Theme Builder

Elementy szablonu stopki Divi Home Baker

W przeciwieństwie do szablonu nagłówka Divi Home Baker, szablon stopki składa się z czterech sekcji. Ale nie bój się! Sekcja podstawowa ma dwie kolumny, a pozostałe trzy sekcje zawierają tylko jeden moduł. Ponownie, możemy użyć widoku szkieletowego, który jest wysoce zalecany, szczególnie podczas edycji ostatnich trzech sekcji.

Podział stopki Divi Home Baker

Podział sekcji i modułów stopki

  1. Moduł Email Optin: Edytuj tytuł, treść i upewnij się, że łączysz wybraną platformę e-mail marketingu z modułem
  2. Moduł tekstowy: Zmień tytuł według własnych potrzeb
  3. Moduły notatek: Mamy tutaj trzy moduły notatek, które służą do zaprezentowania twoich informacji kontaktowych.
  4. Moduł śledzenia w mediach społecznościowych: Podobnie jak w przypadku modułu w nagłówku, można go wykorzystać do połączenia z kontami w mediach społecznościowych
  5. Moduł menu: Wybierz tutaj menu stopki.
  6. Moduł tekstowy: Na koniec pamiętaj, aby edytować tekst po w tym module tekstowym, aby wprowadzić własne informacje o prawach autorskich

Połącz swoje rozwiązanie e-mail marketingowe

Po pierwsze, połącz wybrane rozwiązanie e-mail marketingu z modułem e-mail.

Połącz wybraną platformę e-mail marketingu

Dodaj swoje dane kontaktowe

W trzech modułach notatek możesz edytować ikony i tekst. Przeglądaj biblioteki ikon dołączone do Divi i dodaj swoją zawartość.

Edytuj notki za pomocą informacji kontaktowych

Połącz swoje konta w mediach społecznościowych

Dodaj linki do swoich kont w mediach społecznościowych w module Social Media Follow.

Aktualizacja linków i sieci społecznościowych w module Social Media Follow

Wybierz menu stopki

Wybierz menu stopki.

Wybierz menu stopki dla szablonu stopki Divi Home Baker

Zmień treść praw autorskich

Aby edytować sekcję praw autorskich, przejdziemy do funkcji pola dynamicznego w module tekstowym.

Edycja informacji o prawach autorskich za pomocą zawartości dynamicznej w Divi Theme Builder

Kliknij koło zębate pod tytułem Body. W wyskakującym oknie modalnym będziesz chciał edytować zawartość w polu tekstowym Po.

Używanie funkcji Treści dynamiczne do aktualizowania tekstu dotyczącego praw autorskich

Nowe gratisy co tydzień!

Mamy nadzieję, że podobał Ci się pakiet Home Baker Layout Pack oraz gratisowa nagłówek i stopka, która jest z nim związana. Czekamy na Wasze opinie w sekcji komentarzy poniżej. Upewnij się, że zajrzysz w przyszłym tygodniu po więcej gratisów!