Створення власних віджетів у WordPress
Так отже, ви хочете створити власний віджет в WordPress і вже розгубились через це? Не хвилюйтеся, після прочитання цього легкого і простого посібника вам не лише перестане випадати волосся, але ви можливо навіть почнете чекати з нетерпінням можливості створення свого наступного власного віджету.
Ось невеликий секрет: створення власного віджету в WordPress, на відміну від загальноприйнятого переконання, не є рокетна наука. Це схоже на приготування лазаньї (якщо ви ще не пробували; ніколи не пізно), або на польот на винищувачі (добре, добре, можливо, не так важко). Без подальших вагань, давайте кинемося у глибину!
Чим цікаві віджети?
Віджети в світі WordPress схожі на корисний швейцарський ножик. Це невеликі блоки, які виконують певні функції і можуть бути додані до бічних панелей вашого веб-сайту, також відомих як зони готові для віджетів.
Наприклад, ви можете додати віджет для міні-календаря, останніх твітів, блоку вподобань Facebook та інших. У суті, вони призначені для того, щоб зробити ваш веб-сайт більш інтерактивним та функціональним. Тому кастомізувати їх дозволяє вам додати власний унікальний штрих.
Створіть свій власний віджет за 3 простими кроками
Крок 1: Присолите ваш файл functions.php
Спочатку нам потрібно зробити наш тему готову до віджетів. Це включає додавання деякого чистого PHP коду до файлу functions.php нашої теми. Не панікуйте, ми впораємося з цим!
// Register our Sidebar
function custom_widgets_init() {
register_sidebar(
array(
'name' => __( 'Custom Widget Area', 'textdomain' ),
'id' => 'custom-widgets',
'before_widget' => '<div>',
'after_widget' => '</div>',
'before_title' => '<h2 class="rounded">',
'after_title' => '',
)
);
}
add_action( 'widgets_init', 'custom_widgets_init' );
Не заглиблюючись у технічні деталі, цей код просто повідомляє WordPress, що ми хочемо новий бічний панель, який ми назвемо ‘Область власного віджета’, разом з іншими ідентифікаторами фронтенду.
Крок 2: Створіть свій клас власного віджета
Далі ми створюємо клас PHP для нашого власного віджета. Ви можете запитати, "Чому клас?" Коротка відповідь – це хороший спосіб упорядкувати наш код. У WordPress є свій власний клас WP_Widget, і нам просто потрібно розширити його.
Ось приклад:
class My_Custom_Widget extends WP_Widget {
// Ваш код тут
}
Тада! Ви створили власний віджет! Хоча він зараз нічого не робить… поки що!
Крок 3: Визначте властивості та вихід вашого віджета
Ми не залишимо вас з безглуздим віджетом. Вашому віджету потрібно мати деякі властивості та виводити результат. Ось приклад:
class My_Custom_Widget extends WP_Widget {
function __construct() {
// Ініціалізуйте батьківський об'єкт
parent::__construct( false, 'Мій власний віджет' );
}
function widget( $args, $instance ) {
// Вивід віджета
echo 'Привіт, світ!';
}
}
add_action( 'widgets_init', function(){
register_widget( 'My_Custom_Widget' );
});
Цей власний віджет, коли доданий до бічної панелі, відобразить ‘Привіт, світ!’. Це просто, але ви можете додати складні функціональні можливості відповідно до ваших потреб.
Отже, ось і все! Створення власного власного віджету в WordPress не таке страшне, чи не так? Тепер ваша черга кинутися в це і додати свої власні унікальні віджети до своїх сайтів у WordPress. Так що, наступного разу, коли ваш друг запитає вас про віджети WordPress, ви можете з впевненістю сказати, "Я впорався з цим!"
