Собственные шорткоды в WordPress: создание, подключение, использование. Шорткоды WordPress: примеры использования

Шорткоды WordPress являются мощной, но до сих пор малоизвестной функцией системы управления сайтом. Чтобы показать рекламу в блоге, достаточно просто напечатать слово adsense. С помощью команды post_count можно мгновенно узнать количество публикаций. Подобных примеров множество. Наборы функций могут существенно упростить работу блогера.

Пример простого шорткода

Начинающему пользователю необходимо научиться создавать и использовать специальные команды, а также уметь применять готовые варианты. Для этого нужно понять, из чего состоят шорткоды WordPress. В качестве примера можно взять строку Какое-то предложение. В этой записи пользователь вызывает опцию, привязанную к шорткоду. Строка состоит из двух параметров.

Первая часть записи является массивом, состоящим из атрибутов id и color. Вместо этих значений в открывающем теге можно указать любые параметры с желаемыми именами. Вторая часть записи является текстом. Для того чтобы обработать его, необходимо перевести всю запись в PHP. Пользователь получит строку следующего содержания: my_shortcode(array("id"=>"1", "color"="white"), "Какое-то предложение").

При желании можно использовать запись без указанного выше закрывающего тега. Строка будет выглядеть так: . В этом случае в функцию передаются только атрибуты, перечисленные в открывающем теге. Указанный вариант записи используется при вызове опции, не нуждающейся в получении других сведений для обработки. Для того чтобы добавить галерею, достаточно указать в атрибутах ID.

Как вставить шорткод в WordPress

Использовать наборы функций очень просто. Блогеру нужно создать новый пост или открыть для редактирования уже имеющуюся запись. Затем необходимо переключить редактор текста на HTML-режим и указать код в . Можно также использовать атрибуты. Запись будет выглядеть так: .

В шорткоды можно встраивать любой контент: текст. В WordPress 2.5 введен набор функций, называемый Shortcode API. После сохранения поста содержание записи обрабатывается. Параллельно Shortcode API преобразует шорткоды для исполнения возложенных на них функций.

Назначение

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

Создание шорткодов

Если пользователь знает, как напечатать простую PHP-функцию, то он с легкостью достигнет поставленной цели. Для создания шорткода нужно найти и открыть один из файлов WordPress functions.php. Затем необходимо вставить строку function hello() {return "Привет, мир!";}. Этим действием будет создана функция, отвечающая за вывод указанного текста. Чтобы трансформировать ее в шорткод, требуется вставить команду add_shortcode()» после опции «hello().

Строка будет выглядеть так: add_shortcode("hw", "hello");. После создания шорткода пользователь может использовать его в заметках и на страницах. Для этого необходимо переключиться в HTML-режим и ввести строку . Этот шорткод является наглядным примером того, насколько просто создавать подобные наборы функций.

Использование плагинов

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

WP Shortcode by MyThemeShop

Совсем недавно это бесплатное расширение распространялось в виде премиум-решения. Сейчас плагин шорткодов WordPress содержит 24 основных элемента: кнопки, географические карты, разделители, таблицы расценок и многое другое. Для начала работы блогеру нужно установить дополнение и открыть текстовый редактор. Чтобы добавить шорткод, необходимо кликнуть по иконке «+». Количество настроек в появляющемся всплывающем окне зависит от выбора пользователя.

Shortcodes Ultimate

Это одно из самых популярных расширений. Дополнение встречается в каждой подборке плагинов для настройки WordPress. Расширение доступно каждому пользователю. При необходимости загружаются платные дополнения к плагину. Блогер может работать с 50 элементами оформления страниц, генератором шорткодов и редактором стилей CSS.

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

Fruitful Shortcodes

Это расширение визуально достаточно простое. Обновление программного продукта выполняется нечасто. Однако дополнение содержит все стандартные шорткоды WordPress.

Блогер может работать с горизонтальными и вертикальными табами, колонками, разделителями и т. д. Добавленные элементы мгновенно отображаются в графическом редакторе. Пользователь может выключить их для постов или веб-страниц с помощью раздела «Настройки».

Shortcoder

Этот плагин также часто встречается в разных подборках. Расширение обновляется очень редко. Пользователь может создавать наборы функций с применением HTML и JavaScript-кодов. Одним из самых простых примеров является размещение рекламного блока в тексте. Для этого нужно создать набор функций adsenseAd.

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

Easy Bootstrap Shortcode

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

Расширение было создано для работы с сеткой веб-ресурса, поэтому в нем есть множество настроек для колонок. Блогер может создавать несколько блоков, а также указывать размеры и отступы. Плагин поддерживает Пользователь также может работать с базовыми шорткодами: табами, списками, кнопками, метками, слайдерами и т. д.

WP Canvas - Shortcodes

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

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

Arconix Shortcodes

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

Simple Shortcodes

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

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

Шорткоды WordPress: настройка

Как вывести ссылку для публикации поста в социальной сети «Твиттер»? Для этого требуется открыть файл functions.php и вставить рядом с другими шорткодами WordPress в PHP строку следующего содержания: function twitt(){return "

Затем необходимо переключиться в HTML-режим. Далее следует ввести слово . Ссылка будет добавлена туда, где пользователь оставил шорткод.

Набор функций "подпишись на RSS"

Одним из самых эффективных способов увеличения числа подписчиков является показ правильно оформленного сообщения. Блогеру не нужно менять весь код темы для WordPress. Пользователь должен решить самостоятельно, где будет выводиться набор функций. Код выглядит так: function subscribeRss() {return "

Добавление Google AdSense

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

Добавление RSS-канала

Чтобы выполнить эту задачу, нужно преобразовать функцию в шорткод. Затем необходимо включить HTML-режим и вставить в поле редактора строку . Первый атрибут указывает на URL RSS-ленты, а второй - на количество заметок для вывода.

Добавление постов из базы данных

Чтобы вызвать перечень статей прямо в редакторе, нужно создать шорткод, переключиться на HTML-режим и вставить строку . Эта команда позволит вывести список пяти постов из категории с ID 2. Стоит обратить внимание на то, что плагины WordPress могут отображать связанные между собой записи. Однако с помощью шорткода блогер легко получит список любого количества публикаций из отдельной категории.

Вызов картинки последней статьи

Чтобы упростить работу с изображениями, можно использовать наборы функций. Для вызова картинки последнего поста нужно создать шорткод. Затем следует включить HTML-режим и вставить в поле для редактирования строку .

Добавление наборов функций в виджеты

Стоит обратить внимание на то, что в боковых колонках сайта ни один шорткод WordPress не работает. Ограничение платформы можно обойти. Для этого необходимо открыть файл темы для WordPress functions.php и вставить строку add_filter(‘widget_text’, ‘do_shortcode’);. Шорткод будет добавлен в виджет.

Shorcode - наиболее привлекательный способ отображения рекламных объявлений на WP. С английского языка слово переводится как «короткий код». — оптимальное решение. Установить рекламный плагин намного проще,. Однако, очень часто возникают сложности с правильным форматированием текста. Страдает не только дизайн, но и продвижение сайта.

Достоинства shorcode:

1) Установка не подразумевает постоянное редактирование php-кода;
2) Простая смена рекламных объявлений и блоков. Поменяли код и получили готовый результат;
3) Никак не влияют на отображение статей.

Отрицательное в shorcode:

1) Работать с шорткод в php wordpress придется вручную. Никаких специальных программ не предусмотрено. Если править нужно 2-3 статьи, то не вопрос. А представьте, если таковых свыше 100. Придется потратить уйму свободного времени;
2) Если Вы хотите поменять расположение, то делать это придется вручную.

Как вставить шорткод в WordPress?

Если Вы и так прекрасно разбираетесь в WordPress, и Вам требуется быстрый ответ, тогда используйте специальный код:

php echo do_shortcode("[ваш_шорткод]");

Не забываем открывать и закрывать php в шорткод wordpress с помощью пунктуации. Используйте разные кавычки в php-коде и shorcode. Проще говоря, если Вами используются одинаковые кавычки в шорткоде и php, то нужно заменить их на одинарные. Обычно это становится причиной нерабочего кода.

Каким образом функционирует шорткод?

Все проще некуда. Предположим, у Вас сайт на основе движка WordPress. На сайте установлен простенький шаблон из числа бесплатных. Вам захотелось установить красивый слайдер, где бы можно было перелистывать собственные фото. Делается всё очень просто. Заходим в раздел «Плагины» (расширения) и скачиваем понравившийся слайдер. Разработчики предлагают большое разнообразие таких. И Вам будет предложено воспользоваться не огромным кодом ниже:

а всего лишь таким коротким:

Разметив на странице WordPress подобный код:

вы получите свой заветный слайдер на сайте WP. Не надо никаких больших кодов с кучей символов. Короткий шорткод способен выводить любые скрипты.

Каким образом вставить тот же самый шорткод в php-код страницы?

Бывает, что владелец сайта хочет добавить шорткод непосредственно в код страницы, а не просто в редактор. Для этих целей создатели плагины указали сразу же и php-код для вставки:

Подобная «функция» может применятся в любом удобном месте php-кода. К примеру, мы хотим с Вами разместить шорткод в файле header.php. Предположим, после body, а то и вовсе в файле sidebar.php. Самое оптимальное место — файл страницы content-page.php. На выходе получится красивый слайдер встроенный непосредственно в сам сайт.

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

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

Создаем собственный php-код для шорткода WordPress

Некоторые разработчики плагинов не хотят предоставлять пользователям готовые php-коды. По всей видимости, они хотят, чтобы мы с Вами читали подобные уроки. Указывая только шорткод. К примеру, как в расширении слайдера ниже:

В данной ситуации нам с Вами придется проявить небольшую фантазию. Для этого нам потребуется переделать шорткод в готовую php-функцию, которая показана в самом начале. С учетом самого шорткода, мы получим следующий php-код:

echo do_shortcode("");

Этот фрагмент кода может использоваться в любом удобном месте шаблона. Спешить не нужно, обязательно хорошо прочитайте про форматирование php-кода.

Всем привет, друзья, давненько у меня на блоге не было практических постов, да и вообще каких-либо постов =) Я никуда не пропал, просто работаю, и именно по работе мне пришлось столкнуться с такой задачей — как вывести шорткод не в сам блок с контентом, а непосредственно в тело шаблона .

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

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

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

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

Как самому создавать шорткоды и выводить их в записях

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

Теперь в редакторе текста wordpress у вас появится доп. кнопочка, кликнув по которой выводится список созданных вами шоткодов. Еще один клик по кнопке Insert Shortcode и данный шоткод будет размещен в записи

Для плагиноненавистников есть и другой способ — можно вручную добавлять шорткоды непосредственно в functions.php и затем выводить их точно так же в квадратных скобках с заданными именами, но как по мне этот вариант сильно проигрывает плагину по времени и удобству — нужно будет самому прописывать функцию, атрибуты и ее вывод а затем еще и имена шорткодов вручную писать в статье, да не забыть и не ошибиться бы. Так что даже рассматривать его не буду, просто знайте что такой вариант есть и спите спокойно)

Могу посоветовать еще один полезный плагин для работы с шорткодами, который уже содержит в себе готовые к работе шорткоды — Shortcodes Ultimate

Точно так же, при редактировании записей на панели появляется кнопка «Вставить шорткод», кликнув по которой глаза разбегаются от возможностей

Наиболее интересные для меня — вставка колонок, аккордеонов, спойлеров, кнопок, всевозможные выделения текста и т.д.

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

Таким образом можно обыкновенный бесплатный шаблон быстро превратить в премиум, по крайней мере в плане дизайна =)

Надеюсь данная статья была вам полезна, удачи.

Здравствуйте, уважаемые читатели! Рад приветствовать вас на моем сайте. В этой небольшой статье расскажу вам о том, как вставить шорткод в абсолютно любое место вашей темы. Написать об этом я решил потому, что буквально пару дней назад столкнулся с подобной задачей. Не буду долго и муторно рассказывать все тонкости проблемы, скажу лишь, что мне нужно было вставить шорткод контактной формы в модальное окно в файле темы, которое (модальное окно) при клике открывалось. Вот и нужно было выводить shotcode непосредственно в файле шаблона wordpress.

Я думаю все знаю, что в основном шорткоды вставляют непосредственно в тело записи или статьи. К примеру, раз я уже упомянул контактную форму, то если нам нужно вставить такую форму себе на страницу, то все что нужно сделать, это установить плагин Contact Form 7 , сформировать форму, получить шорткод созданной формы, и вставить этот шопткод непосредственно в тело страницы. Как кстати, это сделано у меня на блоге:

В данном случаи плагин Contact Form 7 предоставил нам shrtcode который мы вставляем в тело записи, на место которого выводится php код, заранее описанный в функционале плагина. По такому принципу выводится информация из большого множится плагинов, думаю, вы это хорошо знаете.

Но дела обстоят по другому если нам нужно вывести шорткод непосредственно в шаблоне темы. В этом случаи простой вставкой shortcode в файл темы не ограничишься, в противном же случаи на сайте будет показываться шорткод в виде обычного текста. Как же решить данную проблему?

На самом деле все очень просто, все делается с использованием специальной функции вордресс под названием do_shortcode() , которая принимает одни единственный параметр - шорткод, вот так это выглядит:

Данная функция возвращает результат выполнения shortcode.

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

Обратите внимания, что я использовал php вывод echo, это нужно, потому что, как я уже сказал выше, функция do_shortcode() возвращает выполнение шорткода, то есть она его не выводит на экран, это нам нужно делать самому, для чего мы собственно и пользуемся php оператором echo.

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