Искате ли да използвате динамично лого във вашия модул Divi Fullwidth Menu?
Променете логото на a уеб сайт може да бъде отнемащ време процес. Това е особено вярно, ако уеб сайт използва различни заглавки за различни шаблони.
Ако използвате изображение за всяка от тези заглавки, ще трябва ръчно да отворите и редактирате всяка от тях.
За щастие, Divi може динамично да показва вашето лого. уебсайт, което ви спестява време!
В тази статия ще видим как да използваме динамично лого в модула Fullwidth Menu на Divi.
Нека да започнем!
Как да използвате динамично лого в модул с меню с пълна ширина
За да започнете, отворете модула Fullwidth Menu, за който искате да използвате динамично лого. Коригирам шаблона на заглавката в Divi Theme Builder.
Вижте също: Divi: Как да използвате опцията „Повтаряне на градиент“, за да създадете персонализирани фонови модели
За този пример предполагаме, че вече сте конфигурирали модул на менюто с пълна ширина с избрано лого.
Отворете конструктора на теми Divi
За да използвате динамично лого, отидете на Divi > Създател на теми в таблото за управление на WordPress.
- Divi
- Създател на теми
Изберете икона на заглавката, която искате да промените. Изчакайте редакторът да се отвори.
- редактирам
Променете логото към динамично съдържание
След това отворете настройки от модула Fullwidth Menu, като изберете неговата икона на зъбно колело.
- Настройки на модула
В раздела съдържание, превъртете надолу до раздела със заглавие лого. Задръжте курсора на мишката върху изображението на логото и щракнете върху икона на кошче за боклук . Можете също да щракнете върху кръглата икона за нулиране, ако предпочитате.
- Изтрий
След това задръжте мишката върху областта на изображението, за да се покаже икона Съдържание Dynamique . Щракнете върху иконата, за да отворите избора на съдържание динамичен.
- Динамично съдържание
Отваря се модал с много опции за избор. Изберете Лого на сайта в горната част.
- Лого на сайта
Ще видите новото лого да се появява във вашето заглавно меню, което е посочено в опциите на Тема на Divi.
Под логото в настройките за избор на лого ще видите съобщението „Уебсайт с лого“. Това показва, че модулът вече показва динамичното лого. Щракнете върху зеления бутон, за да затворите модула.
След това запазете оформлението, като щракнете върху зеления бутон Enregistrer в долния десен ъгъл и щракнете върху X в горния десен ъгъл, за да затворите редактора.
- Спестявания
- Затвори
Накрая щракнете Запазване на промените в горния ляв ъгъл на екрана на Theme Builder.
- Запазване на промените
Прочетете още: Divi: Как да промените стила на няколко елемента при задържане или след щракване
Изпълнете този набор от стъпки за всеки модул на менюто с пълна ширина, за който искате да използвате динамичното лого. Препоръчваме ви да изпълните тази задача, когато копирате или създавате заглавките.
Сега нека видим как да модифицираме логото на Divi, така че да се променя в модула на менюто с пълна ширина.
Как да промените логото в Divi
След това нека видим как да кажем на Divi кое лого да използва. Всеки път, когато искате да промените логото, изпълнете следните стъпки. Логото се променя динамично, така че потребителите на Divi никога не трябва да отварят модула Fullwidth Menu, за да променят логото.
Лого на Divi „Преди“.
За да ви помогнем да разберете какво се случва, нека погледнем логото в предната част на сайта преди и след промяната. Първо, ето преглед на текущото лого на моя тестов сайт. Това е конфигурирано в опциите на Тема на Divi.
Променете логото на Divi
За да промените логото на Divi, отидете на Divi > Опции за тема в таблото за управление на WordPress. Първият раздел, Общи, има поле, наречено Лого. То включва поле с URL адреса на логото, бутон за нулиране на логото по подразбиране и бутон за качване на лого в медийната библиотека.
- Divi
- Тема Опции
- Общи (1-ви ред)
- Общи (2-ри ред
- Качи
Това отваря медийната папка, където можете да изберете изображение от медийната библиотека или да качите ново изображение.
- Изберете изображение
- Задаване като лого
Кликнете върху Запазване на промените в горния ляв ъгъл на екрана над опциите на Тема на Divi. Сега всеки шаблон, включително модула на менюто с пълна ширина с настройката за динамично лого, автоматично променя логото, за да показва вашето ново лого.
- Запазване на промените
Лого на Divi "След"
Предният край на моя сайт вече показва новото лого, въпреки че не отворих инструмента за създаване на теми и не направих промени там. Тази промяна е автоматично отразена във всеки модул на менюто с пълна ширина, който използва динамичното лого.
Като друг пример, когато отворим един от шаблоните в конструктора на теми, ще видим новото лого. Този пример показва оформлението на горния колонтитул на началната страница с логото, което вече е актуализирано, без повече информация от мен.
Изтеглете DIVI сега!!!
Заключение
Това е нашият поглед към това как да използвате динамично лого в модула на менюто с пълна ширина на Divi. Динамичното лого се настройва лесно в модула. Използването на динамично лого може да спести много време при смяна на лога на сайт на Divi.
Дори ако използвате само един модул на Fullwidth Menu, динамичното лого опростява процеса. Когато използвате множество модули, динамичните лога имат още по-голямо влияние върху спестяването на време и намаляването на грешките.
Надяваме се, че това ще бъде полезно за следващия ви блог сайт. Ако имате притеснения или предложения, намерете ни раздел коментари за да го обсъдим.
Можете също да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове.
Не се колебайте да се консултирате и с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...