1. Що таке віджет WordPress?
2. Як створити власний віджет на WordPress

Ви шукаєте найкращі теми і плагіни WordPress?

Завантажте кращі плагіни і теми WordPress на Envato і легко створіть свій сайт. Вже більше, ніж 49.720.000. [ЕКСКЛЮЗИВ]

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

Що таке віджет WordPress?

Віджети WordPress містять фрагменти коду, які ви можете додати до бічних панелей вашого веб-сайту або до областям, сумісним з віджетами. Подумайте про це як про модулях, які ви можете використовувати для додавання різних елементів за допомогою простого інтерфейсу «Перетягування».

За замовчуванням WordPress поставляється зі стандартним набором віджетів, який можна використовувати з будь-якою темою WordPress.

WordPress також дозволяє розробникам створювати свої власні віджети. Багато тем і WordPress плагіни поставляються з власними призначеними для користувача віджетами, які ви можете додати на свої бічні панелі.

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

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

Як створити власний віджет на WordPress

Ce Tutoriel для людей, які знають про веб-розробці.

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

Ви також можете вставити код в файл «functions.php» вашої теми. Однак він буде доступний тільки в тому випадку, якщо ця конкретна тема активна.

У цьому уроці ми створимо простий віджет, який буде просто вітати відвідувачів. Подивіться на цей код, потім вставте його в свій спеціальний плагін, щоб побачити його в дії.

Легко створіть свій інтернет-магазин

Завантажте безкоштовні WooCommerce, кращі плагіни для електронної комерції, щоб продавати свої фізичні та цифрові продукти в WordPress. [FREE]

// Реєстрація та завантажити функцію віджета wpb_load_widget () {register_widget ( 'wpb_widget'); } Add_action ( 'widgets_init', 'wpb_load_widget'); // Створення класу віджета wpb_widget розширює WP_Widget {функція __construct () {батьківський :: __ конструкт (// Base ID вашого віджета wpb_widget '// ім'я віджета з'явиться в IU __ (' PCBs Widget '' wpb_widget_domain «) // опис Widget масив ( 'опис' => __ ( 'Простий віджет WordPress', 'wpb_widget_domain'))); } // Створення віджета громадського переднього кінця функція віджет ($ Арга, $ примірника) {$ назви = apply_filters ( 'widget_title' $ примірника [ 'назва']); // до і після віджета аргументи визначаються по темам відлуння $ арг [ «before_widget»]; якщо (! порожньо ($ назви)) відлуння $ Арга [ 'before_title']. $ Title. $ Args [ 'after_title']; // Тут ви запустите код і відображення вихідного луна __ ( «Простий віджет», «wpb_widget_domain»); Відлуння $ арг [ 'after_widget']; } // віджет Backend форма публічної функції ($ примірника) {якщо (Исеть ($ примірника [ 'назва'])) {$ назву = $ примірника [ 'назва']; } Else {$ назву = __ ( 'Нова назва', 'wpb_widget_domain'); ?} // Widget форма адмін> <p> <мітка для = "<? Php відлуння $ this-> get_field_id ( 'назва');>?"&gt; <Php _e? ( 'Назва:'); ?&gt; </ Label> <вхідний клас = "widefat" ID = "<? Php Ехо $ цьому-> get_field_id ( 'назва');?&gt;"? Name = "<Php Ехо $ цьому-> get_field_name ( 'назва'?);?>" Тип = "текст" значення = "<PHP відлуння esc_attr ($ назва); ??>« /> </ p> <PHP } // оновлення примірників віджету Заміна старого з новим оновленням громадські функції ($? new_instance, old_instance $) {$ екземпляр = масив (); $ Instance [ 'назва'] = (! Empty ($ new_instance [ 'назва']))? strip_tags ($ new_instance [ 'назва']): ''; повернути $ екземпляр; }} // Клас wpb_widget закінчується

Після додавання коду ви повинні перейти до "Зовнішній вигляд> Віджети». Ви побачите новий віджет "PCB Widget У списку доступних віджетів. Ви повинні перетягнути цей віджет в бічну панель.

Тепер, відвідавши свій блог, ви побачите віджет на бічній панелі, де ви можете розмістити фотографії віджет, про який йде мова.

Тепер давайте трохи вивчимо цей код.

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

Нарешті, ми визначили, як обробляти зміни, внесені в віджет.

Тепер є декілька речей, які ви, можливо, захочете дізнатися. Наприклад, яка мета wpb_text_domain «?

WordPress використовує «gettext» для обробки переклад і місце розташування. Отже, wpb_text_domain «і __e повідомляє gettext, як отримати рядок перекладу, якщо вона існує.

Якщо ви створюєте власний віджет для своєї теми, ви можете замінити «wpb_text_domain» текстовим полем вашої теми.

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