Как добавить шорткод в WordPress? (Руководство для начинающих)

/

Шорткоды - это простой способ добавить динамический контент в ваши записи, страницы и боковые панели WordPress.

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

В этой статье мы покажем вам, как легко добавить шорткод в WordPress. Мы также покажем вам, как создавать собственные шорткоды в WordPress.

Добавление шорткода в WordPress

Что такое шорткоды?

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

[myshortcode]

Чтобы лучше понять шорткоды, давайте посмотрим, почему они вообще были добавлены.

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

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

Здесь на помощь приходит Shortcode API.

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

Когда WordPress находит шорткод, он автоматически запускает связанный с ним код.

Давайте посмотрим, как легко добавлять шорткоды в ваши записи и страницы WordPress.

Добавление шорткода в сообщения и страницы WordPress

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

Добавление блока шорткода в WordPress

После добавления блока шорткода вы можете просто ввести свой шорткод в настройках блока. Шорткод будет предоставлен различными плагинами WordPress, которые вы можете использовать, такими как WPForms для контактных форм, OptinMonster для форм электронного маркетинга, кнопка WP Call для вставки кнопки щелчка и т. Д.

Вставить шорткод в редактор блоков

Чтобы узнать больше об использовании блоков, см. Подробности в нашем руководстве по Gutenberg.

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

Добавление шорткода в виджеты боковой панели WordPress

Вы также можете использовать шорткоды в виджетах боковой панели WordPress. Просто перейдите на страницу Внешний вид »Виджеты и добавьте виджет« Текст »на боковую панель.

Теперь вы можете вставить свой шорткод в текстовую область виджета.

Добавление шорткода в виджет боковой панели

Не забудьте нажать кнопку «Сохранить», чтобы сохранить настройки виджета.

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

Добавление шорткода в старый классический редактор WordPress

Если вы все еще используете старый классический редактор в WordPress, то вот как вы можете добавить шорткоды в свои сообщения и страницы WordPress.

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

Классический редактор шорткодов

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

Как добавить шорткод в файлы тем WordPress

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

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

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

<?php
echo do_shortcode("[your_shortcode]");
?>

WordPress теперь будет искать шорткод и отображать его вывод в шаблоне вашей темы.

Как создать свой собственный шорткод в WordPress

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

Если вам удобно писать PHP-код, то вот пример кода, который вы можете использовать в качестве шаблона.

<?php
// function that runs when shortcode is called
function wpb_demo_shortcode() {

    // Things that you want to do.
    $message = 'Hello world!';

    // Output needs to be return
    return $message;
}
// register shortcode
add_shortcode('greeting', 'wpb_demo_shortcode');

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

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

[приветствие]

Он запустит созданную вами функцию и покажет желаемый результат.

Теперь давайте посмотрим на более практическое использование шорткода. В этом примере мы отобразим баннер Google AdSense внутри шорткода.

<?php
// The shortcode function
function wpb_demo_shortcode_2() {

    // Advertisement code pasted inside a variable
    $string .= '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
         style="display:block; text-align:center;"
         data-ad-format="fluid"
         data-ad-layout="in-article"
         data-ad-client="ca-pub-0123456789101112"
         data-ad-slot="9876543210"></ins>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({});
    </script>';

    // Ad code returned
    return $string;

}
// Register shortcode
add_shortcode('my_ad_code', 'wpb_demo_shortcode_2');

Не забудьте заменить рекламный код своим собственным.

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

Шорткоды против блоков Гутенберга

Пользователи часто спрашивают нас о различиях между шорткодом и новыми блоками Гутенберга.

В общем, если вы найдете шорткоды полезными, вам понравятся блоки редактора WordPress. Блоки позволяют делать то же самое, но более удобным для пользователя способом.

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

Мы составили список самых полезных плагинов для блоков Gutenberg для WordPress, которые вы, возможно, захотите попробовать.

Если вы хотите создать свои собственные блоки Гутенберга, вы можете следовать нашему пошаговому руководству о том, как создавать собственные блоки Гутенберга в WordPress.

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

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как запланировать купоны в WooCommerce (и сэкономить время)

Вы когда-нибудь хотели запланировать купоны в своем интернет-магазине? Планирование купонов позволяет легко запускать сезонные или зависящие

Как создать сайт IDX Real Estate с помощью WordPress

Вы хотите создать сайт недвижимости IDX с помощью WordPress? Веб-сайт недвижимости требует определенных функций, которые обычно недоступны на готовых

Как создать список запрещенных слов для заголовков WordPress

Недавно один из наших пользователей спросил нас, как они могут добавить список запрещенных слов в заголовки сообщений WordPress? Если вы ведете блог

Как исправить ошибку WordPress, не отправляющую электронную почту

Один из наиболее часто задаваемых вопросов - это как исправить проблему с отправкой электронной почты WordPress. Многие из наших начинающих пользователей