Czy chciałbyś użyć dynamicznego logo w module Divi Fullwidth Menu?

Zmień logo Witryna internetowa może być procesem czasochłonnym. Jest to szczególnie prawdziwe, jeśli Witryna internetowa używa różnych nagłówków dla różnych szablonów. 

Jeśli użyjesz obrazu dla każdego z tych nagłówków, będziesz musiał ręcznie uzyskać dostęp i edytować każdy z nich. 

Na szczęście Divi może dynamicznie wyświetlać Twoje logo. strona internetowa, co pozwala zaoszczędzić czas! 

W tym artykule zobaczymy, jak używać dynamicznego logo w module Divi's Fullwidth Menu.

Zacznijmy!

Jak używać dynamicznego logo w module menu o pełnej szerokości

Aby rozpocząć, otwórz moduł Menu o pełnej szerokości, dla którego chcesz użyć dynamicznego logo. Dostosowuję szablon nagłówka w Divi Theme Builder. 

Zobacz też: Divi: Jak korzystać z opcji „Powtarzanie gradientu” do tworzenia niestandardowych wzorów tła

W tym przykładzie zakładamy, że masz już skonfigurowany moduł menu o pełnej szerokości z wybranym logo.

Otwórz kreator motywów Divi

Aby użyć dynamicznego logo, przejdź do Divi > Konstruktor motywów w panelu WordPress.

  • Divi
  • Konstruktor motywów
użyj dynamicznego logo w module Divi Fullwidth Menu

Wybierz ikona nagłówka, który chcesz zmodyfikować. Poczekaj, aż edytor się otworzy.

  • Edytuj
Otwórz kreator motywów Divi

Zmień logo na zawartość dynamiczną

Następnie otwórz ustawienia z modułu Menu o pełnej szerokości, wybierając jego ikonę koła zębatego.

  • Ustawienia modułu
Zmień logo na zawartość dynamiczną

W zakładce Treść, przewiń w dół do sekcji zatytułowanej logo. Najedź na obraz logo i kliknij ikona kosza na śmieci . Możesz także kliknąć okrągłą ikonę resetowania, jeśli wolisz.

  • Usuń
użyj dynamicznego logo w module Divi Fullwidth Menu

Następnie najedź myszą na obszar obrazu, aby wyświetlić ikona Treść dynamique . Kliknij ikonę, aby otworzyć opcje wyboru treść dynamiczny.

  • Treść dynamiczna
Zmień logo na zawartość dynamiczną

Otwiera się modalny z wieloma opcjami do wyboru. Wybierz Logo strony w górnej części.

  • Logo witryny
Zmień logo na zawartość dynamiczną

Zobaczysz, że nowe logo pojawi się w menu nagłówka, które jest określone w opcjach Motyw Divi

Pod logo w ustawieniach wyboru logo zobaczysz komunikat "Strona z logo". Oznacza to, że moduł wyświetla teraz dynamiczne logo. Kliknij zielony przycisk, aby zamknąć moduł.

użyj dynamicznego logo w module Divi Fullwidth Menu

Następnie zapisz układ, klikając zielony przycisk Enregistrer w prawym dolnym rogu i klikając na X w prawym górnym rogu, aby zamknąć edytor.

  • Zapisz
  • Zamknij
użyj dynamicznego logo w module Divi Fullwidth Menu

Na koniec kliknij Zapisz zmiany w lewym górnym rogu ekranu Theme Builder.

  • Zapisz zmiany
Zmień logo na zawartość dynamiczną

Czytaj także:  Divi: Jak zmienić styl kilku elementów po najechaniu kursorem lub po kliknięciu

Wykonaj ten zestaw kroków dla każdego modułu menu o pełnej szerokości, dla którego chcesz użyć dynamicznego logo. Zalecamy wykonanie tego zadania podczas kopiowania lub tworzenia nagłówków.

Zobaczmy teraz, jak zmodyfikować logo Divi, aby zmieniło się w module Menu o pełnej szerokości.

Jak zmienić logo w Divi

Następnie zobaczmy, jak powiedzieć Divi, którego logo ma użyć. Za każdym razem, gdy chcesz zmienić logo, wykonaj następujące czynności. Logo zmienia się dynamicznie, więc użytkownicy Divi nigdy nie muszą otwierać modułu menu o pełnej szerokości, aby zmienić logo.

Logo Divi „Przed”

Aby lepiej zrozumieć, co się dzieje, spójrzmy na logo na froncie witryny przed i po zmianie. Po pierwsze, oto podgląd aktualnego logo na mojej stronie testowej. Jest to konfigurowane w opcjach Motyw Divi.

użyj dynamicznego logo w module Divi Fullwidth Menu

Zmień logo Divi

Aby zmienić logo Divi, przejdź do Divi > Opcje motywu w panelu WordPressa. Pierwsza zakładka, Ogólne, zawiera pole o nazwie Logo. Zawiera pole z adresem URL logo, przycisk do resetowania domyślnego logo i przycisk do przesyłania logo do biblioteki multimediów.

  • Divi
  • Opcje tematyczne
  • Ogólne (pierwsza linia)
  • Ogólne (druga linia)
  • Prześlij
Zmień logo Divi

Spowoduje to otwarcie folderu multimediów, w którym możesz wybrać obraz z biblioteki multimediów lub przesłać nowy obraz.

  • Wybierz obraz
  • Ustaw jako logo
użyj dynamicznego logo w module Divi Fullwidth Menu

Kliknij Zapisz zmiany w lewym górnym rogu ekranu nad opcjami Motyw Divi. Teraz każdy szablon, w tym moduł Menu pełnej szerokości z ustawieniem dynamicznego logo, automatycznie zmienił logo, aby wyświetlić Twoje nowe logo.

  • Zapisz zmiany
Zmień logo Divi

Logo Divi „Po”

Front-end mojej witryny wyświetla teraz nowe logo, mimo że nie otworzyłem kreatora motywów i nie wprowadziłem tam zmian. Ta zmiana została automatycznie odzwierciedlona w każdym module Menu o pełnej szerokości, który używa dynamicznego logo.

Logo Divi po

Jako inny przykład, gdy otworzymy jeden z szablonów w kreatorze motywów, zobaczymy nowe logo. Ten przykład pokazuje układ nagłówka strony głównej z logo już zaktualizowanym bez dalszych informacji z mojej strony.

użyj dynamicznego logo w module Divi Fullwidth Menu

Pobierz DIVI teraz !!!

Podsumowanie

Oto nasze spojrzenie na to, jak używać dynamicznego logo w module Divi o pełnej szerokości. Dynamiczne logo jest łatwe do ustawienia w module. Korzystanie z dynamicznego logo może zaoszczędzić dużo czasu podczas zmiany logo w witrynie Divi. 

Nawet jeśli używasz tylko jednego modułu Menu o pełnej szerokości, dynamiczne logo upraszcza ten proces. W przypadku korzystania z wielu modułów dynamiczne logo mają jeszcze większy wpływ na oszczędność czasu i redukcję błędów.

Mam nadzieję, że będzie to przydatne w Twojej następnej witrynie blogowej. Jeśli masz jakiekolwiek wątpliwości lub sugestie, znajdź nas w sekcja komentarzy przedyskutować to.

Możesz również skonsultować nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji swoich projektów tworzenia stron internetowych.

Nie wahaj się również skonsultować z naszym przewodnikiem na temat Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.

...

Przypiąć go na Pinterest