![Шорткоды [shortcodes]](https://afirewall.ru/wp-content/uploads/2015/09/shortcodes.png)
Доброго времени суток, дорогой читатель! В этой статье речь пойдет о шорткодах для WordPress, что это такое, где они используются, ну и конечно же примеры шорт кодов.
Содержание страницы
Что такое шорткоды [shortcodes]?
Говоря простыми словами, это короткий PHP код или PHP функция которая как правило выглядит как текст который заключен в квадратные скобки – [shortcodes]. При помощи шорткода можно вывести определенный контент в определенном месте. В WordPress (начиная c версии 2.5) по умолчанию и без каких-либо плагинов можно использовать встроенные шорткоды. Вставляя шорткоды на страницы или записи, Вы можете вывести нужный вам контент. Кроме того существует немало уже готовые плагины для быстрой вставки и использования шорткодов.
Возможности шорткодов практически не ограничены и они конечно же не связаны только с выводом текста. Это так же может быть вывод слайдеров, видео и аудио и прочих элементов.
Как использовать шорткоды?
К примеру есть PHP код который вы часто используете в своих статьях и чтобы каждый раз не писать его в ручную или не копировать/вставлять его в нужное вам место вы можете для экономии вашего времени использовать шорткод. Давайте разберемся на примере: Вам наверняка известно, что публиковать на своем сайте email-адрес не совсем верное решение и что это может привести к тому что ваш адрес попадет в спам базы и вы будете завалены спамом. Для решения этой задачи можно использовать шорт код. И так от слов к делу. Просто добавить этот код в functions.php вашей темы:
function true_email_shortcode( $atts, $content ){
return '<a href="mailto:'.antispambot($content, 1).'">'.antispambot($content).'</a>';
}
add_shortcode( 'email', 'true_email_shortcode' );
и теперь при добавление email-адрес в статьях будет достаточно Просто обернуть мыло в теги следующего вида:
[emаil]email@yourdomain.ru[emаil]
При этом на сайте ваш email-адрес визуально будет выглядеть следующим образом:
[email]email@yourdomain.ru[/email]
а в коде страницы вот так:
Вставка шорткода в файлы темы
Не редко возникает нужда вставить шорткод не в редактор записи, а в тело какого-нибудь файла вашего шаблона WordPress. И в этом случае обычная конструкция с квадратными скобками работать не будет.
Для этого нужно использовать функцию do_shortcode:
<?php echo do_shortcode('[short_code]'); ?>
Где short_code – нужный вам шорткод.
Этой же конструкцией можно пользоваться для вывода шорткода в виджетах WordPress.
ИТОГ:
Шорткод — это такая произвольная, пользовательская функция, которую можно вызывать в записях или статьях на своем блоге, используя короткое имя функци.
Думаю что мы разобрались что такое шорткод и как он работает, далее как я и обещал в начале статьи я приведу примеры полезных шорткодов для WordPress.
Шорткод для размещения рекламных блоков в записях WordPress:
Код для размещения в functions.php вашей темы:
function profit_shortcode1() {
if(is_single()){
$profit_advert = <<<HTML
Сюда вставить код рекламного блока который вы хотите вывести
HTML;
return $profit_advert;
}
}
add_shortcode( 'profit1', 'profit_shortcode1' );
Теги шорткода:
[profit1]
Создание информационного блока при помощи шорткода WordPress.
Если вам нужно создать на сайте небольшой информационный блок чтобы выделить какую нибудь важную информацию и тем самым привлечь к ней внимание пользователей вы можете воспользоваться примером кода опубликованного ниже при этом внешний вид вы можете настроить самостоятельно при помощи CSS стилей
Код для размещения в functions.php вашей темы:
function box_shortcode( $atts, $content = null )
{
extract( shortcode_atts( array(
'color' => 'yellow',
'size' => 'medium',
), $atts ) );
return '
<style type="text/css">
.shortcode_box {
padding: 2px 4px;
border: 1px solid #ccc;
}
.yellow {
background: #ffd149;
color: #666;
}
.blue {
background: #a0c5ef;
color: #333;
}
.gray {
background: #f0f0f0;
color: #333;
}
</style>
<div class="shortcode_box ' . $size . ' ' . $color . '">' . $content . '</div>
';
}
add_shortcode('box', 'box_shortcode');
Теги шорткода:
[box color=yellow]Это блок с важной информацией, которую вам следует прочитать.[/box]
Результат:
На этом пока все. Надеюсь статья была вам полезна. В следующей статье мы поговорим о шорткодах для интернет магазина на WordPress + WooCommerce