WordPress создание shortcode

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

Что такое шорткоды(shortcode)?

Шорткод – это код, заключенный в квадратные скобки.
Наверняка при создании своего блога на WordPress вам встречался шорткод {gallery}, предназначенный для создания галерей.
Чаще всего шорткодам дают названия, указывающие на его предназначение, для этого подбирают емкое слово.

Например:

[plain][шорткод][/plain]

Использование шорткода

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

Создание простого шорткода

[spoiler name=”ВидеоДля открытия – нажмите“]

[/spoiler]

Создадим шорткод всем известного сообщения “Привет, мир”

1. Открываем файл темы functions.php или создаем новый.
2. Вставляем в файл functions.php следующий код:

[crayon lang=”php”]function название функции() {
return ‘Привет, мир!’;
}[/crayon]

3. Мы получили функцию, которую должны превратить в шорткод.
   Вставим функцию [plain]add_shortcode()[/plain] после нашей функции. Сохраним изменения.

[crayon lang=”php”]add_shortcode(‘шорткод’, ‘название функции’);[/crayon]

Первый параметр – имя шорткода, а второй – имя функции.

4. Вся работа по созданию шорткода закончена, теперь можно использовать его по назначению в статьях и на страницах нашего блога. Для этого переключаемся в режим HTML и вводим

[crayon lang=”php”][шорткод][/crayon]

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

ПРИМЕРЫ ШОРТКОДОВ

[spoiler name=”Шорткод "Отправить в твиттер"Для открытия – нажмите“]

Что бы вывести ссылку для отправки вашего поста в твиттер для этого в файл functions.php вставляем код:

[crayon lang=”php”]function twitt() {
return ‘

‘;
}
add_shortcode(‘subscribe’, ‘subscribeRss’);[/crayon]

Меняем ссылку из примера на свою собственную.

Мы можем также привести это сообщение к единому уникальному дизайну сайта с использованием CSS стилей, применимых к сообщению. Делается это очень просто вставляем его в файл style.css темы:

[crayon lang=”css”].rss-box{
background:#F2F8F2;
border:2px #D5E9D5 solid;
font-weight:bold;
padding:10px;
}[/crayon]

[/spoiler]

[spoiler name=”Шорткод "Реклама"Для открытия – нажмите“]

Вставляем рекламный код в любое место на сайте. Рассмотрим на примере Google AdSense, его код легко встроить в файл sidebar.php нашей темы. Но доказано, что реклама более эффективна при ее встраивании в контент. Для этого создаем шорткод:

1. Открываем файл functions.php темы и вставляем следующее.

[crayon lang=”php”]function showads() {
return ‘

‘;
}

add_shortcode(‘adsense’, ‘showads’);[/crayon]

Не забудьте заменить код JavaScript своим кодом AdSense!

2. Сохраняем изменения в functions.php, теперь следующий шорткод [plain][adsense][/plain] можно использовать в произвольном месте на страницах блога или в постах. При желании можно придать ему стиль, соответствующий общему дизайну сайта в файле style.css
[/spoiler]

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