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
Wybierz ikona nagłówka, który chcesz zmodyfikować. Poczekaj, aż edytor się otworzy.
- Edytuj
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
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ń
Następnie najedź myszą na obszar obrazu, aby wyświetlić ikona Treść dynamique . Kliknij ikonę, aby otworzyć opcje wyboru treść dynamiczny.
- Treść dynamiczna
Otwiera się modalny z wieloma opcjami do wyboru. Wybierz Logo strony w górnej części.
- Logo witryny
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ł.
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
Na koniec kliknij Zapisz zmiany w lewym górnym rogu ekranu Theme Builder.
- Zapisz zmiany
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.
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
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
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
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.
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.
Pobierz DIVI teraz !!!
Wnioski
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.
...
