Как создать собственный виджет WordPress

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

^

Что такое виджет WordPress?

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

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

^

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

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

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

Создание собственного виджета в WordPress

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

Вы также можете вставить код в файл functions.php вашей темы. Однако он будет доступен только тогда, когда эта конкретная тема активна.

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

^

После добавления кода вам нужно перейти на страницу Внешний вид »Виджеты. Вы увидите новый виджет WPTec в списке доступных виджетов. Вам нужно перетащить этот виджет на боковую панель.

^

Теперь вы можете посетить ваш сайт, чтобы увидеть его в действии.

^

Теперь давайте изучим код снова.

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

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

Теперь есть несколько вещей, которые вы можете спросить. Например, какова цель wpb_text_domain?

WordPress использует gettext для обработки перевода и локализации. Этот wpb_text_domain и __e указывает gettext сделать строку доступной для перевода. Посмотрите, как вы можете найти готовые для перевода темы WordPress.

Если вы создаете пользовательский виджет для своей темы, вы можете заменить wpb_text_domain текстовым доменом вашей темы.

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