Как написать виджет для 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.

Смотрите также:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Я не робот

*