Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

Шорткод в WordPress - це дуже зручна річ. З їх допомогою можна вставити в будь-який запис або сторінку блок з галереєю, коментарями або будь-якою іншою функціональністю, дивлячись що передбачено вашими встановленими плагінами або темою оформлення.

Тобто, наприклад, ви в редакторі запису вставляєте з нового абзацу шорткод [галерея], і під час перегляду цього запису замість слова gallery у квадратних дужках у вас відображається реальна галерея. І це працює!

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

Але не у всіх випадках. А якщо ви хочете вставити якийсь шорткод у текстовий віджет на сайдбарі? В цьому випадку нічого не вийде, і при перегляді сайту на бічній панелі так і відображатиметься сам шорткод.

Але в цьому уроці ми покажемо, як можна зробити так, щоб шорткоди працювали у віджетах сайдбару на WordPress. Читайте далі!

Як використовувати шорткоди у віджетах сайдбару на WordPress

Дивіться також:

Чому шорткоди не працюють у WordPress віджетах?

Багато новачків думають, що шорткод працюватиме скрізь і навіть у звичайних текстових віджетах. На жаль, це негаразд.

За замовчуванням, будь-який текст, який ви вставляєте у текстовий віджет, проходить через певні WordPress фільтри, і внаслідок цього шорткод так і залишається простим текстом у квадратних дужках. Тобто замість очікуваного результату ви бачите сам шорткод:

Як використовувати шорткоди у віджетах сайдбару на WordPress

Але ж нас цікавить результат виконання цього шорткоду, правильно?

Метод 1. Використовуйте плагін Віджет для короткого коду

Все дуже просто. Завантажте та встановіть безкоштовний плагін Shortcode Widget:

Як використовувати шорткоди у віджетах сайдбару на WordPress

Після активації плагіна перейдіть до меню Зовнішній вигляд → Віджети і знайдіть там новий віджет, який так і називається: Shortcode Widget.

Як використовувати шорткоди у віджетах сайдбару на WordPress

Просто перетягніть його мишкою в область бічної панелі, як ви зазвичай це робили з текстовим віджетом, і додайте свій шорткод. Не забудьте натиснути Зберегти!

Метод 2. Додайте фільтр до functions.php

Цей метод не вимагає встановлення жодних додаткових плагінів, але вам знадобиться відредагувати файл вашої теми functions.php і додати туди один рядок коду.

Просто вставте цей код у файл functions.php вашої теми:

// Enable shortcodes in text widgets
add_filter('widget_text','do_shortcode');

Цей код включає додатковий фільтр WordPress, який дозволяє виконання всіх шорткодів всередині текстових віджетів.

Тепер ви можете зайти до меню Зовнішній вигляд → Віджети та вставити свій шорткод у звичайний текстовий віджет для бічної панелі.

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

Як використовувати шорткоди у віджетах сайдбару на WordPress

На цьому все!

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

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 3

Сергій:

Доброго часу доби. Я новачок, підкажіть, як вставити шорткод в модуль вордпрес.

[/cws-row cols=4112 id="cols4112" flags="1" flags=1][col span=3 flags=1][cws-widget type=tcol order_url="http://www.test.ru /" title="Первинний" currency="₽" price="1 100" price_description="01-001" encouragement="лікувально-діагностичний, амбулаторний" button_text="Записатися"]

Замість «order_url=»http://www.test.ru/» хочу вставити шорткод.

Заздалегідь дякую!

Олена:

Підкажіть, будь ласка, у мене шорткод для посилань [urlspan]

Я хочу написати так:

Але він [urlspan] виводить як текст

Кутар:

Супер! Те що треба! Дякую!

Додати коментар або відгук