Куда вставлять шорткод в вордпресс. Шорткоды WordPress: примеры использования. Как самому создавать шорткоды и выводить их в записях

Для Symbian 02.03.2019
Для Symbian

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

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

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

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

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

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

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

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

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

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-кода.

Приветсвую вас, уважаемые читатели моего !

Опять давненько не писал, но на то были свои причины. Сегодня я бы хотел пролить немного света на тему создания своего короткого кода (шорткода) в Вордпресс. Сам как-то долго искал — нужно было заменить на сайте заказчика шорткод плагина, а сам плагин снести. По-моему в я так и говорил — чем меньше пралинов — тем лучше. На самом деле это так и есть. Но это уже другой вопрос, а мы возвращаемся к нашему шорткоду.

Если вы ведете свой блог на движке ВордПресс, то вы скорее всего хотели добавить какой-то специализированный контент в свой пост или страницу, но не знаете как это сделать? Может быть вы хотели встроить виджет Twitter, рекламу Гугл-Адсенс или какой-то другой контент. Как вы можете легко добавить этот тип контента в свой пост или страницу? К счастью, WordPress предоставляет нечто, называемое шорткодом, чтобы сделать этот вид задач чрезвычайно простым. В этом посте вы пройдете процесс создания, установки и использования шорткода в вашей теме WordPress. Но начнем с того, что же такое шорткод.

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

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

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

Как видно из приведенного выше примера, шорткод похож на тег HTML, но заключенный в квадратные скобки вместо угловых скобок. Этот код подменяется другим кодом, когда страница действительно загружается в веб-браузере. Действительно здорово что WordPress позволяет создавать собственные пользовательские шорткоды, чтобы отображать практически все! Вы можете использовать его для чего хотете, например вывода видео с Youtube, показа вашего последнего твита или даже настройки его — как вам нравится.

Если вам все еще интересно, давайте рассмотрим пример. Предположим, я хочу вывести объявление AdSense в свой пост. Я мог бы перейти в режим HTML-редактора WordPress, скопировать и вставить в него блок кода Adsense, но это было бы утомительно и отвлекало бы на переключения видов редактора в моем посте. Кроме того, если бы я захотел изменить свой рекламный блок, мне пришлось бы вернуться к каждому сообщению, чтобы изменить его на новый. Более простой способ и более надежный способ добавления блока Adsense, где бы я ни захотел — это использовать шорткод adsense.

Шорткод может выглядеть следующим образом:

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

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

К счастью, в ВордПрессе реализовано довольно просто создание собственных шорткодов, поэтому давайте фактически начнем реализацию шорткода . Первое, что нам нужно сделать — это определить функцию, которая выводит фактический код Adsense. Весь следующий код надо будет добавить в файл functions.php вашей теме. Все понятно? Хорошо, давайте посмотрим на эту функцию.

Function zacompom_adsense($atrs) { return " "; }

Эта функция довольно проста — она ​​просто возвращает мой код Google-Adsense в виде строки. Эта функция возвратит все, что вы там напишите — будь-то виджет Twitter, какое-то специализированное меню сайта или просто какое-то сообщение или контент.

Теперь, когда у нас есть функция, возвращающая то, что мы хотим, как мы можем привязать ее к короткому коду? Теперь здесь на сцену ВордПресс выходит WordPress API. Еще раз посмотрим, как мы это сделаем, а затем объясним, что происходит. Вот призыв к настройке шорткода adsense.

Add_shortcode("adsense", "zacompom_adsense");

Вот оно! Первым переданным параметром является имя шорткода, поэтому в нашем случае «adsense» сообщает WordPress о создании короткого кода . Второй параметр обозначает функцию, которая будет вызываться при обнаружении нового шорткода. Опять же, в нашем случае, ‘zacompom_adsense’ говорит WordPress заменить результатами нашей функции zacompom_adsense.

Не плохо? Теперь это очень простой шорткод, WordPress позволяет вам делать гораздо больше с вашими шорткодами, включая добавление параметров (может быть, вы хотите выбрать между блоками adsense?). Полный список AP I можно увидеть в WordPress Codex.

Как использовать мой шорткод?

Эта последняя часть самая простая, просто добавьте шорткод в HTML или визуальные представления редактора поста или страницы. Это оно! Вы создали свой первый шорткод. Поздравляю!

На самом деле и поздравлять то не с чем))) Просто сделали то, о чем давно мечтали. Теперь вы можете спокойно делать свои шорткоды и вставлять их куда вам нужно!

На этом буду закругляться, до скорых встреч!



Рекомендуем почитать

Наверх