Как правильно вставить шорткод [shortcode] в PHP-файл или шаблон сайта

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

Как вставить шорткод в PHP файл? Быстрый ответ

Специально для тех, кто и так все знает, а просто ищет быстрый ответ, как вставить шорткод в шаблон wordpress или на другой движок, то вот, пожалуйста, используйте этот код:

Однако не забывайте про пунктуацию! Кавычки в вашем шорткоде и в php коде должны быть разными.

Т.е., если в вашем шаблоне сайта на wordpress, вы используете такой же шорткод, но с двумя кавычками внутри ( [«…»] ), и в вашем php-коде вы также используете двойные кавычки ( «[…]» ), то нужно одни из них поменять на одинарные. Именно из-за таких мелких причин часто не работают шорткоды в wordpress. Подробнее об этом ниже.

Что такое шорткод (shortcode), и для чего он нужен?

Shortcode – это от англ. «короткий код». Используется он, в основном, при создании плагинов или модулей, предназначенных для работы с системами управления контентом (CMS), например, WordPress, Joomla и др. Проще говоря, этот короткий код является неким ярлыком, который, при добавлении на сайт, подтягивает за собой весь большой код из плагина.

Выглядит шорткод обычно так: или так или даже просто в одно слово

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

Как это работает?

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

а всего лишь вот такой короткий код (Shortcode) в одну строку:

Вставив подобный этому

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

А как вставить шорткод слайдера прямо в шаблон wordpress в php-код?

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

Такую «функцию» шорткода можно вставить в php-файл в нужное вам место на сайте. Например, в header.php, где-нибудь после body или, может быть, в sidebar.php, а лучше всего в файл шаблона страницы (он может называться как-нибудь так content-page.php), в результате, вы получите тот же слайдер, но уже встроенный в дизайн самого сайта.

Однако нужно быть очень внимательными при выводе шорткода в шаблоне wordpress в php-файлах. Для этого нужны хотя бы элементарные знания php. Поскольку, если его «не туда» вставить в php-файле, то на сайте будет выведена ошибка.

Обычно любой php-код начинается на <?php и заканчивается на ?>. Вот после окончания одного php-кода и перед началом другого можете вставлять свою php-функцию. К сожалению, разработчики плагинов не всегда делают готовую (как в данном примере) php-функцию для вывода шорткода. В таком случае, можно самим ее создать легко и просто, об этом ниже.

Как вывести шорткод в php в wordpress, если нет готовой php-функции в плагине?

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

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

Как вставить шорткод в PHP файл?

Обнаружил недавно, как вставлять шорткоды в вордпресс через PHP или шаблон. А те кто не знают как, делюсь как в коде шаблона темы сайта сделать PHP вывод шорткода. Как может показаться это сложно, но на самом деле, все очень просто и ошибки случаются в основном из-за невнимательности или незнания синтаксиса и пунктуации.

Как вставить шорткод в PHP файл?

Специально для тех, кто и так все знает, и просто ищет быстрый ответ, как вставить шорткод в шаблон wordpress , то вот, пожалуйста, используйте этот код:

<?php echo do_shortcode( ‘[ваш_шорткод]’ ); ?>

Однако не забывайте про пунктуацию! Кавычки в вашем шорткоде и в php коде должны быть разными.

Т.е., если в вашем шаблоне сайта на wordpress, вы используете такой же шорткод, но с двумя кавычками внутри ( [«…»] ), и в вашем php-коде вы также используете двойные кавычки ( «[…]» ), то нужно одни из них поменять на одинарные. Именно из-за таких мелких причин часто не работают шорткоды в wordpress. Подробнее об этом ниже.

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

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

Шорткод – что это?

Его можно охарактеризовать следующим образом – короткий код для внедрения какой-либо функции в выбранном месте сайта. Состоит из легко запоминающегося текста. Он скрывает отображение длинного кода, записанного в PHP-файле, что упрощает работу для новичков и малоопытных вебмастеров. Для профессионалов shortcode позволяют экономить время на заранее разработанных функциях.

С их помощью можно выводить текст, оформлять контент, добавлять видео, слайды, изображения, графики и другие элементы. Такие плагины, как Nextgen Gallery, Visual Composer, Contact Form 7 используют шорткоды для размещения блоков и контента.

Регистрируется несколькими способами:

• создание функции в WordPress и определение шорткода для нее в functons.php;
• применение специального плагина;
• регистрация shortcode без использования расширений.

Известно, что большое количество дополнительных модулей и приложений подтормаживает работу ресурса, поэтому рассмотрим наиболее оптимизированный вариант. Следует зайти в functions.php, находящийся в корневой папке текущей темы и открыть его через текстовый редактор Notepad++. После чего можно вставить шорткод в тему WordPress. Регистрация осуществляется следующим образом:

add_shortcode(‘short_code’, ‘function_name’);

• add_shortcode – регистрация шорткода в WordPress;
• shortcode – название (используется для выведения последующей функции на сайте);
• function_name – название регистрируемой функции.

На примере видно, как можно организовать регистрацию рекламного блока AdSense:

<!– Код вывода рекламного блока –>

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

<ins style=”display:block” data-ad-client=”ca-pub-9542020662080512″

(adsbygoogle = window.adsbygoogle || []).push(<>);

<!– конец вывода рекламного блока –>

Сделать шорткод WordPress достаточно просто, что увеличивает производительность работы с контентом. После вставки shortcode, в указанном месте будет отображена реклама Google. Теперь необязательно использовать плагины или устанавливать громоздкий код в статьи или другие места сайта.

Следующий пример позволяет сократить время добавления атрибута nofollow к ссылкам на внешний ресурс. В обычной ситуации процесс происходит так: переключение в режим HTML, поиск ссылки, добавление тегов. Использование shortcode не требует переключения режимов – достаточно работать в визуальном редакторе. Регистрация:

Для скрытия URL, следует обернуть его в зарегистрированные теги:

[nf] Внешняя ссылка [/nf]

Подключение стиля к контенту:

border: 1px solid #d2d2d2;

margin: 5px 10px;

Добавив текст в теги, фоновая часть заполняется желтым цветом:

[yb] Участок текста [/yb]

Названия указываются на свое усмотрение – чем короче, тем проще запоминать и вписывать.

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

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

Ситуация с квадратными скобками не работает с файлами темы, применяется специальная функция «do_shortcode»:

<?php echo do_shortcode ( ‘[short_code]’ ) ; ?>

Текст в квадратных скобках – название требуемого шорткода. Также, данная конструкция работает с виджетами.

Плагины для работы с shortcode

Система имеет по умолчанию несколько видов шорктодов, способных незначительно расширить стандартные функции:

• работа с галереями;
• вывод статистики блога;
• скрытие части текста;
• вставка аудио/видео;
• интеграция контента с YouTube;
• вывод похожих записей;
• настройки автоформатирования.

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

Shortcodes Ultimate

Лучшее решение для работы с шорткодами в мире

Перейти

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

• 50 предустановленных шаблонов шорткодов;
• редактор пользовательских CSS;
• доступен предпросмотр;
• поддерживается всеми темами, имеет адаптивный дизайн;
• переведен на 9 языков;
• подробная инструкция по использованию.

Обладателям премиальной версии предлагаются дополнительные элементы – 15 штук, 60 скинов и возможность создавать пользовательские шорткоды. Все это можно приобрести по отдельности либо вместе. Скачано более 700 000 копий, средняя оценка вебмастеров – 5 звезд. Версия со всеми аддонами обойдется в 59 долларов для одного сайта.

Column Shortcodes

Перейти

Отличный вариант для создания столбцов, достаточно вставить шорткод в страницу WordPress с необходимыми параметрами. В панели управления можно выбрать 10 колонок, каждая из которых отличается по ширине. Доступно редактирование отступов и подключение собственных стилей. Скачано более 100 000 копий, оценка пользователей – 4,5 из 5. На странице расширения размещена подробная инструкция и ответы на часто задаваемые вопросы.

WP Shortcode by MyThemeShop

Перейти

Интересное решение, в особенности для тех вебмастеров, которые часто меняют темы или их настройки. Все функции сохраняются даже при смене шаблона. Доступно около 24 шорткодов для создания кнопок, блоков, ценовых таблиц, переключателей. После установки, в редакторе записей/страниц появляется кнопка добавления shortcode. Во всплывающем окне имеется строка выбора и некоторые параметры. Настройка легкая и не требует особых навыков.

• вкладки;
• визуальное оформление;
• кнопки;

• ценовые таблицы;
• карты;
• переключатели.

Распространяется на бесплатной основе, скачано более 70 000 раз. Оценка пользователей – 4,5 балла.

Bootstrap Shortcodes

Перейти

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

• таблицы, сетки, коды, изображения;
• метки, значки, медиа-объекты, дополнительные панели;
• прогресс-бары, вкладки, подсказки, слайдеры и карусели.

Бесплатное расширение скачано более 50 000 раз, оценка вебмастеров – 5 из 5. Русский язык недоступен.

Shortcake

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

Основные возможности:

• добавление медиа-контента;
• социальные кнопки;

• ценовые таблицы;
• оформление текста.

Распространяется на бесплатной основе. Скачан порядка 20 000 раз и оценен пользователями в 4 балла.

Заключение

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

• 

Мы принимаем к оплате:

«Подарочный сертификат» от нашего Учебного Центра – это лучший подарок для тех, кто Вам дорог! Оплате обучение и подарите Вашим родным и близким обучение по любому из курсов.

«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 1000 рублей!

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

WordPress. Как выполнить шорткод внутри php кода.

Если вставлять шорткод (shortcode) внутри заметки wordpress, то особых проблем, как правило, не возникает.

Пользуемся такой формой записи:

И все работает отлично.

Проблема возникает при попытке вставить подобный шорткод внутрь какого-нибудь файла темы с расширением php (например, header.php, sidebar.php и др.).

В этой ситуации подобные шорткоды уже не работают.

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

Функция do_shortcode позволяет выполнять шорткоды внутри php.

Очень удобно и позволяет добавить дополнительный функционал в ваши темы на движке WordPress.

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

Научитесь делать это самостоятельно и НЕ платите сторонним разработчикам.

Как использовать shortcode (шорткоды) в PHP шаблонах WordPress темы?

Как вы знаете, WordPress поддерживает использование шорткодов (shortcode). Например, вы можете вставить галерею прямо в тело поста или страницы просто добавив короткий код в визуальном редакторе. Шорткод может быть следующего вида — [nggallery галереи]. Использование таких коротких кодов очень удобно для пользователей, поэтому многие разработчики тем и плагинов используют эту функцию в своей практике.

Использование шорткодов в PHP шаблонах WordPress

Но что если нужно использовать подобные коды непосредственно в PHP шаблоне? К примеру в шаблоне index.php. Для этого существует простая php функция вызова шорткодов:

Как вы поняли, [cat_list] — это нужный шорткод. Таким образом можно значительно облегчить себе жизнь при работе со своим WordPress сайтом.

Вот такой маленький и полезный пост сегодня. Следите за блогом! 🙂 Всего доброго!

Участвуй в развитии блога и сообщества

Подписывайтесь и получайте полезные статьи на почту!

Как вставить шорткод в шаблон WordPress для вывода рекламы

Один из самых удобных способов для вывода рекламы на сайте WordPress — это шорткод (от англ. shortcode, буквально — короткий код) в php. Можно, конечно, использовать для этих целей различные плагины, но у них есть минус. Очень часто из-за плагина «плывет» верстка статьи, что негативно сказывается на дизайне и продвижении сайта.

Шорткод WP преимущества:

• Устанавливается один раз и в дальнейшем не требует работы с кодом.
• Рекламные блоки и рекламную систему легко менять. Заменили код и реклама изменилась во всех статьях сайта.
• Шорткоды Вордпресс не портят верстку статей на сайте.

Шорткоды WordPress имеют и минусы:

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

Итак, как же вставить шорткод в тему вордпресс?

1. Шорткод нужно вставлять в файл function.php

1. Для создать шорткода WordPress возьмите нижеследующий шаблон и подставьте в него свой рекламный код:

Как вывести шорткоды в файлы шаблона WordPress. Плагины для работы с шорткодами

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

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

Для тех кто вообще не понимает о чем речь и что такое шорткод (shortcode от англ. короткий код) — это вызов фрагмента кода, записи или функции небольшим тегом, помещенным в квадратные скобки [имя_шорткода]. Делается это для удобства — что бы не вставлять каждый раз огромные куски кода, можно просто воткнуть маленький шоткодик) Или если вы используете очень часто один и тот же код, как например я вставляю блоки с рекламой в статьи — все это делается через шорткоды в 2 клика.

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

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

Знаете ли вы, что в движок WordPress заложены несколько базовых шорткодов, которыми вы можете пользоваться, например вывод галереи шорткодом . Подробнее можно почитать на оф. сайте вордпресса http://codex.wordpress.org/Shortcode.

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

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

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

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

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

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

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

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