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. Всё же, если у вас остались какие-то вопросы, пишите их в комментариях к статье ниже.

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

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

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

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

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

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

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

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

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

42
00
грн/мес
Share this