Как вставлять шорткоды в wordpress

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

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

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

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

[мой шорткод]

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

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

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

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

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

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

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

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

Во-первых, вам нужно отредактировать сообщение и страницу, на которую вы хотите добавить шорткод.

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

После добавления блока шорткода вы можете просто ввести свой шорткод в настройках блока.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1	<?php echodo_shortcode("[your_shortcode]"); ?>

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

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

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

Если вам удобно писать 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 внутри шорткода.

// 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. Пользуйтесь.

Was this helpful?

YesNo

0 / 0