×

HOW TO SHOP

1 Login or create new account.
2 Review your order.
3 Payment & FREE shipment

If you still have problems, please let us know, by sending an email to support@website.com . Thank you!

SHOWROOM HOURS

Mon-Fri 9:00AM - 6:00AM
Sat - 9:00AM-5:00PM
Sundays by appointment only!
Вопросы? Email: info@nortsov.vn.ua
  • SUPPORT

NORTSOV IT BLOG

NORTSOV IT BLOG

Личный блог о разработке сайтов и моих интересах

+38 (068) 21 00 768
Email: info@nortsov.vn.ua

NORTSOV V.A.
21000, Винница, Украина

  • ГОЛОВНА
  • Портфоліо
  • Моє резюме
  • Про мене
  • Блог Айтішника
    • РОЗРОБКА ПЗ
      • AMP
      • CodeGear Delphi
      • CSS
      • JavaScript
      • Open Cart
      • WordPress
    • NETWORKING
      • CentOS
      • CISCO
      • DirectAdmin
      • NGiNX
      • DNS Servers
    • DESTINY 2
ЗАДАТЬВОПРОС
  • Home
  • Блог Айтішника
  • Розробка ПЗ
  • WordPress
  • Шорткоды в виджетах боковой панели WordPress

Шорткоды в виджетах боковой панели WordPress

Шорткоды в виджетах боковой панели WordPress

by Владимир Норцов / Saturday, 29 September 2018 / Published in WordPress, Розробка ПЗ

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

Что такое шорткод (shortcode) ?

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

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

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

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

Первое, что вам нужно сделать, это перетащить текстовый виджет на боковую панель WordPress на странице Внешний вид -> Виджеты на панели управления. После добавления виджета вы можете просто добавить свой шорткод в область редактирования текста виджета.

WordPress sidebar shortcode

Не забудьте нажать кнопку «Сохранить», чтобы сохранить настройки виджета.

Теперь вы можете посетить свой сайт и увидеть шорткод в действии.

Вывод шорткода в боковой панели WordPress

Метод 2. Добавление шотркода в WordPress с использованием пользовательского HTML-виджета

Иногда вам может понадобиться добавить собственный HTML-код вокруг вашего шорткода, который может работать не хорошо в простом текстовом виджете. В этом случае вам нужно будет добавить свой шорткод с помощью виджета «Пользовательский HTML».

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

add_filter( 'widget_text', 'do_shortcode' );

После этого вы можете просто добавить виджет «Пользовательский HTML» на свою боковую панель и добавить в него свой шорткод.

Вставка шорткода через кастомный HTML виджет

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

0
  • Tweet

What you can read next

Удаление базового слага (base slug) из пользовательского типа записи (CPT) в WordPress
Подготовка сайта WordPress для Google Mobile-First Index
Temporal API
Temporal API в JavaScript. Работа с датой

Поиск

Рубрики

  • NETWORKING
    • CentOS
    • DirectAdmin
    • NGiNX
  • Без категорії
  • Розробка ПЗ
    • JavaScript
    • Open Cart
    • WordPress

Новые статьи

  • Установка ImageMagick (Image Manipulation) на RHEL / CentOS и Fedora

  • Temporal API

    Temporal API в JavaScript. Работа с датой

  • Конфигурация клиента Proxy

  • Как выровнять блоки по высоте, jQuery скрипт

    Выровнять блоки по высоте, jQuery скрипт

  • NGiNX

    Включаем компрессию SVG gzip в nginx

Популярные статьи

  • Установка ImageMagick (Image Manipulation) на RHEL / CentOS и Fedora

  • Temporal API

    Temporal API в JavaScript. Работа с датой

  • Конфигурация клиента Proxy

  • Как выровнять блоки по высоте, jQuery скрипт

    Выровнять блоки по высоте, jQuery скрипт

  • NGiNX

    Включаем компрессию SVG gzip в nginx

КОНТАКТНАЯ ФОРМА

Отправьте ваше сообщение и я свяжусь с вами в ближайшее время !

ИНФОРМАЦИЯ

  • Блог Айтішника
  • Послуги
  • Портфоліо
  • Про мене
  • Моє резюме
  • Відгуки
  • Фото галлерея

КОНТАКТЫ

Тел.: (068) 21 00 768
Email: info@nortsov.vn.ua

NORTSOV IT BLOG

  • GET SOCIAL
NORTSOV IT BLOG

© 2017 NORTSOV - IT BLOG. All Rights Reserved.

TOP