Виджеты wordpress


Создавать виджет WordPress – это примерно, как создавать плагин, но гораздо проще и понятнее. Все, что вам нужно, это один файл со всем PHP кодом, который писать гораздо проще, чем плагин, у которого несколько файлов. Есть три основные функции виджета: это widget, update и form.

  • function widget()
  • function update()
  • function form()

| Скачать исходники |

Базовая структура

Базовая схема нашего виджета – очень простая, есть полезные функции, которые вам нужно знать. Костяком структуры нашего виджета будет что-то вроде этого:

add_action( 'widgets_init', 'register_my_widget' ); // function to load my widget    function register_my_widget() {} 	 		 // function to register my widget    class My_Widget extends WP_Widget () {}		 	 // The example widget class    function My_Widget() {}					 // Widget Settings    function widget() {}					 // display the widget    function update() {}					 // update the widget    function form() {}					 // and of course the form for the widget options  

Шаг 1. widget_init


Перед тем, как мы все это сделаем, нам нужно загрузить наш виджет с помощью функции widget_init. Это зацепка к action, о которой вы можете найти больше информации в WordPress codex.

add_action( 'widgets_init', 'register_my_widget' );  

Следующее, что мы сделаем, это зарегистрируем наш виджет в WordPress, чтобы он был доступен в разделе виджетов.

function register_my_widget() {  	register_widget( 'My_Widget' );  }  

Шаг 2. Класс

Мы заключим наш виджет в класс. Имя класса имеет значение! Что мы должны иметь в виду, так это что имя класса и имя функции должны быть одинаковыми.

class My_Widget extends WP_Widget {}  

Теперь мы передадим классу некоторые параметры настроек. Например, мы можем передать ширину и высоту. Мы также можем дать небольшое описание нашему виджету, если хотим. Это будет полезно, если вы связываете виджет с вашей коммерческой темой.


function My_Widget() {  	function My_Widget() {  		$widget_ops = array( 'classname' => 'example', 'description' => __('A widget that displays the authors name ', 'example') );  		$control_ops = array( 'width' => 300, 'height' => 350, 'id_base' => 'example-widget' );  		$this->WP_Widget( 'example-widget', __('Example Widget', 'example'), $widget_ops, $control_ops );  	}  

Теперь, когда мы закончили с основными требованиями к нашему виджету, мы обратим наше внимание на три функции, о которых мы говорили ранее, и которые являются важными функциями или основными блоками для построения нашего виджета!

Шаг 3. function widget()

Первая функция относится к отображению нашего виджета. Мы передадим несколько аргументов в нашу функцию. Мы будем передавать аргументы из темы, это могут быть заголовок или какие-то другие параметры. Теперь мы передаем переменную instance, которая связана с классом нашей функции.

function widget( $args, $instance )  

После этого мы извлекаем параметры из аргументов, потому что нам нужно, чтобы параметры были доступны локально. Если вы не знаете, что такое локальная переменная, не переживайте об этом сейчас и просто добавьте этот шаг.

extract( $args );  

Дальше мы установим заголовок и другие параметры для нашего виджета, которые могут быть изменены пользователем в меню видежета. Мы также добавляем специальные переменные типа $before_widget, $after_widget. Эти параметры обрабатываются темой.


$title = apply_filters('widget_title', $instance['title'] );  $name = $instance['name'];  $show_info = isset( $instance['show_info'] ) ? $instance['show_info'] : false;    echo $before_widget;    // Display the widget title  if ( $title )  	echo $before_title . $title . $after_title;    //Display the name  if ( $name )  	printf( '<p>' . __('Hey their Sailor! My name is %1$s.', 'example') . '</p>', $name );    if ( $show_info )  	printf( $name );    echo $after_widget;  

Шаг 4. function update()

Дальше функция update. Эта функция примет настройки пользователя и сохранит их. Она просто обновит настройки в соответствии с желанием пользователя.

function update( $new_instance, $old_instance ) {  	$instance = $old_instance;    	//Strip tags from title and name to remove HTML  	$instance['title'] = strip_tags( $new_instance['title'] );  	$instance['name'] = strip_tags( $new_instance['name'] );  	$instance['show_info'] = $new_instance['show_info'];    	return $instance;  }  

Одна вещь, на которую нужно обратить внимание: здесь мы используем strip_tags, чтобы удалить из текста весь XHTML, который может нарушить работу нашего виджета.

Шаг 5. function form()


На следующем шаге мы создадим форму, которая послужит блоком ввода. Она примет определяемые пользователем настройки и значения. Функция form может включать чекбоксы, поля для ввода текста и т.д.

Перед тем, как мы создадим эти поля для ввода, нам нужно определиться, что показывать, когда пользователь не выбирает ничего из виджета. Чтобы сделать это, мы передадим значения по умолчанию для параметров, например, заголовок, описание и т.д.

//Set up some default widget settings.  $defaults = array( 'title' => __('Example', 'example'), 'name' => __('Bilal Shaheen', 'example'), 'show_info' => true );  $instance = wp_parse_args( (array) $instance, $defaults ); ?>  

Теперь мы создадим текстовое поле ввода. Мы заключим эти значения в тег абзаца.

// Widget Title: Text Input  <p>  	<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e('Title:', 'example'); ?></label>  	<input id="<?php echo $this->get_field_id( 'title' ); ?>" .  

ot; value="<?php echo $instance['name']; ?>" style="width:100%;" /> </p> // Checkbox <p> <input class="checkbox" type="checkbox" <?php checked( $instance['show_info'], true ); ?> id="<?php echo $this->get_field_id( 'show_info' ); ?>" name="<?php echo $this->get_field_name( 'show_info' ); ?>" /> <label for="<?php echo $this->get_field_id( 'show_info' ); ?>"><?php _e('Display info publicly?', 'example'); ?></label> </p>

Заключение

Ну вот и все. Вы только что сделали самостоятельно симпатичный и простой виджет, который показывает имя автора блога. Более того, он дает возможность пользователю выбирать, показывать информацию аудитории или нет. Сохраните код в PHP файл и загрузите в папку своей темы. Вызовите его в вашем functions.php. После этого, перейдите в консоли в Внешний вид → Виджеты и вы увидите ваш виджет.

Весь этот код включен в прикрепленный к статье файл, так что скопировать и вставить можно еще проще. Наслаждайтесь!

hostenko.com

Что такое виджеты WordPress?


Что бы не заморачивать вас трудными терминами скажем просто, виджеты — это дополнительный инструмент для предоставления вашим посетителям полезной информации. Виджеты WordPress, как и во всех других CMS, размещаются в боковых панелях — сайт барах, это отдельный блок, независимый от основного документа. Область использования виджетов не имеет границ, в них можно размещать ссылки, рекламу, навигацию по сайту и многое другое.

Преимущества виджетов заключается в том, что они с легкостью позволяют размещать на всех страницах одну и ту же информацию без страха что ее примут за дублирование.

Обзор виджетов предоставленных стандартными настройками WordPress

Вы можете просмотреть короткое видео о установке и настройке виджетов WordPress или же прочитать текстовое описание.

Давайте рассмотрим виджеты предоставленные по умолчанию в панели администрирования wordpress. Их на первый взгляд много, но пользоваться вы будете только несколькими из них, в пределах одного сайта.

На следующем скриншоте предоставлен стандартный набор WordPress виджетов:Стандартные виджеты WordPress


  1. RSS (Записи из любой ленты RSS или Atom). Что такое RSS? Это новостной механизм который позволяет вашим пользователям быть в курсе событий и обновлений на вашем сайте.
  2. Календарь. Собственно это и есть календарь и все этим сказано) Думаю о пользовании и потребности календаря  мы все с вами знаем и особо в это углубляться не будем ? .
  3. Облако меток (облако часто используемых меток). Что такое метки в WordPress? Это грубо говоря дополнительная перелинковка вашему сайту. Виджет же представляет собой навигатор по вашему сайту.
  4. Произвольное меню (добавьте на боковую колонку дополнительное меню). Я думаю в описании, представленного самим «движком» и так все понятно. Этот виджет создает дополнительное меню в выбранной вами области.
  5. Свежие записи (самые последние посты вашего сайта). Обычно это 5-10 последних записей опубликованных на вашем сайте.
  6. Страницы (список страниц вашего сайта). С этим виджетом тоже не должно возникнуть проблем, я думаю тут все понятно.
  7. Архивы (библиотека ваших творений за последний год по месяцам). Отображает количество ваших записей за каждый месяц текущего года.

  8. МеНастройка виджетов WordPressта (Ссылки на вход/выход, RSS-ленту и WordPress.org). Пример отображения данного виджета.
  9. Поиск (Форма поиска, предусмотренная по умолчанию). Собственно виджет для поиска по записям вашего сайта.
  10. Свежие комментарии (Самые свежие комментарии вашего сайта.) Коментарии оставленные посетителями вашего сайта отображаются в данном виджете.
  11. Рубрики (Перечень или выпадающее меню рубрик). Думаю тут тоже все понятно, отображается список рубрик которые у вас есть.
  12. Текст (Произвольный текст или HTML-код). Наверное самый интересный для нас виджет WordPress. С его помощью мы можем размещать как обычный текст либо ссылки на какие то другие сайты, так и различный код. Для примера это может быть картинка группы Вконтакте, Однокласниках или же рекламный баннер, вообщем все что душа пожелает.

Как добавить виджеты в WordPress?

Как же добавить виджеты в нужное нам место на странице? Очень просто — берем и перетягиваем название в нужный нам сайт бар, где можно будет провести индивидуальные настройки каждого из них.

Также виджеты можно добавлять непосредственно при визуальной настройке темы, через меню «Внешний вид»->»Настроить»->»Виджеты», это немного удобнее тем что мы сразу видим изменения приносящие внедрение виджетов на странице.

Роль виджетов WordPress

Виджеты берут на себя значительную часть работы и заняли огромную нишу в сфере сайтостроения WordPress, они:


  • размещают рекламу;
  • публикуют новое на сайте (рубрики, посты, коментарии)
  • cлужат дополнительной навигацией для сайта, что позитивно влияет на отношение посетителей к вашему ресурсу;
  • отличаються быстротой в использовании.

Как добавить дополнительные виджеты WordPress?

Что бы добавить дополнительные виджеты к стандартным нужно либо ковырятся в коде что довольно таки затруднительно и громоздко, или же использовать плагины которые осуществят эту работу.

Одним из лучших плагинов является Jetpack от разработчиков WordPress, который сможет с легкостью взять на себя функцию дополнения виджетов, при этом тратя минимальное количество ресурсов.

Попрактиковавшись с виджетами вы поймете что нету ничего сложного, и вы с легкостью сможете освоить этот функционал и перейти к разбору плагинов, тема которых немного сложнее для понимания, но мы справимся и с ней.

В заключение: использование виджетов стало обычным делом для любого сайта на WordPress. Скажем даже больше, без них теперь трудно обойтись вообще, они заменили ряд плагинов, которые нагружали наш сервер и замедляли загрузку сайта.

yrokiwp.ru

Restrict Widgets 


Бесплатный и простой в использовании плагин, несмотря на английский язык от dFactory. Он наделяет создаёт новую возможность, которая часто бывает нужна вебмастерами, и которой в стандартной комплектации CMS, к сожалению, пока нет – скрывает определённые виджеты на той или иной странице или записи. 

У плагина нет собственных настроек. После его активации каждый виджет обретает дополнительные опции, с помощью которых можно и настроить их видимость на страницах и записях. 

Display Widgets  

Плагин, аналогичный предыдущему, но имеет больше возможностей – кроме того, что позволяет скрыть и показать виджеты на определённых записях и страницах, можно ещё настроить это отображение для типов платформ и ролей пользователей.  

После активации появляются дополнительные опции и возможности, в которых можно будет настроить их видимость. Продукт разработан Phpbits Creative Studio и бесплатный.  

WP Page Widget 

Плагин для виджетов WordPress продолжает экземпляр от CodeAndMore, который называется WP Page Widget. И он решает достаточно частую задачу, с которой сталкиваются вебмастера – публикация виджетов на страницах и записях.  

По умолчанию в CMS нет такой возможности. При активации, в редакторе появляется блок с виджетами. Любые из них можно публиковать на страницах, записях и других типах контента. 

Инструмент бесплатный и на английском языке.  

Q2W3 Fixed Widget 

Простой плагин от Max Bond, который можно успешно использовать для рекламных целей. Суть его в работы в том, что он создаёт дополнительную опцию, благодаря которой можно делать плавающий виджет. То есть, он всегда останется на виду, независимо от степени прокрутки страницы.  

Это можно использовать для того, чтобы создать элемент, на котором необходимо акцентировать внимание посетителей – рекламный баннер, какое-либо объявление или важный навигационный элемент. 

Disable Widgets  

Простейший плагин от required, который позволяет отключать неиспользуемые виджеты. После активации создаёт страницу опций, на которой можно галочками отметить ненужные элементы.  

Кроме виджетов для сайдбара, позволяет также отключать ненужные виджеты в консоли WordPress. Поддерживает как встроенные в CMS элементы, так и созданные дополнительно плагинами.  Инструмент на английском языке и бесплатный.  

jQuery Archive List Widget 

Плагин добавляет в состав виджетов новый, который выводит архив сайта. В отличие от встроенного в WordPress архива, этот имеет значительно больше настроек и более приятный отзывчивый интерфейс.  

Настройки на английском языке, но интуитивно понятные, все опции собраны в самом виджете. Разработчик этого инструмента Miguel Useche. 

SiteOrigin Widgets 

Разработчики из SiteOrigin уже известны многим вебмастерам своими качественными и полезными продуктами. Также они выпускают и плагины для виджетов. Один из них это SiteOrigin Widgets. 

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

Новые элементы качественно переведены русский язык и плагин полностью бесплатный. 

Widget CSS Classes 

Бесплатный  инструмент разработанный C.M. Kendrick, который будет полезен только тем, кто владеет CSS, и хочет изменить внешний вид дизайна. После активации у каждого виджета появляется поле, в которое можно добавить кастомный CSS класс. Есть страница опций на русском языке.  

Authors Widget  

Этот плагин создаёт новый элемент для WordPRess, в функции которого входит вывод списка авторов сайта. Инструмент будет полезен многопользовательским сайтам. 

После активации в WordPress образуется новый элемент, который имеет свои настройки. Можно подогнать внешний вид списка авторов так, как будет лучше всего соответствовать дизайну сайта. Других настроек у плагина нет. 

Интерфейс на английском языке, разработка от Gavriel Fleischer. 

Recent Posts Widget With Thumbnails 

Виджет, разработанный Martin Stehle, который выводит недавно опубликованные записи. Вообще, в WordPress есть функции возможность для этой возможности, но тот, который создан этим плагином имеет больше настроек и более приятный внешний вид. 

Все настройки плагина собраны в самом виджете. Главное его отличие от встроенного в WordPress в том, что этот позволяет выводить ещё и миниатюры последних записей. Конечно же, есть и дополнительные полезные опции. Всё на русском языке и бесплатно.  

wpuroki.ru

ТОП 5 Виджетов для WordPress

 

 

5 Место — Add Widget After Content 

 

Данный виджет позволит вам добавлять любой контент после каждой записи или страницы вашего сайта. Очень полезный и удобный виджет, например хотите вы вставить после каждой записи — рекламу, видео, кнопки соцсетей поделится и т.д., то согласитесь вручную вставлять отдельно для каждой записи запаришься, это отнимает много времени. А если вы добавите данный виджет на свой сайт, то вам лишь нужно будет добавить в данный виджет нужный вам контент и он отобразится после каждой записи.

 

library-849797_640

 

Но что ещё хорошо, если вы например хотите чтобы после определённой записи контент виджета не отображался, то вам лишь нужно будет на странице создания записи поставить галочку в чек-боксе и контент не будет показываться для выбранной записи. Настройка плагина Add Widget After Content.

 

 

4 Место — Feature A Page Widget

 

Данный плагин добавит на ваш сайт новый виджет для создания анонсов записей и страниц. У данного виджета очень интересные настройки, можно создавать анонсы с фотографией или без, с маленьким фото или с большим, добавлять к анонсу ссылку, заголовок и т.д. Виджет очень прост и удобен в использовании и может послужить вашему сайту хорошую службу. Настройка плагина Feature A Page Widget.

 

citroen-383954_640

 

 

3 Место — Restrict Widgets

 

Супер полезный плагин, который должен стоять на каждом сайте wordpress, а если у вас до сих пор нет такого плагина, то вы много теряете. Данный плагин позволит вам управлять виджетами вашего сайта, ведь наверняка у каждого начинающего блогера возникал вопрос — Как сделать так, чтобы на одной странице виджет отображался, а на другой нет. Согласитесь на сайте есть страницы, на которых просто ни к чему отображать все виджеты, например страница Обратная связь, зачем там нужны все виджеты, ведь страница маленькая. Конечно это касается тех у кого на сайте много виджетов и кто хотел бы рассортировать их по страницам. Настройка плагина Restrict Widgets.

 

garbage-298774_640

 

 

2 Место — Responsive Column Widgets

 

Ещё один супер-полезный плагин, с помощью которого вы сможете добавить на любую страницу вашего сайта адаптивные виджеты. Причём виджеты на странице можно располагать как угодно в любом порядке, вертикально, горизонтально, сеткой, можно устанавливать размер для виджетов, порядок расстановки и т.д. Например можно сделать так: на 1 ряду страницы — 2 виджета, на 2 ряду страницы — 4 виджета, на 3 ряду страницы — 5 виджетов и т.д., подставляйте любые цифры, нет никаких ограничений.

 

11-10-2015 14-00-10

 

В общем плагин действительно окажется очень полезным инструментом, для тех кто хочет создать на странице своего сайта — адаптивную сетку виджетов. Настройка плагина Responsive Column Widgets.

 

 

1 Место — Black Studio TinyMCE Widget

 

Супер плагин, который должен стоять на каждом сайте wordpress. Добавит на ваш сайт виджет, в который встроен визуальный редактор wordpress, такой же как и при создании записи или страницы. С помощью данного виджета вы сможете творить всё что угодно, включайте фантазию, придумывайте новые фишки, экспериментируйте, действуйте. Данный плагин хорошо использовать в связке с плагином — Shortcodes Ultimate, всем рекомендую, можно придумывать куча прикольных комбинаций. Настройка плагина Black Studio TinyMCE Widget.

 

11-10-2015 14-01-36

 

На этом всё, удачи вам и до новых встреч !

 






info-effect.ru


info-effect.ru

Пользовательские виджеты WordPress могут значительно расширить функциональность вашего веб-сайта. Но виджеты поставляются только как часть плагина, поэтому сначала вам нужно будет установить некоторые из них. Официальное хранилище плагинов на WordPress.org содержит тысячи бесплатных расширений.

Как добавлять виджеты WordPress на свой сайт?

Это довольно легко. После того, как вы установили плагин, перейдите в Внешний вид > Виджеты на панели инструментов WordPress и просто перетащите виджет в виджет-зону по вашему выбору.

Каждая тема имеет разное количество и положение областей виджетов. Первоначально они предназначены для размещения на боковой панели. Но в большинстве современных тем, таких как Monstroid 2, например, есть дополнительные области, которые можно использовать для более креативного размещения ваших виджетов.

Сегодня я хочу познакомить вас с самыми популярными плагинами WordPress с виджетами, которые вы можете использовать на вашем сайте.

Black Studio TinyMCE WidgetВиджеты wordpress

Плагин TinyMCE WordPress от Black Studio — это полностью бесплатное расширение WordPress, которое позволит вам добавлять форматированный контент в ваши области виджетов. Его интерфейс точно такой же, как в редакторе сообщений WordPress, поэтому вы можете включать заголовки, изображения и короткие коды, а также изменить цвет текста и т.д.

TM YouTube SubscribeВиджеты wordpress

Запускаете канал YouTube и хотите заняться его продвижением? Этот простой, но мощный плагин дает вам возможность получать подписчиков на YouTube прямо с вашей веб-страницы. Просто настройте плагин и добавьте виджет в область виджетов по вашему выбору.

TM WooCommerce PackageВиджеты wordpress

Пакет TM WooCommerce представляет собой набор из 5 виджетов, предназначенных для усовершествования вашего интернет-магазина и повышения его функциональности и эффективности. Он полностью совместим с последними версиями WordPress и WooCommerce.

Примечание: этот плагин требует рабочей установки WooCommerce на вашем веб-сайте.

Contact WidgetsВиджеты wordpress

Вы хотите предоставить своим посетителям всю контактную информацию, не отправляя их на страницу «Связаться с нами», что может быть губительным для коэффициента конверсии? Тогда данный виджет, разработанный GoDaddy — это именно то, что вам нужно. Он позволяет размещать ваши контактные данные, включая адрес электронной почты, номер телефона, факс и физический адрес (он также поддерживает карты Google) в любом месте сайта. Отлично настраиваемый, он будет соответствовать любой современной теме WordPress.

WordPress Popular PostsВиджеты wordpress

Если вы хотите создать еще больший ажиотаж вокруг своих лучших постов в блогах, подумайте об использовании этого виджета. Вы можете одновременно использовать Popular Posts для того, чтобы фильтровать посты по временному диапазону, отображать миниатюры постов и даже создавать собственные макеты виджетов. Плагин совместим с WPML и имеет многоуровневую поддержку.

WP Instagram WidgetВиджеты wordpress

Невозможно продвинуть современный бизнес в Интернете без использования каналов социальных сетей, таких как Facebook,Instagram и другие. Последний может быть легко интегрирован с вашим веб-сайтом на WordPress с помощью этого бесплатного плагина WP Instagram Widget. Виджет по умолчанию не стилизован, поэтому его можно легко включить в свою тему с помощью собственного CSS.

PayPal DonationsВиджеты wordpress

Принятие пожертвований PayPal никогда не было таким простым для некоммерческих и коммерческих организаций. Этот плагин позволяет вам размещать оптимизированную для преобразования кнопку с помощью виджета или короткого кода. Плагин переведен на 15 языков, включая русский, итальянский, испанский, французский и немецкий.

Youtube Channel GalleryВиджеты wordpress

Отображайте видео с вашего канала YouTube на своем веб-сайте WordPress с помощью этого настраиваемого бесплатного плагина. Он поставляется с кучей настраиваемых опций, позволяющих изменять внешний вид и функциональность.

Примечание: чтобы использовать плагин, вам необходимо вставить свой ключ API на YouTube.

Social Count PlusВиджеты wordpress

Social Count Plus — это продвинутый бесплатный плагин WordPress, который добавляет счетчик слежения в реальном времени не только для социальных сетей по умолчанию (Facebook, Twitter, LinkedIn и Pinterest), но также для Reddit, сообщества Steam, SoundCloud, Vimeo и Twitch. Он также показывает количество комментариев и общее количество пользователей. Вы можете отображать цифры в своей теме с помощью функций Widget, Shortcodes или PHP.

Rotating TweetsВиджеты wordpress

Rotating Tweets — еще один классный плагин WordPress для маркетинга в социальных сетях. Он добавляет виджет, в котором будут отображаться ваши последние твиты на боковой панели или в других областях виджетов. Он полностью настраиваемый: вы решаете, какие твиты показывать, сколько их показывать, включать ли ретвиты и ответы. Кроме того, виджет будет функционировать, даже если сам Twitter не работает. Плагин также поддерживает новый более длинный формат твита.

WordPress Ad WidgetВиджеты wordpress

Монетизируйте свой веб-сайт WordPress с помощью BuySellAds, AdSense или любой другой рекламной сетью с плагином WordPress Ad Widget. С его помощью вы можете добавить любое количество баннеров в область виджетов на ваших веб-страниц. Плагин представляет два типа виджетов: HTML/JavaScript Ad (для AdSense и т.д.) и Image/Banner Ad (для прямой рекламы). Они очень просты в управлении, поэтому не стесняйтесь и хватайте плагин сразу.

Ultimate Tag Cloud WidgetВиджеты wordpress

Ultimate Tag Cloud Widget — это отлично настраиваемый бесплатный плагин WordPress. Как следует из его названия, он генерирует облако тегов, которое может отображать все теги, теги одного или сразу нескольких авторов. Он также оснащен некоторыми вариантами раскрашивания и упорядочивающими опциями. Хотя плагин не обновлялся в течение двух лет, автор поддерживает его совместимым с последними версиями WordPress.

Recent Posts Widget ExtendedВиджеты wordpress

Этот бесплатный плагин для WordPress позволит вам отображать виджет с последними постами на любой странице вашего сайта. Он предлагает множество опций, включая возможность отображения постов из определенной категории. В настоящее время этот плагин поддерживает английский, французский и бразильский португальский языки, но вы можете перевести его с использованием исходного кода на GitHub.

YITH WooCommerce Ajax Product FilterВиджеты wordpress

YITH WooCommerce Ajax Product Filter — обязательный бесплатный плагин WordPress для любого владельца магазина WooCommerce. Он делает процесс поиска более удобным для ваших клиентов, тем самым повышая их лояльность и коэффициент конверсии. Плагин поставляется с 4 макетами: простым списком, выпадающим, цветным и маркированным.

Instagram Slider WidgetВиджеты wordpress

Instagram Slider Widget — это отзывчивый слайдер-виджет, который отображает 12 последних изображений из учетной записи Instagram или 18 изображений по хэштегам. API не требуется, но учетная запись должна быть общедоступной, чтобы отображались посты. Доступны различные параметры сортировки: по популярности, дате или произвольно.

Category Posts WidgetВиджеты wordpress

Этот плагин предоставляет вам виджет с последними постами из выбранной категории. Плагин также включает шорткоды, которые позволяют вставлять списки последних публикаций в посты и на страницы вашего блога.

NewStatPressВиджеты wordpress

NewStatPress — это плагин аналитики для WordPress, который позволяет собирать информацию о посетителях, поисковых запросах и многом другом без ссылки на Google Analytics. Используйте его, если вам нужен собственный мощный инструмент для анализа поведения ваших посетителей. Вы также можете добавить виджет на боковой панели и отобразить статистику в интерфейсе вашего веб-сайта.

Social Icons Widget by WPZOOMВиджеты wordpress

Social Icons Widget — еще один важный плагин WordPress для «социальных наркоманов». Он содержит 4 набора значков, предназначенных для 80+ социальных сетей, включая такие экзотические веб-сайты, как 500px, DeviantArt и StackOverflow, а также множество дополнительных иконок. Кроме того, он поддерживает адреса электронной почты, номера телефонов, Skype и Viber.

Meks Smart Author WidgetВиджеты wordpress

Этот бесплатный плагин предоставляет вам виджет для отображения информации об авторах публикаций в вашем блоге. Он автоматически определяет автора каждого сообщения, и вы можете изменить размер аватара или добавить ссылку на архив постов автора.

T(-) CountdownВиджеты wordpress

Этот бесплатный плагин WordPress добавляет динамический обратный отсчет в область виджетов по вашему выбору. Обратный отсчет сделан в HTML5, поэтому он будет отображаться даже на мобильных устройствах, которые не поддерживают Flash. Он имеет множество вариантов внешнего вида и отлично впишется в стиль вашей темы.

Надеюсь, вы оцените это отличные бесплатные виджеты для WordPress!

Источник

freelance.today

Как добавить виджеты для WordPress на свой сайт?

Это довольно легко. После того, как вы установили плагин, перейдите в панель инструментов, которую имеют все шаблоны WordPress, далее Внешний вид -> Виджеты и просто перетащить виджет в виджет-зону по вашему выбору.

Каждый шаблон имеет разное количество виджетов и область для них. Изначально, они должны быть размещены на боковой панели. Но в большинстве современных тем, таких как Monstroid 2, есть дополнительные зоны, которые можно использовать, чтоб упорядочить свои виджеты более творческим образом.

Сегодня мы рассмотрим наиболее популярные плагины для WordPress с виджетами, актуальными для использования на вашем сайте в 2017 году.

Black Studio TinyMCE Widget

Виджеты wordpressРазработчик: Black Studio

Цена: бесплатно

Плагин TinyMCE от Black Studio – это совершенно бесплатное расширение для WordPress, которое позволит вам публиковать отформатированный контент в свои виджет области. Его интерфейс точно такой же, как в редакторе WordPress пост, так что вы можете добавлять заголовки, изображения, изменять цвет текста и т. д.

TM YouTube Subscribe

Виджеты wordpress
Разработчик: TemplateMonster

Цена: бесплатно

Имеете YouTube канал и хотите его продвигать? Этот простой, но мощный плагин позволит получать YouTube подписчиков прямо на вашей веб-странице. Просто настройте плагин и добавьте виджет WordPress в область виджетов по вашему выбору.

TM WooCommerce Package

Виджеты wordpress

Разработчик: JetImpex

Цена: бесплатно

TM WooCommerce Package представляет собой набор из 5 виджетов, предназначенных для расширения функциональности вашего интернет-магазина и повышения его эффективности. Он полностью совместим с последними версиями WordPress и WooCommerce.

Важно! Потребуется установить WooCommerce шаблон на ваш веб-сайт.

Contact Widgets

Виджеты wordpressРазработчик: GoDaddy

Цена: бесплатно

Хотите предоставить своим посетителям всю контактную информацию, не отправляя их на страницу «Связаться с нами»? Тогда этот виджет WordPress, разработанный GoDaddy, – это именно то, что вам нужно. Этот полезный виджет для сайта, позволяет размещать ваши контактные данные, включая адрес электронной почты, номер телефона, факс и физический адрес (он также поддерживает Карты Google) в любом месте сайта.

WordPress Popular Posts

Виджеты wordpress

Разработчик: Hector Cabrera

Цена: бесплатно

Если вы хотите создать еще больше шумихи вокруг своих постов в блоге, подумайте об использовании этого виджета. Вы можете одновременно использовать несколько виджетов Popular Posts; фильтровать сообщения по временному диапазону, отображать миниатюры постов и даже создавать собственные макеты. Плагин совместим с WPML и предоставляет многоуровневую техподдержку.

WP Instagram Widget

Виджеты wordpressРазработчик: Scott Evans

Цена: бесплатно

Невозможно продвинуть современный бизнес в Интернете без использования социальных сетей, таких как Twitter и Instagram. Последний может быть легко интегрирован с вашим веб-сайтом WordPress с помощью этого бесплатного виджета. Виджет по умолчанию не стилизован, поэтому его можно легко включить в свою тему с помощью собственного CSS.

PayPal Donations

Виджеты wordpress

Разработчик: Tips and Tricks HQ, Johan Steen

Цена: бесплатно

Принимать пожертвования еще никогда не было так просто для некоммерческих (и для коммерческих) организаций! С помощью PayPal Donations (или короткого кода) вы сможете разместить на своей странице оптимизированную для преобразования кнопку. Плагин переведен на 15 языков, включая русский, итальянский, испанский, французский и немецкий.

Youtube Channel Gallery

Виджеты wordpress

Разработчик: Javier Gómez Pose

Цена: бесплатно

Отобразите видео с вашего канала YouTube на своем веб-сайте, используя лучший плагин для WordPress. Он поставляется с большим количеством опций, которые позволят изменять его внешний вид и функциональность.

Важно! Необходимо вставить ваш ключ API на YouTube для того, чтоб использовать плагин.

Social Count Plus

Виджеты wordpressРазработчик: Claudio Sanches

Price: бесплатно

Social Count Plus – это продвинутый бесплатный плагин WordPress, который добавляет счетчик подписчиков в реальном времени, не только для наиболее популярных социальных сетей (Facebook, Twitter, LinkedIn и Pinterest), но также и для Reddit, сообщества Steam, SoundCloud, Vimeo и Twitch.

Кроме этого, данный WordPress виджет будет отображать количество комментариев и общее число пользователей. На сайте вы можете представить свою статистику с помощью функций Widget, Shortcodes или PHP.

Rotating Tweets (Twitter widget and shortcode)

Виджеты wordpressРазработчик: Martin Tod

Цена: бесплатно

Rotating Tweets – еще один полезный плагин WordPress для маркетинга в социальных сетях. Он добавляет виджет WordPress, в котором будут отображаться ваши последние твиты на боковой панели или в других виджетах (также может использоваться шорткод). Он полностью настраивается (вы решаете, чьи твиты показывать, сколько показывать, включать ли ретвиты и ответы, а также показывать ли кнопку “Подписаться”) и будет функционировать, даже если сам Twitter не работает. Плагин также поддерживает новый, более длинный формат твита.

WordPress Ad Widget

Виджеты wordpress
Разработчик: Broadstreet XPRESS

Цена: бесплатно

Монетизируйте свой веб-сайт WordPress с помощью BuySellAds, AdSense или любой другой рекламной сети, установив лучший плагин для WordPress AdPad. С его помощью вы можете добавить любое количество баннеров в области виджетов веб-страницы. Плагин представляет два типа виджетов: HTML / JavaScript Ad (для AdSense и т.д.) и Image/Banner Ad (для прямой рекламы). Они очень просты в управлении, поэтому установить и настроить их будет легко.

Ultimate Tag Cloud Widget

Виджеты wordpressРазработчик: Rickard Andersson

Цена: бесплатно

Ultimate Tag Cloud Widget – настраиваемый бесплатный плагин WordPress. Как следует из его названия, он генерирует облако тегов, которое может отображать все теги, теги с одним автором и теги с несколькими авторами. Хотя плагин не обновлялся в течение 2 лет, он совместим с последними версиями WordPress.

Recent Posts Widget Extended

Виджеты wordpressРазработчик: Satrya

Цена: бесплатно

Этот бесплатный WordPress плагин, позволит вам вывести виджет с последними постами на любую страницу вашего сайта. Он предлагает множество опций, включая возможность выводить посты из определенной категории. В настоящее время, этот плагин поддерживает английский, французский, бразильский и португальский языки, но вы можете перевести его с помощью исходного кода на GitHub.

YITH WooCommerce Ajax Product Filter

Виджеты wordpress
Разработчик: YITHEMES

Цена: бесплатно

YITH WooCommerce Ajax Product Filter – обязательный бесплатный плагин WordPress для любого владельца магазина WooCommerce. Он помогает сделать процесс поиска необходимых товаров или услуг более удобным для ваших клиентов, тем самым повышая их лояльность и коэффициент конверсии.

Instagram Slider Widget

Виджеты wordpress
Разработчик: jetonr

Цена: бесплатно

Instagram Slider Widget – это полезный виджет для сайта, который отображает 12 последних изображений из учетной записи Instagram или 18 изображений из хэштега. API не требуется, но учетная запись должна быть общедоступной, чтоб отображать посты. Доступны различные параметры сортировки (по популярности, дате или произвольно).

Category Posts Widget

Виджеты wordpressРазработчик: TipTopPress

Цена: бесплатно

Этот плагин предоставляет виджет WordPress, отображающий последние посты из выбранной категории. Плагин также включает в себя шорткоды, что позволяет вставлять списки последних постов в вашем блоге и на страницах.

NewStatPress

Виджеты wordpress

Разработчик: Stefano Tognon and cHab (from Daniele Lippi works)

Цена: бесплатно

NewStatPress – плагин для аналитики WordPress, который позволяет собирать информацию о посетителях, ключевых словах поиска и многом другом без ссылки на Google Analytics. Используйте его, если вам нужен мощный собственный инструмент для анализа поведения ваших посетителей. Вы также можете добавить виджет боковой панели и отобразить статистику в интерфейсе вашего веб-сайта.

Social Icons Widget by WPZOOM

Виджеты wordpressРазработчик: WPZOOM

Цена: бесплатно

Social Icons Widget – еще один важный плагин WordPress для поклонников социальных сетей. Он содержит 4 набора значков, предназначенных для 80+ соцсетей, включая такие экзотические веб-сайты, как 500px, DeviantArt и StackOverflow, а также множество дополнительных иконок. Он также поддерживает адреса электронной почты, номера телефонов, Skype и Viber.

Meks Smart Author Widget

Виджеты wordpress

Разработчик: Meks

Цена: бесплатно

Meks Smart Author Widget предоставляет вам виджет для отображения информации об авторах постов в вашем блоге. Он автоматически определяет автора каждого сообщения, и вы можете изменить размер аватара и добавить ссылку на архив постов данного автора.

T(-) Countdown

Виджеты wordpressРазработчик: twinpictures, baden03

Цена: бесплатно

Этот плагин WordPress добавляет динамический обратный отсчет в область виджетов по вашему выбору. Обратный отсчет сделан в HTML5, поэтому он будет отображаться даже на мобильных устройствах, которые не поддерживают Flash. Он имеет множество вариантов внешнего вида и отлично впишется в стиль вашей темы.

www.templatemonster.com

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

Откроем кодекс WordPress и посмотрим, что есть в документации насчёт создания своего виджета. WordPress предлагает расширить стандартный класс WP_Widget и его функции и демонстрирует пример готового кода с одним текстовым полем. New_Widget расширяет встроенный в WordPress виджет WP_Widget.

class New_Widget extends WP_Widget {

Код для создания нового виджета с дефолтным названием Foo_Widget, вам надо это название везде заменить на своё — New_Widget.

Надо добавить новый класс New_Widget, скопируйте код из Example в кодексе и вставьте в файл function.php. Необходимо ещё зарегистрировать новый виджет, делается это с помощью хука widgets_init, хук цепляет добавленный виджет к ядру WordPress. Ниже пример регистрации виджета New_Widget, добавьте этот код в файл function.php, сразу после кода с классом.

function register_new_widget() {
  register_widget( 'New_Widget' );
}
add_action( 'widgets_init', 'register_new_widget' );

Теперь в области доступных виджетов появился наш виджет, который можно добавить в нужное место в сайдбаре.

Созданный нами виджет мы видим и на сайте. Новый виджет абсолютно бесполезен, так как выводит только заголовок, но мне было важно показать сам принцип создания.

Файл function.php не резиновый

Если у вас слишком много пользовательского кода, то я рекомендую код каждого нового класс виджета выносить в отдельный PHP файл, которые складывать в свою отдельную папку с виджетами. Кроме того для кода регистрации всех кастомных виджетов необходимо создать ещё один файл. Теперь надо подключить эти файлы к function.php через функцию require.

require get_template_directory() . '/widgets/custom-widget-1.php';
require get_template_directory() . '/widgets/custom-widget-2.php';

Как отключить виджеты

В случае, если вы не собираетесь использовать какие-то стандартные или собственные виджеты, то можно их отключить. Для этого у WordPress предусмотрена функция — unregister_widget(), она не удаляет виджеты из WordPress насовсем, а убирает их просто их админ-консоли. Вставьте в файл function.php названия виджетов, которые вам надо отключить.

function remove_calendar_widget() {
  unregister_widget('WP_Widget_Calendar');
}

А так же не забудьте убрать хук, связывающий с ядром WordPress.

add_action( 'widgets_init', 'remove_calendar_widget' );

Если вы начинающий веб-разработчик, конечно можно воспользоваться уже готовыми плагинами с виджетами. По своему опыту знаю, какие виджеты наиболее востребованы сейчас на сайтах.

Contact Form 7 — плагин формы обратной связи

Этот плагин самый востребованный, он хоть и не создает собственного виджета, зато все созданные вами формы имеют свой шорткод. Вы копируете шорткод нужной формы и вставляете в текстовый виджет в режиме «Текст» данный шорткод.

На сайте в сайдбаре появится виджет с готовой формой обратной связи.

myrusakov.ru

Как добавить или удалить виджеты (для начинающих)

Для начала у вас должен быть подключен хотя бы один сайдбар, если у вас с этим трудности, тогда вам следует прочитать подробное руководство по работе с сайдбарами (там также описано, как добавить поддержку виджетов в теме WordPress). Также виджеты можно вывести на сайте непосредственно через PHP-код при помощи функции the_widget().

Если с этим разобрались, переходим в админке на страницу Внешний вид > Виджеты. Видите список доступных виджетов? Для того, чтобы добавить виджет на сайт, нужно перетащить его в одну из областей справа (сайдбаров).

В более поздних версиях WordPress есть и другой способ добавления виджета — вам достаточно кликнуть по его заголовку и из выпадающего списка выбрать сайдбар, в который вы хотите его добавить:

Когда виджет будет добавлен, мы увидим его настройки. В виджете «Календарь» это заголовок:

Таким образом мы можем добавлять неограниченное количество виджетов в любую из областей сайта, настраивать, редактировать их, менять порядок перетаскиванием.

Для того, чтобы удалить виджет, нажимаем ссылку «Удалить» (её видно на предыдущем скриншоте). Если же вы хотите лишь временно отключить виджет, сохранив его настройки, перетаскиваем его в блок «Неактивные виджеты», который находится под блоком «Доступные виджеты».

Отключение стандартных виджетов WordPress

Если вы не используете и не планируете использовать какой-либо из стандартных виджетов WordPress, вы можете полностью отключить его при помощи функции unregister_widget(), после чего виджет перестанет отображаться в админке на странице Внешний вид > Виджеты, также он исчезнет и со страниц сайта.

Для отключения виджетов можете воспользоваться готовым кодом ниже:

  1. Вставьте код в файл functions.php текущей темы.
  2. Удалите или закомментируйте строки с теми виджетами, которые удалять не нужно.
  3. И только потом можете сохранить файл.

Эта функция позволяет удалять не только стандартные виджеты. В качестве параметра функции вы можете указать название класса любого виджета (например который был зарегистрирован в каком-либо плагине).

Если у вас есть какие-либо настроенные виджеты на сайте, учтите, при удалении виджета также удалятся и все его настройки, поэтому если вы вдруг потом решите, что виджет, который вы отключили, вам нужен, то его придется настраивать заново.

Создание собственного виджета

Добавить свой виджет с настройками в WordPress совсем не трудно, но конечно для этого не помешало бы хоть немного разбираться в PHP. Описывать как работает PHP-код в этом посту я не буду, просто задайте свой вопрос в комментариях, если у вас возникнут какие-либо трудности с кодом.

А сейчас мы будем создавать виджет популярных постов — выведем отсортированные по количеству комментариев записи через WP_Query.

По своей структуре наш виджет будет похож на стандартный виджет WordPress «Свежие записи», т е он будет иметь похожие параметры (заголовок и количество отображаемых постов) и похожий HTML-шаблон для вывода постов (заголовки записей со ссылками в виде <ul>-списка).

Вставляем этот код в functions.php:

Я перетащил этот код «как есть» (естественно удалив первую строчку <?php) в файл functions.php стандартной темы TwentyTwelve, в итоге в списке виджетов на странице Внешний вид > Виджеты мы видим наш виджет:

Давайте перетащим его в какой-нибудь сайдбар справа:

Вот и всё, указываем заголовок виджета (если нужно), количество постов, которое мы хотим вывести и нажимаем «Сохранить» — после этого виджет появится на сайте.

Список плагинов с полезными виджетами

Конечно, необязательно создавать каждый виджет самому, вы можете воспользоваться уже готовыми решениями для конкретных задач.

Для того, чтобы добавить какой-либо из этих плагинов к себе на сайт, копируете его название, переходите в админке в Плагины > Добавить новый и вставляете в форму поиска скопированное название.

Подробно описывать каждый плагин я не буду — описание почти каждого из них тянет на новый пост. Устанавливайте, смотрите, тестируйте (на момент публикации этого поста каждый из плагинов был протестирован мною лично и всё работало отлично).

  • Beautiful Yahoo Weather — виджет прогноза погоды, довольно неплохой и красивый по сравнению с аналогами. Но для этих целей наверное лучше использовать текстовый виджет WordPress в связке с информерами от Gismeteo, Яндекса и т.д.
  • NextGEN Gallery — плагин для создания и управления галереями изображений в WordPress, одна из функций которого — виджет галереи.
  • Search by Google — форма поиска по сайту от Google (Google Custom Search).
  • Slick Contact Forms — виджет формы обратной связи.
  • Tabbed Login Widget — виджет авторизации, сделан в виде трех вкладок — «Вход», «Регистрация», «Забыли пароль», весьма удобный.
  • WP Currency Converter — конвертер валют.
  • WP Editor Widget — используйте редактор WordPress для заполнения этого виджета.
  • WP-Cumulus — добавляет флэш-облако тегов и/или категорий.
  • WP-Polls — удобный плагин для создания опросов на сайте.
  • Yet Another Related Posts Plugin (YARPP) — мощный плагин для вывода похожих записей.
  • Youtube Channel Gallery — виджет со свежими видео с канала на YouTube. Виджет выглядит очень красиво, хорошо и легко настраивается.

Со временем список будет пополняться.

Я не стану рассматривать все остальные виджеты социальных сетей (Facebook, Вконтакте, Twitter и т.д.) — в принципе официальные виджеты вполне удобные — просто копируем код, который нам дают и вставляем его в вордпрессовский виджет «Текст».

misha.blog


You May Also Like

About the Author: admind

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.