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

  1. Що таке віджет для WordPress?
  2. Створення віджета в WordPress

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

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

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

Створення віджета в WordPress

Перед тим як почати, було б добре, якщо ви створите сайт-специфічний плагін , Куди ви будете вставляти код віджету. Ви також можете вставляти його в файл вашої теми functions.php. Але сайт-специфічний плагін краще.

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

// Створення віджета class wpb_widget extends WP_Widget {function __construct () {parent :: __ construct (// Base ID of your widget 'wpb_widget', // Ім'я віджета з'явиться в UI __ ( 'Our Widget', 'wpb_widget_domain'), / / Опис віджету array ( 'description' => __ ( 'Наш простий віджет', 'wpb_widget_domain'),)); } // Тут відбувається робота віджета public function widget ($ args, $ instance) {$ title = apply_filters ( 'widget_title', $ instance [ 'title']); // before and after widget arguments are defined by themes echo $ args [ 'before_widget']; if (! empty ($ title)) echo $ args [ 'before_title']. $ Title. $ Args [ 'after_title']; // Тут працює код і виводиться результат echo __ ( 'Hello, World!', 'Wpb_widget_domain'); echo $ args [ 'after_widget']; } // Кінець віджета public function form ($ instance) {if (isset ($ instance [ 'title'])) {$ title = $ instance [ 'title']; } Else {$ title = __ ( 'New title', 'wpb_widget_domain'); } // Форма адміністратора віджета?&gt; <Label for = "<? Php echo $ this-> get_field_id ( 'title');?&gt;"> <? Php _e ( 'Title:'); ?&gt; </ Label> <input class = "widefat" id = "<? Php echo $ this-> get_field_id ( 'title');?&gt;" Name = "<? Php echo $ this-> get_field_name ( 'title' );?> "type =" text "value =" <? php echo esc_attr ($ title);?> "/> <? php} // Оновлення віджета public function update ($ new_instance, $ old_instance) {$ instance = array (); $ Instance [ 'title'] = (! Empty ($ new_instance [ 'title']))? strip_tags ($ new_instance [ 'title']): ''; return $ instance; }} // Клас wpb_widget закінчується тут // Реєстрація та завантаження віджета function wpb_load_widget () {register_widget ( 'wpb_widget'); } Add_action ( 'widgets_init', 'wpb_load_widget');

Тепер перейдіть в Appearance »Widgets, перетягніть наш віджет на вашу бічну панель, щоб побачити віджет в дії.

Просто, чи не так? Спочатку ми створили для користувача віджет. Після ми визначили, що віджет буде робити і як відобразити результат. Після ви визначили, як зробити зміни по відношенню до віджету. І під кінець, ми зареєстрували і завантажили віджет.

Залишилося лише пара речей, які ви можете нам задати. Наприклад, що робить wpb_text_domain? WordPress використовує gettext для управління перекладами і локалізаціями. Цей wpb_text_domain і __e повідомляють gettext, щоб він робив рядок доступною для перекладу. Подивіться також нашу статтю, як знайти і перевести тему для WordPress .

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

Наша спеціальність - розробка та підтримка сайтів на WordPress. Контакти для безкоштовної консультації - [email protected] , +371 29394520

Що таке віджет для WordPress?
Що таке віджет для WordPress?
Gt; <Label for = "<?
Php echo $ this-> get_field_id ( 'title');?
Gt;"> <?
Php _e ( 'Title:'); ?
Gt; </ Label> <input class = "widefat" id = "<?
Php echo $ this-> get_field_id ( 'title');?
Gt;" Name = "<?