ИТ Блог. Разработка сайтов на CMS Wordpress
(Пока оценок нет)
Загрузка...
Вы когда нибудь хотели добавить специализированный контент для вашего сайта на WordPress пост или страницу, и не знали, как? Может вы хотели встроить виджет Twitter или другой контент из сайтов или API. Как можно добавить тип контента в пост вашего сайта на WordPress? К счастью, WordPress предоставляет то, что называется шорткод для того, чтобы такая задача чрезвычайно проста. Этот учебник научит Вас процессу создания, установки, и использования шорткодов в вашей WordPress. Давайте начнем.
Коротко, короткий номер – это специальный тег, который Вы можете ввести в сообщение, которое заменяется разный контент при непосредственном просмотре поста на сайте. Если вы когда-либо использовали встроенный в WordPress галерею на блоге, то вы уже видели как построен короткий код.
При загрузке страницы блога с шорткодом “gallery”, WordPress заменяет шорткод “gallery” на код, который на самом деле отображает галерею из ваших изображений. P.s. Замените ковычки на квадратные скобки.
Как вы можете видеть из приведенного выше примера, короткий тэг похож на HTML-тег, но заключен в квадратные скобки вместо угловых скобок. Этот код заменяется на некоторый другой код, когда страница загружается в веб-браузер. Крутая вещь заключается в том, что WordPress позволяет создавать свои собственные пользовательские шорткоды для отображения почти ничего! Вы можете использовать его для вывода видео с YouTube, показать ваши последние твиты, или даже настроить его, как вам нравится.
В случае, если не имеет смысла, давайте рассмотрим пример. Допустим, я хочу выводить объявлению Adsense в моем посте. Я мог бы перейти в режим HTML в Вордпресс контент-редактор и скопировать и вставить код Adsense блок в него, но это было бы утомительно и отвлекает потенциально со всеми дополнительными разметки в моем посте. Кроме того, если я хотел изменить рекламный блок, я бы вернуться в каждый пост, чтобы сменить его на новый. Способ попроще и более надежный способ добавить блок Адсенса везде, где я хотел бы использовать Adsense с шорткодом. Короткий код может выглядеть так:
[adsense]
На самом деле глядя на пост на вашем сайте, короткий номер будет заменен на рекламный блок Адсенса. Итак, как же создать этот шорткод в WordPress? Давайте рассмотрим.
К слову, в WordPress позволяет сделать ваши собственные шорткоды довольно таки просто, так что давайте на самом деле идти по реализации шорткода [adsense]. Первое, что нам нужно сделать, это определить функцию, которая выводит фактический код Adsense. Все следующие коды будут идти в functions.php в вашей теме (это также может перейти в автономный файл-плагин). Понятно? Итак, давайте посмотрим на эту функцию.
function get_adsense($atts) {
return '<script type="text/javascript"><!--
google_ad_client = "pub-296324648221577";
/* 468x60, created 10/07/15 */
google_ad_slot = "77323465768";
google_ad_width = 350;
google_ad_height = 115;
//-->
</script>
<script type="text/javascript"
src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
';
}Эта функция довольно проста – она просто возвращает мне Гугл Адсенсе код в виде строки. Все, что возвращает эта функция, мой короткий код будет заменен.
Теперь, когда у нас есть функция, которая возвращает то, что мы хотим через шорткод? Теперь надо подключить этот код к WordPress API-интерфейсу. Еще раз посмотрим на то, как мы делаем это, а затем объяснить, что происходит. Вот подключение шорткода адсенсе.
add_shortcode('adsense', 'get_adsense');Первый передаваемый параметр-имя шорткода, так что в нашем случае, ‘adsense’ рассказывает WordPress, чтоб надо создать шорткод [adsense]. Второй параметр определяет функцию, которая будет вызываться, когда новый шорткод будет встречаются. Опять же, в нашем случае, ‘get_adsense’ рассказывает WordPress, что надо заменить [adsense] на нашу функцию get_adsense.
Не так уж плохо, да? Сейчас это очень простой шорткод, WordPress позволяет сделать гораздо больше ваших шорткодов, включая добавление параметров (может быть, вы хотите выбрать между блоками в Adsense?). Полный API-интерфейс можно увидеть на Кодексе WordPress.
Эта последнее, просто добавьте
[adsense]
шорткод в HTML или визуальный вид в пост или страницу редактора содержимого. Вы создали свой первый шорткод.
