user gravatar

Создание своего виджета для Wordpress

Создание своего виджета для Wordpress

Уже по-умолчанию в Wordpress имеется большое количество виджетов. Но что если вам нужно что-то другое? Что-то более ориентированное под ваши задачи?

В этом посте я постараюсь рассказать как создавать свои виджеты под блоговый движок Wordpress.

Как создать новый виджет?

Создать новый виджет для Wordpress можно несколькими способами. Первый способ включает в себя создание нового плагина. А второй способ - создание виджета через тему. Способы в целом одинаковы. Поэтому приведу на примере создания виджет-плагина.

Создание нового виджет-плагина

Прежде всего создайте новый PHP файл в директории wp-content/plugins. Вы можете назвать файл как пожелаете.

Итак, допустим вы создали новый файл, например, hello-widget.php. Теперь вставьте следующий код в него:

<?php
/*
Plugin Name: Hello World Widget
Description: Виджет показывает надпись "Привет Мир!"
Version: 1
*/
class HelloWidget extends WP_Widget {
  function HelloWidget() {
    $widget_ops = array('classname' => 'HelloWidget', 'description' => 'Виджет показывает надпись "Привет Мир!' );
    $this->WP_Widget('HelloWidget', 'Привет Мир!', $widget_ops);
  }

  function form($instance) {
    $instance = wp_parse_args( (array) $instance, array( 'title' => '' ) );
    $title = $instance['title'];
?>
  <p>
    <label for="<?php echo $this->get_field_id('title'); ?>">Заголовок:</label>
  <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo attribute_escape($title); ?>" />
  </p>
<?php
  }

  function update($new_instance, $old_instance) {
    $instance = $old_instance;
    $instance['title'] = $new_instance['title'];
    return $instance;
  }

  function widget($args, $instance) {
    extract($args, EXTR_SKIP);

    echo $before_widget;
    $title = empty($instance['title']) ? ' ' : apply_filters('widget_title', $instance['title']);

    if (!empty($title))
      echo $before_title . $title . $after_title;;

    // В этом месте вы можете вывести свои данные
    echo "<h1>Привет Мир!</h1>";

    echo $after_widget;
  }

}
add_action( 'widgets_init', create_function('', 'return register_widget("HelloWidget");') );?>

Виджет-плагин пока что не делает ничего такого особого. Он пока что просто выводит надпись "Привет Мир!".

При создании виджета имейте в виду, что:

  1. Функция widget отвечает за вывод контента виджета
  2. form - отвечает за вывод формы настроек виджета
  3. update - отвечает за обновление настроек. Без него настройки не будут сохраняться

И на этом всё. И да, не забудьте включить плагин.