WordPress

Как применять do_shortcode в WordPress

Как применять do_shortcode в WordPress

Вступление

Шорткоды в WordPress дают вам дополнительную функциональность и позволяют встраивать контент в страницы, записи и боковые панели. Много плагинов и тем используют шоркоды и дают возможность пользователям динамически добавлять контент в свой блог. Чтобы лучше показать, как работают шоркоды возьмём в качестве примера шорткод формы контактов Contact Form 7:

[contact-form-7 id="1262" title="hostinger-tutorials.com Contact Form"]

Как видите это очень просто. У нас есть макрос Contact Form 7 в квадратных скобках. Макрос генерируемые плагином Contact From 7. WordPress заменит макрос контентом, который выдаст PHP-функция. Если мы добавим шорткод к записи, странице или боковой панели, WordPress покажет вам форму контактов.

Но что, если вы захотите использовать шорткоды WordPress в файлах темы? В таком случае, можно воспользоваться функцией WordPress do_shortcode.

Давайте углубимся и посмотрим, как использовать функцию WordPress do_shortcode.

Что понадобится

Прежде чем приступить к выполнению руководства, проверьте наличие:

  • Доступ к админской части WordPress

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

Использование функции WordPress do_shortcode

Теперь, когда вы уловили основную идею использования шорткодов в WordPress, давайте посмотрим, как можно используя шорткоды, усовершенствовать функциональность вашего сайта на WordPress.

Например, предположим, что вы хотите вставить плагинWordPress-а Contact Form 7  где-нибудь в заголовочной части(хедере) вашей темы. Но проблема в том, что у вас нет никакого виджета в этой области.

Прежде всего, понадобится взять шорткод плагина, который вы хотите использовать. Как пример, мы будем использовать тот же шорткод Contact Form 7:

  1. Перейдите в Консоль WordPress и нажмите на Contact Form 7 -> Контактные формы.
  2. Справа, рядом с названием формы вы найдёте шорткод для вашей формы:
    [contact-form-7 id="1262" title="hostinger-tutorials.com Contact Form"]

    Пример WordPress шорткод для формы контактов Contact Form 7

  3. Нажмите на шорткод и скопируйте выделившийся код.

Так как в нашей теме нет виджета в заголовке страницы и мы не может просто скопировать и вставить шорткод туда, мы воспользуемся функцией WordPress do_shortcode. Она выглядит так:

<?php echo do_shortcode( '[your shortcode goes here]' ); ?>

Теперь добавим Contact From 7 в наш хедер, для этого нам нужно отредактировать файл header.php. Как уже упоминалось, настоятельно рекомендуем сделать бекап вашего WordPress сайта перед тем, как вносить изменения в основные файлы WordPress и использовать дочернюю тему WordPress.

В следующих шагах показано как редактировать файлы WordPress через Файловый Менеджер Hostinger, однако, можно также воспользоваться FTP клиентом (руководство по этой теме):

  1. Зайдите в Панель Управления Hostinger и нажмите на Файловый Менеджер.
  2. Далее, перейдите в установочный каталог WordPress (обычно это public_html) и перейдите в каталог wp-contents -> themes.
  3. Найдите каталог вашей текущей темы и откройте его.
  4. Так как мы собираемся добавить форму контактов в хедер, открываем файл header.php.
  5. Прокрутите страницу и найдите точное место и div, где именно вы хотите добавить форму. Наш шорткод WordPress с функцией do_shortcode будет выглядеть так:
    <?php echo do_shortcode(“[contact-form-7 id="12" title="hostinger-tutorials.com Contact Form"]”);?>
  6. Сохраните файл и проверьте теперь вид вашего сайта.
    Пример использования функции WordPress do_shortcode в редактирования php файла темы

Примечание: В большинстве случаем, редактирования основных файлов темы ломают шаблон WordPress. Скорее всего нужно будет внести изменения в CSS, чтобы сделать более привлекательный вид для WordPress. Обязательно ознакомьтесь с нашими руководством о том, как проверить стили CSS при помощи браузера (англ.) и download CSS cheatsheet (англ.).

Заключение

Надеемся, теперь стала понятна вся польза шорткодов и их широкие возможности в улучшении привлекательности вашего сайта. Также надеемся, что руководство было изложено понятным языком и теперь ясно, как пользоваться функцией WordPress do_shortcode. Всё же, если у вас остались какие-то вопросы, пишите их в комментариях к статье ниже.

Elena B.

Елена имеет профессиональное техническое образование в области информационных технологий и опыт программирования на разных языках под разные платформы и системы. Более 10 лет посвятила сфере веб, работая с разными CMS, такими как: Drupal, Joomla, Magento и конечно же наиболее популярной в наши дни системой управления контентом – WordPress. Её статьи всегда технически выверены и точны, будь то обзор для WordPress или инструкции по настройке вашего VPS сервера.

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

Нажмите здесь, чтобы оставить комментарий

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Присоединяйтесь к тысячам других подписчиков по всему миру

и получайте самые свежие руководства на вашу электронную почту

Пожалуйста, подождите...

Спасибо за подписку!

Начните экономить сейчас!

Хостинг и доменное имя от

руб.95
00