Способы создания фиксированного + динамического URL с помощью шорткода Elementor или элемента URL

Вопрос или проблема

Я хотел бы знать, как я могу создать URL-адреса, используя ГЛАВНЫЙ URL САЙТА (домашний URL) на нем. Например.

https://safeweb.norton.com/report?url=\[home_url\]

Мне это нужно для того, чтобы, когда я перейду с поддомена (который я использую для разработки) на рабочую среду (это не будет поддомен), если однажды URL изменится, не нужно было обновлять каждую ссылку вручную.

Вот так:

Скриншот, чтобы показать, что я имел в виду

Я пробовал:

https://safeweb.norton.com/report?url={$home_url}
https://safeweb.norton.com/report?url={home_url}
https://safeweb.norton.com/report?url={{home_url}``}
https://safeweb.norton.com/report?url=\[home_url\]
https://safeweb.norton.com/report?url=$home_url

Но ни один из них не сработал. Я пробовал как с КОРОТКИМ КОДОМ на ЭЛЕМЕНТЕ ИЗОБРАЖЕНИЯ (в поле ссылки), так и с прямым вводом URL в это поле ссылки.

Ответ или решение

Создание фиксированных и динамических URL-адресов с использованием шорткодов или элементов URL в Elementor — задача, которая может существенно облегчить процесс миграции ваших сайтов, особенно если вы работаете с поддоменами и планируете переход на основное доменное имя. Разберёмся, как это можно реализовать.

Шаг 1: Понимание основ

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

Шаг 2: Использование home_url()

В WordPress существует функция home_url(), которая возвращает основной URL сайта. Использование этой функции в вашем контенте — это разумное решение, так как она позволяет избежать необходимости вручную изменять URL в случае миграции. Однако прямое использование в интерфейсе Elementor может быть ограничено.

К примеру, стандартный шорткод для home_url выглядит так:

<?php echo home_url(); ?>

Но для использования его в Elementor требуется обернуть в свой собственный шорткод.

Шаг 3: Создание пользовательского шорткода

Если стандартные шорткоды не работают, вы можете создать свой собственный. Для этого добавьте следующий код в файл functions.php вашей темы:

function custom_home_url_shortcode() {
    return home_url();
}
add_shortcode('home_url', 'custom_home_url_shortcode');

Теперь вы можете использовать шорткод [home_url] в любом месте контента, включая элементы Elementor, такие как кнопки и изображения.

Шаг 4: Вставка шорткода в Elementor

Теперь, когда шорткод создан, можно его использовать в Elementor. Заходите в редактор, добавьте элемент "Текст" или "Кнопка" и введите следующий URL:

https://safeweb.norton.com/report?url=[home_url]

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

Шаг 5: Тестирование

После настройки шорткода и вставки его в Elementor убедитесь, что все работает корректно. Откройте ваш сайт и проверьте, что генерируемые ссылки указывают на правильный URL. Это можно сделать, кликнув по ссылке и проверив адрес в адресной строке браузера.

Заключение

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

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

Оцените материал
Добавить комментарий

Капча загружается...