Как добавить динамические URL-адреса в ваши призывы к действию с помощью Divi и ACF

При создании структуры вашего веб-сайта высоки шансы, что вы захотите включить одни и те же призывы к действию на нескольких страницах, сообщениях и проектах. Конечно, вы можете держать URL-адреса рядом и копировать и вставлять их по ходу, но это не обязательно самый простой способ. Прежде чем вы начнете создавать свои страницы, сообщения и проекты, вы можете настроить список всех URL-адресов, которые могут вам понадобиться, установить для них значение по умолчанию и использовать значения по умолчанию для новых создаваемых вами элементов.

Если по какой-либо причине URL-адреса на определенной странице, публикации или проекте различаются, вы можете изменить это в самом элементе, не применяя его ко всему значению поля по умолчанию. Значения по умолчанию, прикрепленные к URL-адресам, помогут вам начать создавать новую страницу, публикацию или проект. В этом уроке мы шаг за шагом покажем вам, как этого добиться!

Давайте приступим к делу!

Обзор учебного пособия

• Этот подход лучше всего работает, если вы добавляете группу настраиваемых полей на новый веб-сайт прямо перед тем, как начать добавлять страницы, сообщения и проекты.
• Установите плагин Advanced Custom Fields на свой сайт WordPress.
• Внутри плагина вы сможете настроить группу полей, которая будет отображаться на всех ваших страницах, публикациях и проектах.
• Создайте отдельное поле URL-адреса для всех возможных URL-адресов, которые могут вам понадобиться на вашем веб-сайте.
• Назначьте значение по умолчанию для каждого поля; это значение по умолчанию будет автоматически отображаться на каждой новой странице, публикации или проекте.
• На существующих страницах, публикациях и проектах значения будут отображаться только после того, как вы войдете в бэкэнд и сохраните URL-адреса по умолчанию.
• Используйте поля URL во всем дизайне Divi в качестве содержимого динамической ссылки (страница, сообщение, проект, шаблон)
• Если вы измените URL-адрес по умолчанию в настройках поля, старый URL-адрес по умолчанию будет по-прежнему применяться на страницах, публикациях и проектах, унаследовавших предыдущее значение по умолчанию.

1. Установите и активируйте плагин ACF.

Первое, что вам нужно сделать, это установить плагин Advanced Custom Fields на свой веб-сайт. Вы можете скачать плагин здесь или просто найти его в своей панели управления WordPress. После установки плагина обязательно активируйте и его, чтобы сразу приступить к работе.

2. Создайте группу полей для всех сообщений, страниц и проектов.

Теперь, когда плагин ACF установлен, самое время создать группу полей URL. Эта группа будет содержать все призывы к действию, которые вы будете многократно использовать на своих страницах, в публикациях и в проектах. Перейдите в панель управления WordPress> Пользовательские поля> Добавить новое .

Дайте группе название и продолжайте настройку правил. Мы следим за тем, чтобы группа полей отображалась для каждого типа публикации на нашем веб-сайте. Однако если вы хотите, чтобы ссылки отображались только в одном конкретном типе сообщений, вы можете настроить правила в соответствии со своими потребностями.

Показать эту группу полей, если:

• Тип сообщения - равно - Сообщение или
• Тип сообщения - равно - Страница или
• Тип сообщения равен - Проект

3. Добавьте разные поля URL со значением по умолчанию.

Мы продолжим, добавив различные поля URL. Как упоминалось ранее, вам понадобится отдельное поле URL-адреса для каждого URL-адреса, который вы используете несколько раз в своих типах сообщений. Чтобы проиллюстрировать, как это работает, мы собираемся добавить три разных поля URL. Одно из полей будет перенаправлять посетителей на целевую страницу галереи Divi, второе будет вести посетителей на страницу контактов, а оставшееся будет перенаправлять пользователей в зону для участников.

Итак, допустим, мы начинаем с CTA, который перенаправляет людей на целевую страницу галереи Divi. Мы добавим для него новое поле и дадим ему узнаваемое имя поля. Таким образом, как только мы окажемся внутри конструктора Divi, не возникнет путаницы при выборе правильного URL-адреса.

Мы продолжим прокрутку настроек полей вниз и выберем «URL» в качестве типа поля.

Следующее и последнее, что вам нужно сделать, это добавить в поле значение по умолчанию. Здесь вы разместите URL-адрес, на который ваш CTA будет перенаправлять. Как только вы добавите это значение по умолчанию, оно будет автоматически применяться к каждой новой странице, публикации и проекту, которые вы добавляете.

Повторите описанные выше шаги для каждого поля с призывом к действию, которое вам нужно на вашем веб-сайте. В данном конкретном примере это означает, что мы создаем два дополнительных поля; один раз для страницы контактов и один для личного кабинета.

После добавления всех полей URL убедитесь, что вы сохранили все изменения, внесенные в группу полей.

4. Ссылка кнопки ссылки на динамические URL-адреса

Теперь, когда вы входите в сообщение, страницу или проект, вы увидите группу полей URL внизу. Если по какой-либо причине вы хотите использовать другой URL-адрес на этой конкретной странице, публикации или проекте, вы можете добавить еще один URL-адрес в это поле. Добавленный URL-адрес будет применяться только к той конкретной странице, публикации или проекту, над которым вы работаете. В ядре группы полей URL-адрес по умолчанию по-прежнему будет таким же, как и тот, который вы добавили при создании поля.

Если вы используете URL-адреса по умолчанию, переключитесь на Visual Builder, чтобы начать связывать кнопки в вашем дизайне с правильным URL-адресом.

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

После того, как вы нажмете на динамический значок, вы найдете список динамического содержимого на выбор. В этом списке вы также увидите различные поля URL. Выберите правильное поле URL-адреса, на которое вы хотите создать ссылку.

Повторите шаги для каждой кнопки на вашей странице. Если URL-адреса на странице, публикации или проекте по какой-либо причине изменяются, вы можете вернуться на эту конкретную страницу, публикацию или проект и изменить динамическое содержимое URL-адреса в серверной части.

Тот же подход применим и для добавления динамических URL-адресов в ваши шаблоны. Если вы хотите добавить динамический URL-адрес к кнопке в шаблоне сообщения в блоге, например, вы можете перейти в конструктор тем своего веб-сайта и открыть редактор шаблона тела сообщения.

Продолжите, открыв настройки модуля кнопок, перейдите к настройкам ссылки и щелкните значок динамического содержимого.

Опять же, появится раскрывающееся меню, где вы можете выбрать динамический контент URL, соответствующий CTA.

Убедитесь, что вы изменили все изменения в построителе тем и после добавления динамических URL-адресов!

Последние мысли

В этом посте мы показали вам, как создавать динамические URL-адреса и делать их доступными на каждой странице, публикации или проекте на вашем веб-сайте. Мы использовали динамический контент Divi в сочетании с плагином ACF. Мы смогли установить значение по умолчанию и применить это значение URL к нашим призывам к действию. Это руководство направлено на то, чтобы вы максимально эффективно создавали веб-сайты с помощью Divi! Если у вас есть какие-либо вопросы или предложения, не стесняйтесь оставлять комментарии в разделе комментариев ниже.

Если вы хотите узнать больше о Divi и получить больше бесплатных подарков Divi, убедитесь, что вы подписались на нашу рассылку новостей по электронной почте и канал YouTube, чтобы вы всегда были одним из первых, кто узнает и извлекает выгоду из этого бесплатного контента.