Хотели бы вы использовать динамический логотип в своем модуле меню Divi Fullwidth?
Смена логотипов на веб-сайте может быть трудоемким процессом. Это особенно актуально, если веб-сайт использует разные заголовки для разных шаблонов.
Если вы используете изображение для каждого из этих заголовков, вам придётся получать доступ к каждому из них и редактировать его вручную.
К счастью, Divi может динамически отображать логотип вашего сайта, экономя ваше время!
В этой статье мы увидим, как использовать динамический логотип в модуле полноширинного меню Divi.
Давайте начнем!
Как использовать динамический логотип в полноэкранном модуле меню
Для начала откройте модуль «Полноширинное меню», для которого вы хотите использовать динамический логотип. Я настраиваю шаблон заголовка в конструкторе тем Divi.
Смотрите также: Divi: как использовать опцию «Повторение градиента» для создания пользовательских фоновых рисунков
В этом примере мы предполагаем, что вы уже настроили модуль полноэкранного меню с выбранным логотипом.
Откройте конструктор тем Divi.
Чтобы использовать динамический логотип, перейдите на Divi > Theme Builder в панели управления WordPress.
- Divi
- Theme Builder
Выберите значок Чтобы отредактировать нужный заголовок, дождитесь открытия редактора.
- Редактировать
Изменить логотип на динамический контент
Затем откройте настройки Чтобы открыть модуль «Меню во всю ширину», выберите значок шестеренки.
- Настройки модуля
Во вкладке Контентпрокрутите вниз до раздела под названием ЛоготипНаведите курсор на изображение логотипа и нажмите на него. значок корзины При желании вы также можете нажать на круглую иконку сброса.
- Удалить
Затем наведите курсор мыши на область изображения, чтобы отобразить его. Значок динамического контента Нажмите на значок, чтобы открыть варианты динамического контента.
- Динамический контент
Откроется модальное окно с множеством вариантов на выбор. Выберите Логотип сайта в верхнем отделе.
- Логотип сайта
Новый логотип появится в меню заголовка, указанном в параметрах темы Divi.
Под логотипом в настройках выбора логотипа вы увидите сообщение "Лого сайта". Это указывает на то, что модуль теперь отображает динамический логотип. Нажмите зеленую кнопку, чтобы закрыть модуль.
Затем сохраните макет, нажав зеленую кнопку Регистрация в правом нижнем углу и нажав на кнопку X Нажмите в правом верхнем углу, чтобы закрыть редактор.
- Сохранено
- Закрыто
Наконец, нажмите Сохранить изменения в верхнем левом углу экрана конструктора тем.
- Сохранить изменения
Читайте также: Divi: Как изменить стиль нескольких элементов при наведении или после клика
Выполните этот набор шагов для каждого модуля полноэкранного меню, где вы хотите использовать динамический логотип. Мы рекомендуем делать это при копировании или создании заголовков.
Теперь давайте посмотрим, как изменить логотип Divi, чтобы он менялся в модуле «Полноширинное меню».
Как изменить логотип в Divi
Далее рассмотрим, как указать Divi, какой логотип использовать. Чтобы изменить логотип, выполните следующие действия. Логотип меняется динамически, поэтому пользователям Divi никогда не нужно открывать модуль «Полноширинное меню», чтобы его изменить.
Логотип Divi "До"
Чтобы лучше понять происходящее, давайте посмотрим на логотип на главной странице сайта до и после изменений. Для начала, вот предварительный просмотр текущего логотипа на моем тестовом сайте. Он настроен в параметрах темы Divi.
Изменить логотип Диви
Чтобы изменить логотип Divi, перейдите на Divi > Варианты темы В панели управления WordPress. На первой вкладке, «Общие», есть поле «Логотип». Оно включает поле с URL-адресом логотипа, кнопку для сброса логотипа по умолчанию и кнопку для загрузки логотипа в медиатеку.
- Divi
- Тема параметры
- Общие (1-я линия)
- Общий (2-я линия
- Загрузите
Откроется папка мультимедиа, где вы можете выбрать изображение из медиатеки или загрузить новое изображение.
- Выберите изображение
- Установить как логотип
Cliquez-сюр- Сохранить изменения В верхнем левом углу экрана над параметрами темы Divi. Теперь каждый шаблон, включая модуль «Полноширинное меню» с динамической настройкой логотипа, автоматически обновил логотип, чтобы отобразить ваш новый логотип.
- Сохранить изменения
Логотип Divi "After"
На лицевой стороне моего сайта теперь отображается новый логотип, хотя я не открывал конструктор тем и не вносил там никаких изменений. Это изменение автоматически отразилось во всех модулях полноэкранного меню, использующих динамический логотип.
В качестве еще одного примера, когда мы откроем один из шаблонов в конструкторе тем, мы увидим новый логотип. В этом примере показан макет заголовка главной страницы с уже обновленным логотипом, без каких-либо дополнительных действий с моей стороны.
Скачайте DIVI прямо сейчас!!!
Заключение
Это наш вариант использования динамического логотипа в модуле «Полноширинное меню» модуля Divi. Динамические логотипы легко реализовать в модуле. Использование динамического логотипа может значительно сэкономить время при его изменении на сайте Divi.
Даже если вы используете всего один модуль «Полноэкранное меню», динамический логотип упрощает процесс. При использовании нескольких модулей динамические логотипы оказывают еще большее влияние на экономию времени и снижение количества ошибок.
Надеюсь, это будет полезно для вашего следующего блога. Если у вас есть какие-либо вопросы или предложения, найдите нас в раздел комментариев обсудить это.
Вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для выполнения ваших проектов создания интернет-сайтов.
Не стесняйтесь также обращаться к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...