Как написать виджет для WordPress? Пошаговое руководство.
Виджет Wordpress это "блок", который содержит некую информации и размещается на сайдбарах (боковых панелях).
В этой статье мы рассмотрим создание виджета без параметров с обычным html-текстом, например, виджет для отображения информации о себе. И так, начнем.
1. Виджет это плагин, и как плагин должен состоять из php-файла.
Файл состоит из:
- технической информации: имя плагина, сайт плагина, описание, версия, автор, сайт автора, например:
- функций регистрации виджета и других функций необходимых для функционирования плагина/виджета.
Смотрите ниже - регистрация плагина/виджета.
/*
Plugin Name: My Info Widget
Plugin URI: http://newsoftportal.com/articles/info_widget.html
Description: Widget show information about myself
Version: 1.0b
Author: NewSoft
Author URI: http://newsoftportal.com
*/
add_action('init', имя_функции_регистации_виджета );
2. Функции в виджете.
function register_my_info_widget() {
register_sidebar_widget('My Info Widget', 'my_info_widget');
}
Данная функция вызывает стандартную функцию регистрации виджета, где my_info_widget – собственная функция в которой производиться вывод виджета.
[cc lang="php"]
function my_info_widget($args) {
extract($args);
echo $before_widget;
echo $before_title;
echo “About me”; // Заглавие виджета
echo $after_title;
echo get_my_widget_content();
echo $after_widget;
}
[/cc]
Функция Extract создает на основании переменной $args следующие переменные:
- $before_widget – контент до нашего виджета
- $before_title – контент до заголовка нашего виджета
- $before_title – контент после заголовка нашего виджета
- $after_widget - контент после нашего виджета.
function get_my_widget_content() {
return “My name is…”;
}
3. Собираем части виджета.
[cc lang="php"]
/*
Plugin Name: My Info Widget
Plugin URI: http://newsoftportal.com/articles/info_widget.html
Description: Widget show information about myself
Version: 1.0b
Author: NewSoft
Author URI: http://newsoftportal.com
*/
function get_my_widget_content() {
return “My name is...”;
}
function my_info_widget($args) {
extract($args);
echo $before_widget;
echo $before_title;
echo “About me”; // Заглавие виджета
echo $after_title;
echo get_my_widget_content();
echo $after_widget;
}
function register_my_info_widget() {
register_sidebar_widget('My Info Widget', 'my_info_widget');
}
add_action('init', 'register_my_info_widget');
?>
[/cc]
4. Устанавливаем виджет в WordPress.
Копируем наш файл на сервер в папку wp-content/plugins/.
В панели администрирования Wordpress
- в разделе Плагины: ищем «My Info Widget», жмем Активировать
- в разделе Дизайн->Виджеты: ищем «My Info Widget», жмем Добавитьи Сохранить изменения
5. Смотрим на результат.
Запись обновлена 17.01.2009 в 15:01.