Как добавить ссылки на конфиденциальность и условия в нижний колонтитул Divi

Политика конфиденциальности и положения и условия — это две важные страницы, доступ к которым должен быть легким. Нижний колонтитул, пожалуй, самое популярное место для добавления ссылок на эти страницы. Эти ссылки легко добавить в нижний колонтитул с помощью Divi. В этой статье мы рассмотрим два метода добавления ссылок конфиденциальности и условий нижнего колонтитула Divi на ваш веб-сайт.

Предварительный просмотр нашей Политики конфиденциальности и условий Divi Footer

Мы собираемся добавить ссылки на конфиденциальность и условия нижнего колонтитула Divi с помощью меню и виджетов. Это даст нам горизонтальную компоновку и вертикальную компоновку. Вот предварительный просмотр того, как они будут выглядеть.

Способ 1 Рабочий стол

Вот настольная версия нижнего колонтитула. Наши ссылки добавляются в правую часть с помощью модуля Divi Menu.

Способ 1 Мобильный

Вот как это будет выглядеть на телефоне. Он включает меню гамбургеров.

Метод 2 Рабочий стол

Вот нижний колонтитул рабочего стола, который мы настроим с помощью нашего второго метода. Мы добавим ссылки с помощью виджета.

Способ 2 Мобильный

Вот как это будет выглядеть на телефоне.

Создайте меню конфиденциальности и условий нижнего колонтитула Divi

Во-первых, мы создадим меню конфиденциальности и условий нижнего колонтитула Divi. В этом меню будут использоваться страницы Политики конфиденциальности и Положений и условий, которые вы уже создали. Оба метода будут использовать это меню. Перейдите в « Внешний вид » > « Меню » на панели управления WordPress. Щелкните Создать новое меню .

Дайте меню имя, которое имеет смысл для вас. Я использую Конфиденциальность и Условия. Оставьте настройки меню по умолчанию. Нам не нужно будет использовать эти настройки. Щелкните Создать меню .

В разделе «Страницы» выберите страницы «Политика конфиденциальности» и «Положения и условия» и нажмите « Добавить в меню » . Расположите их в нужном порядке и нажмите « Сохранить меню» . Теперь мы можем использовать это меню в нижнем колонтитуле Divi.

Шаблон нижнего колонтитула Divi

Затем мы загрузим бесплатный шаблон нижнего колонтитула Divi в конструктор тем Divi. Оба метода будут использовать этот шаблон. Я использую нижний колонтитул из бесплатного набора макетов верхнего и нижнего колонтитула Divi Blogger. Чтобы найти бесплатные макеты нижнего колонтитула, выполните поиск «бесплатный нижний колонтитул» в блоге Divi. Загрузите шаблон на свой компьютер и разархивируйте его.

Чтобы загрузить шаблон, перейдите в Divi > Theme Builder на панели управления WordPress. Выберите значок « Переносимость » в правом верхнем углу конструктора. Это открывает модальное окно. Выберите «Импорт » и нажмите «Выбрать файл» . Перейдите к файлу JSON на своем компьютере и выберите его. Нажмите « Импортировать шаблоны Divi Theme Builder» и дождитесь завершения импорта. Сохраните изменения и перейдите на любую страницу интерфейса. Мы закончим нашу работу с новыми функциями полнофункционального редактирования сайта Divi.

Метод 1: модуль меню Divi

Мы добавим ссылки справа для первого метода, где находится адрес электронной почты. Активируйте Divi Visual Builder, прокрутите до области нижнего колонтитула и выберите « Редактировать шаблон нижнего колонтитула ».

Наведите указатель мыши на строку, чтобы открыть ее настройки, и выберите структуру столбцов. Выберите три столбца. Это перемещает ссылку электронной почты в центр, где мы хотим.

В правом столбце выберите темно-серый значок плюса, чтобы открыть модальный модуль. Найдите меню и щелкните модуль меню, чтобы добавить его в столбец.

Откроются настройки. Щелкните раскрывающееся меню «Меню» в разделе «Контент» и выберите меню «Конфиденциальность и условия».

Прокрутите вниз до раздела « Фон ». Наведите курсор на фон и удалите его.

• Фон: удалить

Нажмите на вкладку « Дизайн ». Измените цвет активной ссылки на #e2c29d. Это цвет из макета. Он также будет работать с более темным цветом, если вы предпочитаете.

• Цвет активной ссылки: #e2c29d

Прокрутите вниз до Цвет текста меню и выберите Черный.

• Цвет текста меню: #000000

Прокрутите до «Выравнивание текста » и выберите «По центру».

• Выравнивание текста: по центру

Выберите представление « Телефон » в меню Divi. Прокрутите до раздела « Выпадающее меню» и установите цвет линии и активной ссылки на #e2c29d.

• Цвет строки выпадающего меню: #e2c29d
• Цвет активной ссылки выпадающего меню: #e2c29d

Перейдите к цвету значка меню гамбургера и установите для него значение #e2c29d.

• Цвет значка меню гамбургера: #e2c29d

Способ 2: Модуль боковой панели Divi

Модуль боковой панели Divi позволяет размещать ссылки вертикально. Для этого нам нужно создать виджет меню. Перейдите в раздел « Внешний вид » > « Виджеты » в меню панели инструментов. Выберите область боковой панели, которую вы не используете. Я выбрал область нижнего колонтитула №1. При необходимости вы можете создать новую область боковой панели. Используйте инструмент боковой панели внизу страницы.

Выберите значок «Плюс » и найдите «меню». Нажмите « Меню навигации» , чтобы добавить его в область нижнего колонтитула.

Оставьте заголовок пустым. Нажмите «Выбрать меню» и выберите меню «Конфиденциальность и условия». Нажмите « Обновить » и перейдите к интерфейсу вашего сайта.

• Название: оставить пустым
• Выберите Меню: Конфиденциальность и Условия

Мы добавим виджет справа для второго метода, где находится адрес электронной почты. Активируйте Divi Visual Builder, прокрутите до нижнего колонтитула и выберите « Редактировать шаблон нижнего колонтитула ».

Перетащите текстовый модуль электронной почты над уведомлением об авторских правах слева.

Откройте нижний текстовый модуль. Перейдите на вкладку « Дизайн » и прокрутите вниз до « Интервалы ». Добавьте верхнее поле -22px. Вы также можете взяться за верхнюю часть модуля и тянуть вверх, пока не достигнете -22px.

• Верхнее поле: -22px

Нажмите на серый значок «Плюс » в правом столбце, чтобы добавить модуль Divi. Найдите боковую панель и выберите ее из списка.

Откроются настройки. В раскрывающемся списке « Область виджета» выберите область нижнего колонтитула , содержащую ваш виджет.

Прокрутите до настроек основного текста . Выберите «Выравнивание по центру» для параметра « Выравнивание основного текста» и выберите черный цвет для параметра « Цвет основного текста» .

• Выравнивание основного текста: по центру
• Цвет основного текста: черный

Откройте настройки столбца для строки и выберите 3 столбца. Переместите модуль боковой панели в столбец справа.

• Макет: 3 колонки

Результаты для нашего нижнего колонтитула Конфиденциальность и условия

Вот результаты нашей конфиденциальности и условий нижнего колонтитула Divi с использованием обоих методов.

Способ 1 Рабочий стол

Вот как выглядит настольная версия с нашими ссылками справа.

Способ 1 Мобильный

Вот телефонная версия со стилизованным гамбургер-меню. Я открыл меню, чтобы показать ссылки.

Метод 2 Рабочий стол

Вот рабочий стол с нашими ссылками справа.

Способ 2 Мобильный

Вот телефонная версия со ссылками внизу.

Заканчивая мысли о конфиденциальности и условиях нижнего колонтитула Divi

Это наш взгляд на то, как создавать ссылки на конфиденциальность и условия нижнего колонтитула Divi с использованием модулей Divi. Эти два метода дают вам разные варианты макета, и оба они просты в создании с помощью конструктора тем Divi. Их легко добавлять и настраивать, что делает вашу политику конфиденциальности и страницы условий и положений легкодоступными для ваших читателей.

Ждем вашего ответа. Вы добавили ссылки на конфиденциальность и условия Divi в нижний колонтитул на свой веб-сайт? Сообщите нам о своем опыте в комментариях.