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