Шорткоды [shortcodes]

shortcodes

Доброго времени суток, дорогой читатель! В этой статье речь пойдет о шорткодах для 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@yourdomain.ru

а в коде страницы вот так:

11_12_00

Вставка шорткода в файлы темы

Не редко возникает нужда вставить шорткод не в редактор записи, а в тело какого-нибудь файла вашего шаблона 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]

Результат:
33

 

На этом пока все. Надеюсь статья была вам полезна. В следующей статье мы поговорим о шорткодах для интернет магазина на WordPress + WooCommerce






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

Ваш e-mail не будет опубликован. Обязательные поля помечены *