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

Виджеты в WordPress, их создание и удаление

Хотите больше практики? Рекомендую тогда посмотреть мой видеоурок по виджетам.

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

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

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

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

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

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

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

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

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

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

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

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

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

function true_remove_default_widget() {
	unregister_widget('WP_Widget_Archives'); // Архивы
	unregister_widget('WP_Widget_Calendar'); // Календарь
	unregister_widget('WP_Widget_Categories'); // Рубрики
	unregister_widget('WP_Widget_Meta'); // Мета
	unregister_widget('WP_Widget_Pages'); // Страницы
	unregister_widget('WP_Widget_Recent_Comments'); // Свежие комментарии
	unregister_widget('WP_Widget_Recent_Posts'); // Свежие записи
	unregister_widget('WP_Widget_RSS'); // RSS
	unregister_widget('WP_Widget_Search'); // Поиск
	unregister_widget('WP_Widget_Tag_Cloud'); // Облако меток
	unregister_widget('WP_Widget_Text'); // Текст
	unregister_widget('WP_Nav_Menu_Widget'); // Произвольное меню
}
 
add_action( 'widgets_init', 'true_remove_default_widget', 20 );

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

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

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

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

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

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

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

<?php
class trueTopPostsWidget extends WP_Widget {
 
	/*
	 * создание виджета
	 */
	function __construct() {
		parent::__construct(
			'true_top_widget', 
			'Популярные посты', // заголовок виджета
			array( 'description' => 'Позволяет вывести посты, отсортированные по количеству комментариев в них.' ) // описание
		);
	}
 
	/*
	 * фронтэнд виджета
	 */
	public function widget( $args, $instance ) {
		$title = apply_filters( 'widget_title', $instance['title'] ); // к заголовку применяем фильтр (необязательно)
		$posts_per_page = $instance['posts_per_page'];
 
		echo $args['before_widget'];
 
		if ( ! empty( $title ) )
			echo $args['before_title'] . $title . $args['after_title'];
 
		$q = new WP_Query("posts_per_page=$posts_per_page&orderby=comment_count");
		if( $q->have_posts() ):
			?><ul><?php
			while( $q->have_posts() ): $q->the_post();
				?><li><a href="<?php the_permalink() ?>"><?php the_title() ?></a></li><?php
			endwhile;
			?></ul><?php
		endif;
		wp_reset_postdata();
 
		echo $args['after_widget'];
	}
 
	/*
	 * бэкэнд виджета
	 */
	public function form( $instance ) {
		if ( isset( $instance[ 'title' ] ) ) {
			$title = $instance[ 'title' ];
		}
		if ( isset( $instance[ 'posts_per_page' ] ) ) {
			$posts_per_page = $instance[ 'posts_per_page' ];
		}
		?>
		<p>
			<label for="<?php echo $this->get_field_id( 'title' ); ?>">Заголовок</label> 
			<input name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>" />
		</p>
		<p>
			<label for="<?php echo $this->get_field_id( 'posts_per_page' ); ?>">Количество постов:</label> 
			<input name="<?php echo $this->get_field_name( 'posts_per_page' ); ?>" type="text" value="<?php echo ($posts_per_page) ? esc_attr( $posts_per_page ) : '5'; ?>" size="3" />
		</p>
		<?php 
	}
 
	/*
	 * сохранение настроек виджета
	 */
	public function update( $new_instance, $old_instance ) {
		$instance = array();
		$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
		$instance['posts_per_page'] = ( is_numeric( $new_instance['posts_per_page'] ) ) ? $new_instance['posts_per_page'] : '5'; // по умолчанию выводятся 5 постов
		return $instance;
	}
}
 
/*
 * регистрация виджета
 */
function true_top_posts_widget_load() {
	register_widget( 'trueTopPostsWidget' );
}
add_action( 'widgets_init', 'true_top_posts_widget_load' );

Я перетащил этот код «как есть» (естественно удалив первую строчку <?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, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Добавляем WordPress виджеты в записи и страницы

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

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

Как использовать прием «виджет внутри поста»?

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

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

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

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

Как добавлять виджеты в записи и страницы?

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

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

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

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

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

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

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

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

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

Теперь, воспользовавшись шорткодами, названными в соответствии с определенными областям виджетов, вы можете вставлять ваши виджеты в посты и страницы. Вы так же можете вызывать уже существующие сайдбары, указывая в шорткодах названия этих сайдбараов, которые, как правило, ‘sidebar-1’ и т.д.

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

Другие способы усовершенствования WORDPRESS виджетов

Flexible Posts Widget — позволяет вам показывать блок «последние записи», как виджет сайдбаре или на странице/посте, если использовать его в комбинации с одним из описанным выше плагинов. Если стандартный виджет «последние записи» показывают только самые свежие записи, то этот плагин дает вам гораздо больше контроля над этим блоком. С помощью данного инструмента, вы можете показывать посты определенного типа, соответствующие определенным категориям или тегам. Вы так же сможете полностью контролировать порядок, в котором показываются записи.

Widget Logic – это бесплатный плагин который я уже описывал ранее, позволяющий вам выбирать, какие виджеты показывать в определенных постах/страницах. Этот плагин добавляет новое поле к каждому виджету. С помощью этого поля вы можете контролировать страницы, посты и категории, где появляется тот или иной виджет. Этому плагину есть множество применений, например, можно показать виджет, включающий личные фото с Flickr только на странице «Обо мне», или отображать определенный ссылки только на страницах или в категориях, которые имеют к ним непосредственное отношение.

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

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

Widgets Reloaded — плагин, который уже некоторое время не обновлялся, но на момент написания этой статьи все еще работал с WP 3.5.2, что очень хорошо, так как этот бесплатный плагин добавляет очень много функциональности виджетам WordPress. Установив этот виджет, который позволит вам преобразить ваши виджеты, с помощью дополнительных полей, дающих вам тотальный контроль над их использованием. Теперь виджеты можно применять множество раз, что ранее было невозможно.

Widgets Reloaded. Вот как выглядит виджет «категории» после установки Widgets Reloaded. Как видите, вы можете контролировать работу виджета.

Плагин Colorful Text Widget позволяет вам раскрасить текстовые виджеты – изменить цвет текста, заголовков и фонов ваших виджетов.

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

В заключение

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

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

Как добавить зону виджетов в шаблон WordPress

Итак, друзья. Когда-то давно я обещал Вам написать, как добавить в Ваш шаблон WordPress новые зоны виджетов или отредактировать старые. Но к сожалению, забыл об этом.

Прошу за это прощения. Спасибо большое Марине за то, что напомнила мне об этом. Я очень люблю получать обратную связь от посетителей моего сайта. И всегда рад помочь.

Давайте же начнем.

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

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

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

Вот об этом мы сейчас и поговорим.

1. Инициализация зон виджетов в файле functions.php

Да-да. Именно в этом файле прописаны зоны виджетов. Файл этот находится в папке с Вашей темой. Конкретнее вот здесь:

/wp-content/themes/имя_темы/functions.php

Открываем его любым текстовым редактором. Удобнее всего пользоваться Notepad++ (для более продвинутых — Adobe Dreamweaver). И прокручиваем его почти до самого конца вниз. До функции:

function twentyten_widgets_init()

twentyten — имя темы (у Вас может быть другое). В этой функции видим следующие конструкции:

// Area 1, located at the top of the sidebar.
    register_sidebar( array(
        'name' => __( 'Левая колонка', 'twentyten' ),
        'id' => 'primary-widget-area',
        'description' => __( 'Область левой колонки', 'twentyten' ),
        'before_widget' => '<li>',
        'after_widget' => '</li>',
        'before_title' => '<h4>',
        'after_title' => '</h4>',
    ) );

Их может быть несколько похожих. Собственно говоря, сколько их будет прописано — столько зон виджетов и будет в Вашем шаблоне.

Давайте разберем синтаксис.

// Area 1, located at the top of the sidebar.

Это просто строчка с комментарием (она закомментирована двойным слэшем //). Она не влияет на код. Можно ее совсем удалить, или написать в ней какой-нибудь свой комментарий (который поможет Вам потом понять, зачем нужна эта конкретная зона виджетов).

Эта строчка указывает, что мы сейчас будем описывать именно зоны виджетов, а не что-то другое.

'name' => __( 'Левая колонка', 'twentyten' ),

Эта строчка задает имя для зоны виджетов, которое будет отображаться в админ панели на вкладке «Виджеты». «twentyten» — название темы (у вас может отличаться).

Далее:

'id' => 'primary-widget-area',

Вот это самый главный параметр зоны виджетов. Его идентификатор. Именно по этому идентификатору мы будем указывать шаблону — где именно разместить эту зону виджетов. Этот параметр должен быть уникальным для каждой зоны виджетов.

'description' => __( 'Область левой колонки', 'twentyten' ),

Это описание, которое будет отображаться при открытии зоны виджетов во вкладке «Виджеты».

'before_widget' => '<li>',

Код, указанный в этом параметре будет добавляться перед виджетом. Будет добавлять каждому виджету в этой зоне уникальный идентификатор. Чтобы можно было потом при помощи CSS отформатировать каждый виджет по-разному (при желании).

Например, может получиться так:

Продолжим рассматривать код:

'after_widget' => '</li>',

Соответственно этот код добавится после виджета. Если мы перед виджетом открыли тег <li>, то тут обязательно нужно его закрыть.

'before_title' => '<h4>',

Этот код будет добавлен перед заголовком, который мы введем в текстовое поле при создании самого виджета.

'after_title' => '</h4>',

Соответственно, этот код добавится после заголовка. Закрываем в нем теги, которые открыли перед заголовком.

Вот и все! Инициализация зоны виджетов завершена. Идем дальше.

2. Размещение зоны виджета в шаблоне.

Все зависит от того, где Вы хотите разместить зону виджетов. Если Вы хотите разместить ее в шапке, то добавляем код в файл header.php.

Если в сайдбаре — то в файл sidebar.php

Если в подвале — то в footer.php

А теперь рассмотрим код, который нужно добавить:

<?php if ( is_active_sidebar( 'primary-widget-area' ) ) : ?>
    <div role="complementary">
        <ul>
            <?php dynamic_sidebar( 'primary-widget-area' ); ?>
        </ul>
    </div>
<?php endif; ?>

Как и в прошлый раз — пойдем по строкам.

<?php if ( is_active_sidebar( 'primary-widget-area' ) ) : ?>
   ...
<?php endif; ?>

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

«primary-widget-area» — это как раз тот самый идентификатор, о котором я говорил в предыдущей главе. Он указывает на конкретную зону.

Итак, условие проверили. Если виджет не добавлен в зону — зона не отображается, если же добавлен — то в код страницы вставляется конструкция:

<div role="complementary">
     <ul>
         <?php dynamic_sidebar( 'primary-widget-area' ); ?>
     </ul>
</div>

А именно — добавляется контейнер <div>. Внутри него маркированный список <ul>. Список нужен! Ведь в одной зоне может быть расположено несколько виджетов.

Ну и соответственно инструкция:

<?php dynamic_sidebar( 'primary-widget-area' ); ?>

… Вставляет конкретную зону виджетов в это место. Опять же идентифицируется по «primary-widget-area» — тому же самому идентификатору.

Ну вот и все! Теперь Вы знаете как добавить зону виджетов в Ваш шаблон WordPress.

Желаю Вас разобраться с этой темой и создавать такие шаблоны, которые нужны именно Вам, а не тому, кто создавал шаблон.

И не забываем подписываться на обновления. Вас ждет еще очень много интересного.

25 полезных виджетов WordPress для вашего сайта

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

По умолчанию WordPress распространяется с виджетом недавних записей, который отображает простой список ваших последних записей. Виджет Recent Posts Widget With Thumbnails позволяет отображать недавние записи с миниатюрами. Он использует указанное изображение или первое изображение в записи в качестве миниатюры. Вы также можете настроить высоту и ширину рисунка в окне настроек виджета.

Виджет для сайта WordPress Category Posts показывает недавние записи из выбранной категории. Вы можете выводить записи в виде списка заголовков, отрывков или миниатюр. Его использование совместно с плагином Display Widgets позволит показать скрытые виджеты на определенных страницах.

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

Также вы можете изменить иконку, выбрав фон и цвет шрифта.

Это лучший виджет WordPress для добавления иконок социальных сетей.

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

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

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

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

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

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

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

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

Он имеет в своем комплекте два виджета: Sidebar и Afterpost. Оба позволяют добавлять высоко конвертируемые формы подписки на сайт. Вы можете даже группировать пользователей по различным категориям, показывать разные формы на разных страницах и т.д.

Еще один способ добавить регистрационную форму в боковую панель WordPress – это использование плагина Tabbed Login Widget. Он выводит виджет с вкладками для форм входа, регистрации и восстановления пароля. Это позволяет быстро заходить на сайт даже без доступа к панели администрирования.

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

Мощная конфигурируемая система чата для WordPress сайтов. Плагин поставляется с виджетом для WordPress, который можно добавить на боковую панель, чтобы сделать чат доступным везде на вашем сайте. Также можно создать специальную страницу для чата на сайте и использовать шорткод [quick-chat].

Положительные отзывы – это отличный способ «похвастаться» своими довольными клиентами и заказчиками. Виджет Testimonials помогает легко создавать отзывы и отображать их с помощью виджета или шорткода.

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

Хотели бы отобразить свой контакт Skype в онлайн-статусе на WordPress сайте? Данный сервис используется тысячами профессионалов для связи с клиентами и заказчиками. Neat Skype Status позволяет легко отображать ваш статус Skype на WordPress сайте.

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

Soliloquy – это отзывчивый WordPress плагин, который облегчает создание слайдеров. С его помощью вы сможете добавить слайдеры в любом месте, используя WordPress виджет галереи. Таким образом, можно показывать недавние записи, избранные посты, видео, изображения pinterest, instagram или любую другую информацию.

Soliloquy также имеет и бесплатную версию.

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

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

Также доступна бесплатная версия плагина Envira Gallery.

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

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

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

WordPress Popular Posts позволяет отображать наиболее популярные записи вашего сайта в симпатичном виджете. Вы можете сортировать популярные записи по количеству просмотров или по количеству комментариев.

Надеемся, что эта статья помогла вам найти самые полезные виджеты для WordPress для вашего сайта.

Данная публикация представляет собой перевод статьи «25 Most Useful WordPress Widgets for Your Site» , подготовленной дружной командой проекта Интернет-технологии.ру

Добавить виджеты на страницу (page)

Вы хотите добавить шаблону страницы отдельную индивидуальную область динамических виджетов (сайдбар) или управлять показом виджетов в общем для всех сайдбаре?

Подскажите пожалуйста, каким образом можно добавлять (и можно ли вообще) виджеты на обычные страницы?

Если под «обычной страницей» Вы поразумеваете статические страницы -то подавляющее большинство тем оформления допускают такую возможность. Причем на выбор — зона виджетов может находиться справа или слева или можно выбрать шаблон страницы вообще без зоны виджетов. (Но это всё зависит от конкретной темы )

А вот показывать или не показывать определенные виджеты на определенных страницах — это, как заметил коллега Юрий, совсем другой вопрос и это удел плагинов типа указанного вами Display Widgets или аналогичных

Большое за уточнения.
Прошу прощения, что некорректно объяснил.
Нет, речь идет не про сайдбары, не про хедер/футер, не про общее для всех страниц пространство.

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

Грубо говоря, хочется, чтобы у нескольких подразделов сайта была своя еще одна «главная» (еще одна Main page).

Заранее спасибо.
С уважением, Алексей

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

Повторяю еще раз!

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

Это решение вашей хотелки. Для «специфической страницы со специфическими виджетами» выбираете шаблон страницы с зоной виджетов. Для всех остальных — без зоны виджетов (широкий шаблон). Вот к примеру как это выглядит в одной из многочисленных тем с возможность выбора шаблона статической страницы https://drive.google.com/open?id=1l5dobXhhfSf-IGITIzNZqgh7DqWS4Vn2

Дополнительные регулировки показа\НЕпоказа виджетов — с помощью плагинов типа https://ru.wordpress.org/plugins/dynamic-widgets/

• Ответ изменён 1 месяц, 3 недели назад пользователем zoltsmaster.

за подсказку виджета Dynamic Widgets большое спасибо.
очень похоже на то, что нужно. буду учиться настраивать.

с уважением,
Алексей

Речь именно об основном пространстве страницы

Для отображения виджета в контенте страницы можно использовать плагин Widget Shortcode

Для отображения виджета в контенте страницы можно использовать плагин

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

Для отображения виджета в контенте страницы можно использовать плагин Widget Shortcode

kword, спасибо большое, потрясающее решение.
Наверное даже удобнее, чем предложенный выше вариант!

Спасибо еще раз большое.