Что такое шорткоды Wordpress и как их использовать?

Приветствую каждого читающего данные строки! Надеюсь, что сегодняшняя статья будет интересна каждому моему читателю, а не только узкому кругу людей – ну я по крайней мере, постараюсь сделать все, чтобы именно так и было :) . В сегодняшней статье я решил рассказать о шорткодах WordPress. Не пугайтесь, шорткоды это не звери, шорткоды это друзья. Часто перед блоггером или вебмастером, возникает необходимость как встроить тот или иной функционал на страницу блога или в пост, или в виджет или еще куда-либо. К примеру вы часто используете какую либо фразу, и хотите чтобы ее можно было использовать где угодно, при этом не писать ее по 20 и 30 раз, допустим что фраза такая  “С уважением Вова Пупкин!”. А теперь представьте, что чтобы использовать данную фразу с заранее заданным форматированием текста фразы, вам достаточно вставить в нужное место строку:


[sv]

И все! При этом вы можете использовать данный шорткод как в php-коде своего шаблона или плагина, так и при написании статьи или в виджете wordpress. При этом, единственное, что вам необходимо сделать, это написать шорткод – [sv]. В общем, как вы наверное понимаете шоткоды – это очень удобно! Шорткоды, это своеобразная “палочка-выручалочка”, как для вебмастера, так и для блоггера, далекого от программирования.

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

  • Выводить результаты работы, того или иного плагина wordpress.
  • Скрывать часть текста статьи.
  • Ограничивать доступ к контента.
  • Выводить музыку и видео внутри поста.
  • Применять форматирование для выделенного текста статьи.
  • и т.д.

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

Что такое шорткоды WordPress?

Начну издалека, чтобы как можно большему числу моих читателей, была понятна данная статья – ни хочу никого ущемлять ;) . В программировании используются функции, каждая из которых выполняет определенную последовательность команд языка программирования. Каждая функция выполняет ту или задачу. После того как алгоритм функции разработан, т.е. функция готова к применению, функцию можно использовать – но использовать зачастую можно только среди аналогичных скриптов определенного языка программирования, если брать CMS WordPress, то это язык программирования PHP. В итоге использовать функции PHP не всегда удобно, например вы хотите вывести результаты работы функции в тексте определенной статьи – можно воспользоваться плагинами, или редактировать файл темы, или обращаться к ядру WordPress – в общем, чтобы вывести результаты работы приходиться “изощрятся” :) Вот, чтобы сэкономить время разработчиков сайта и упростить процесс использования плагинов wordpress, а также обычных php функций темы были придуманы и разработы шорткоды wordpress. Шорткоды wordpress – это универсальный способ управления функциями и плагинами wordpress.

Ну, вот как то так. :) Надеюсь у меня получилось объяснить понятным языком, что такое шорткоды. Двигаемся дальше, создадим шорткод сами.

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

Для увеличение наглядности предлагаю создать шорткод, который будет выводит надпись: “С уважением Вова Пупкин!”, в месте использования шорткода. Код шорткода будет размещен в файле functions.php темы WordPress.

1. Открываем файл functions.php используемой вами темы WordPress.

2. Создаем функцию php которая будет выполнять задуманное


function spasibo() {

$text="

С уважением Вова Пупкин!

";

return $text;
}

Текст функции очень прост, и я не буду подробно его разбирать – изучайте PHP и CSS друзья ;)

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


[spasibocode]

Ну, и  чуть ниже кода самой php функции, в файле functions.php, добавляем код устанавливающий связь шорткода с конкретной функцией:


add_shortcode('spasibocode', 'spasibo');

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

4. Сохраняем файл functions.php.

После того, как все готово, достаточно в нужном месте поста, страницы или виджета, вставить наш шорткод


[spasibocode]

и мы увидим результат работы нашей функции – текст “С уважением Вова Пупкин!”.

Как создать шорткод WordPress c атрибутами?

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


[spasibocode text="Дополнительный текст"]

Ну, а теперь более подробно как сделать задуманное, открываем файл functions.php и модернизируем нашу функцию spasibo:


function spasibo($atts) {
extract(shortcode_atts(array("text")
), $atts);
$maintext="

С уважением Вова Пупкин!".$text."

";

return $maintext;
}

В итоге, если мы воспользуемся нашим шорткодом:


[spasibocode text="Дополнительный текст"]

Мы получим следующий результат: “С уважением Вова Пупкин! Дополнительный текст

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

Новость №1.

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

Статьи какой тематики вы бы хотели увидеть на сайте?

  • Верстка страниц(html,css). (100%, 1 Votes)

  • Обзор плагинов wordpress. (0%, 0 Votes)

  • Обзор скриптов(javascript,jquery,php). (0%, 0 Votes)

  • Wordpress для разработчика. (0%, 0 Votes)

  • SEO и раскрутка сайта (0%, 0 Votes)

  • Заработок в Интернете (0%, 0 Votes)

  • Обзор софта и интернет-сервисов. (0%, 0 Votes)

Всего проголосовало: 1

Loading ... Loading ...

Удобно ли вам пользоваться основным меню сайта?

  • да, очень удобное меню (50%, 1 Votes)

  • нет, абсолютно неудобное меню (50%, 1 Votes)

  • да, но не всегда могу найти нужную информацию (0%, 0 Votes)

Всего проголосовало: 2

Loading ... Loading ...

Нужно ли, менять дизайн сайта?

  • Нет, дизайн сайта хорош, но некоторые элементы нужно изменить (50%, 1 Votes)

  • Да, дизайн нужно менять. Мне не нравиться дизайн сайта (50%, 1 Votes)

  • Нет, очень красивый дизайн, ничего не нужно менять (0%, 0 Votes)

Всего проголосовало: 2

Loading ... Loading ...

Новость №2.

У моей любимой девушки, 1 октября день рождение, в связи с чем, я решил подарить ей хороший и дорогой телефон, поэтому решил провести неделю скидок на мои ресселинг продукты – таким образом накопить необходимую сумму и каждому кто купит любой из реселлинг комплектов, представленных в каталоге инфопродуктов, в подарок получит 2-а бонусных инфопродукта, абсолютно бесплатно, которые потом будут продаваться в отдельности.

Подарки за покупку реселлинг комплекта

Подарки за покупку реселлинг комплекта

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

Аутсорсинг для интернет-бизнесменов, будущая цена книги – 470 руб.

ТОП 300 цитат, которые помогут в любой ситуации, будущая цена книги – 340 руб.

Кстати, количество подарков ограниченно и равно 30 копиям.

Что в итоге получает покупатель любого реселлинг комплекта:

Реселлинг комплект(41 прибыльный совет по email-маркетингу(цена 685руб.) или Генератор Трафика(цена 983руб.)) + книгу Аутсорсинг для интернет-бизнесменов(бесплатно) + книгу ТОП 300 цитат, которые помогут в любой ситуации(бесплатно).
ВНИМАНИЕ: Пожалуйста, в процессе оплаты инфопродуктов, указывайте свой электронный ящик в пункте “пожелание / комментарии к заказу” на странице данные о доставки.

Оплата инфопродукта. Пожалуйста укажите свой электронный ящик в комментарии

Оплата инфопродукта. Пожалуйста укажите свой электронный ящик в комментарии

Бонус: Книга “СУПЕР-ПРОДУКТИВНОСТЬ”.

После последней новости, как то даже не уместно упоминать слово Бонус, но все же решил напомнить. ;) Пару дней назад я предложил каждому своему посетителю получить бесплатно книгу “СУПЕР-ПРОДУКТИВНОСТЬ”, если же вы до сих пор не получили данную книгу, советую сделать это прямо сейчас – ссылка на страницу бесплатного получения книги “Супер-Продуктивность”.

Книга СУПЕР-ПРОДУКТИВНОСТЬ, получить бесплатно

Книга СУПЕР-ПРОДУКТИВНОСТЬ, получить бесплатно

Ну и на этих прекрасных новостях я завершаю свою познавательно-бонусную статью, бонусов все же больше получилось :) . Фух! Можно выдохнуть – статья прошла на одном дыхании, и даже как то печально ее завершать, но все же у любой сказки должен быть конец. На сегодня все! Спасибо всем! Жду ваших отзывов в своих комментариях, о том понравились или нет, вам мои инфопродукты. До новых, скорых встреч.

С уважением, . Google+