Здравствуйте, в сегодняшней статье решил рассказать о том какие полезные виджеты для сайта бывают и как они помогают сделать блог на WordPress более удобным.
20 причин установить полезные виджеты для сайта
Полезные виджеты для сайта позволяют вам легко настроить внешний вид сайта или блога по своему усмотрению и не прибегая к различным html-кодам, которые нужно еще знать как прописать. Вообще в CMS WordPress существует множество плагинов и шаблонов, которые позволяют добавлять всевозможные виджеты такие как популярные посты, календарь, форма подписки и т.д. В этой статье, мы познакомимся с 25 отличными виджетами для вордпресс, которые сделают ваш блог чрезвычайно полезным.
- Category Posts
Как следует из названия виджет Category Posts показывает последние статьи из выбранной категории. Вы можете показать заголовок поста в виде списка, или выбрать показ отрывка и миниатюр. Используя функцию Display Widgets позволит вам показывать отдельные виджеты на определенных страницах.
- Simple Social Icons
Это по настоящему простой в управлении виджет, который добавляет кнопки социальных сетей в сайдбар блога. Весь функционал виджета можно настроить в установках. Выбираете те социальные сети, которыми пользуетесь, вставляете в нужное поле адресную строку вашего профиля в соц сети и все. Вы также можете изменять цвет и размер иконок выбирая цвет фона и цвет самой иконки. Почитайте также мою статью, где я описал полезный плагин для .
- Google Maps Widget
Наиболее простым способом добавить карту в сайдбаре сайта можно при помощи виджета Google Maps. Этот виджет позволяет отображать карту от Гугл прямо на блоге. Когда пользователь нажимает по карте, в всплывающем окне появляется карта большего масштаба.
Этот виджет лучше всего подходит для владельцев интернет-магазинов или бизнесов, которые хотят указать расположение своей фирмы на карте.
- Social Count Plus
Вы наверняка могли видеть нечто подобное на некоторых популярных сайтах. Виджет позволяет отобразить в сайдбаре блога количество ваших последователей в популярных социальных сетях. Такой виджет является доказательством полезности блога и поможет вам выстраивать доверительные отношения с посетителями сайта.
- Image Widget
Если вы хотите добавить картинку в сайдбар блога, то вам потребуется написать HTML код в текстовом виджете. Однако, если вы новичок, и не хотите разбираться с html, а картинку вставить нужно, то можно воспользоваться Image Widget, который решит эту проблему за вас. Он дает возможность пользователю загрузить картинку через Медиафайлы в админке WordPress. Помимо этого с помощью виджета можно выделять нужную область, добавлять текст и выбирать размер картинки.
- Compact Archives
По умолчанию виджет архивов статей показывает архивы в виде длинного списка по всем месяцам сверху вниз начиная с последнего. Он занимает довольно много места и посетителям приходится прокручивать страницу вниз, чтобы найти нужный месяц.
Компактный виджет архивов решает эту проблему группируя ежемесячные архивы в года, присваивая каждому году свои месяца. Такой виджет уже можно добавлять в сайдбар блога и он будет хорошо смотреться.
- Authors Widget
Еще один плагин облегчающий жизнь блоггеру, на этот раз он создан для тех, кто ведет блог на WordPress совместными усилиями, т.е. у блога несколько авторов. Этот простой виджет позволяет отобразить имя автора статьи с аватаром и ссылкой на свои статьи. Вы можете также показать количество статей, который разместил данный автор на блоге и поставить ссылку на RSS канал автора.
- Tabbed Login Widget
Еще один способ добавить форму входа в админ панель блога на WordPress, это разместить Tabbed Login Widget. Как следует из названия, его функция заключается в добавлении формы регистрации на сайте, вводе пароля и логина. С его помощью посетители могут быстрее входить под своим именем на сайт, без необходимости доступа к административной части.
- Simple Contact Info
Следующий виджет позволяет вам без проблем добавить контактную информацию о себе, иконки социальных сетей, а также информацию о том, где вы находитесь. Для этого нужно заполнить несколько форм. После этого, вы можете перетащить виджет с контактной информацией в сайдбар блога, чтобы посетители могли видеть ваши контактные данные.
- Quick Chat
Quick chat довольно легкий, но при этом функциональный и настраиваемый чат для сайтов на движке WordPress. Он опять же в форме виджета располагается в сайдбаре сайта позволяя посетителям общаться между собой с любой страницы блога. Вы можете также создать отдельную страницу для чата на своем сайте используя шорткод .
- Testimonials Widget
Плагин Testimonials является отличным способом показать количество ваших довольных клиентов и покупателей. Он помогает вам без труда создавать отзывы и показывать их используя виджет или шорткод.
Testimonials является одним из тех виджетов, которые можно добавлять в подвал сайта, от чего он становится еще более полезным.
- Neat Skype Status
У вас вполне могло возникнуть желание отобразить на блоге список контактов из Skype. Скайп используется тысячами профессионалов для быстрого соединения с клиентами и покупателями. Изящный виджет Skype Status позволяет вам с легкостью отобразить ваш сататус в скайпе прямо на блоге.
- Random Posts Widget
Этот простой плагин помогает отображать список статей взятых случайным образом, которые отображаются в сайдбаре блога. Установки виджета просты и вы легко можете в них разобраться. Они позволяют выбирать количество отображаемых постов и выбирать отдельную категорию, откуда будут выбраны статьи.
- Envira Gallery
Envira Gallery это плагин, с помощью которого можно показывать галерею из картинок на блоге. Если вы фотограф или дизайнер, то этот плагин как нельзя лучшим способом позволит показать ваши работы в сайдбаре блога. Почитайте мою статью, где я рассказываю как создавать .
- Date and Time Widget
Возможно наиболее простым способом для начинающих, чтобы показать текущую дату и время на сайте будет плагин Date and Time Widget. Его можно настроить перейдя в админ панели блога в Виджеты >> Date and Time. Здесь вы можете выбрать формат отображения даты и времени, шрифт а также цвет фона.
Данный плагин предлагает наиболее простой способ отображения событий из календаря прямо на блоге. Вы можете создать различные события используя календарь от Google и затем синхронизировать их при помощи плагина с календарем, расположенном на вашем сайте.- WordPress Popular Posts
По одному названию популярные статьи, уже понятно, что этот плагин создан для отображения на сайте самых популярных статей, для отображения в форме симпатичного виджета. Вы можете отображать статьи по количеству просмотров или по наибольшему количеству оставленных комментариев.
По умолчанию WordPress уже имеет встроенный , которые отображаются в виде последовательного списка из последних записей. Плагин Recent Post Widget позволяет отображать последние записи с миниатюрами. Миниатюру можно задать отдельно для каждой записи в настройках WordPress, либо плагин автоматически выбирает первую картинку в статье для использовании ее в качестве миниатюры. Плагин также позволяет настроить по своему усмотрению ширину и высоту миниатюры.
Данный виджет позволяет вам отображать последние видео с вашего канала на YouTube прямо на блоге. Он будет показывать видео в видео симпатичной сетки из различных видеороликов, которые небольшие по размеру и выглядят довольно интересно.
Soliloquy плагин — это слайдер, который можно вставить у себя на блоге. Это пожалуй наиболее простой способ добавления слайдов на сайте используя виджет. С его помощью вы можете показать ваши последние статьи, следующие статьи, видео, картинки из pinterest, инстаграма, или все что захотите. У плагина есть как платная, так и бесплатная версия.
Надеюсь статья о том как использовать полезные виджеты для сайта поможет вам выбрать для себя несколько полезных виджетов, которые сделают ваш блог на WordPress еще более функциональным и привлекательным.
Всем привет! У моего молодого человека появился новый друг — мотоцикл! Теперь он проводит большую часть дня в его компании, а я сижу дома и занимаюсь блогом. У меня тоже появилось новое хобби, но об этом позже:)
Сегодня мы поговорим про виджеты для Вордпресс-блога. Разберем функции уже установленных в шаблоне стандартных виджетов, вспомним некоторые плагины для добавления новых функций. Также вы узнаете, как добавить недостающий вашему сайту блок виджетов в тему WordPress.
Как добавить виджеты на WordPress-блог?
Приступим к рассмотрению виджетов для Вордпресс, которые уже есть в установленном нами шаблоне. В зависимости от версии и вида темы, их количество и названия могут отличаться. Также в каждом шаблоне предусмотрены свои области для добавления виджетов: футер или боковые панели.
Вот доступные виджеты темы Twenty Thirteen (Консоль – Внешний вид – Виджеты):
Сбоку, как видите, чтобы добавить WordPress-виджеты предусмотрены две области: основная (в нижней части сайта – футер) и дополнительная (боковая колонка).
Соответственно, нужно перетащить понравившуюся вам опцию в основную или дополнительную область.
Вот так выглядит блог перед добавлением виджетов:
Нет ничего ни в сайдбаре, ни в футере.
Теперь, для примера, перенесем несколько виджетов в одну и в другую панель:
Для каждой опции введите заголовок, который будет отображаться на сайте и, где возможно, внесите свои настройки (например, поставить галочку «Отображать дату записи» в «Свежие записи»). После внесения изменений нажмите «Сохранить» под каждым окном функции.
Посмотрим, как изменился наш блог с виджетами:
Справа появился календарь и облако меток, и в подвале сайта 3 добавленные нами опции.
Мы разобрались с тем, как добавить виджеты на WordPress-блог, теперь рассмотрим каждую из этих функций подробнее.
Функции шаблонных виджетов Вордпресс
Т.е., к примеру, вам нужно в сайдбаре разместить блок подписки или счетчика. Вы можете их вывести, добавив в настройках виджета «Текст» html-коды данных элементов.
Вот, например, код счетчика Рамблер:
И вот он отображен в сайдбаре:
По тому же принципу можно добавить другой счетчик, например или любой другой элемент.
Некоторые плагины виджетов WordPress
Все дополнительные функции необходимо вносить на сайт с помощью плагинов, либо прописывая определенный код элемента в файлы шаблона.
Ряд WordPress-плагинов для виджетов и варианты их добавления с помощью кода мы уже рассматривали.
Вспомним некоторые из них.
И это далеко не полный перечень возможных виджетов, которые можно установить на свой блог.
Однако с добавлением разнообразных фишек и дополнений стоит быть аккуратными, чтобы не перегрузить свой сайт лишними опциями. Это может сказаться на скорости его работы. Кроме того, далеко не все виджеты для WordPress полезные и нужные. На первых порах установите только самое необходимое, не захламляйте блог.
Как добавить новый блок виджетов?
А теперь рассмотрим, как создать дополнительный блок виджетов, если он не предусмотрен в шаблоне. Т.е., к примеру, в вашей теме WordPress есть только одна область для добавления виджетов, например, футер. Но вы хотите, чтобы то или иное дополнение появилось в сайдбаре.
Для этого, нужно добавить еще один блок. А сделать это можно, прописав в файле вашей темы functions.php следующий код:
if (function_exists("register_sidebar")) register_sidebar(array("name" => "Дополнительный блок", "before_widget" => "", "after_widget" => "", "before_title" => "
Затем, чтобы виджеты отображались в нашем случае в сайдбаре, нужно зайти в соответствующий файл sidebar.php и внести в него такие строки:
Теперь можно добавлять WordPress-виджеты в новую область. На видео ниже, показано как добавить дополнительную область с помощью плагина.
Продолжаем разбирать самые полезные и интересные плагины для сайта wordpress. Сегодня вы узнаете как добавить на свой сайт коллекцию оригинальных виджетов, с различными функциями и дополнениями. Вы сможете добавить на свой сайт 20 дополнительных виджетов.
Установить плагин – SiteOrigin Widgets Bundle вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины – Добавить новый , введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
После установки и активации плагина, перейдите на страницу: Плагины – SiteOrigin Widgets . Здесь вы сможете включать или отключать виджеты. Чтобы включить виджет, нажмите на кнопку – Activate , а чтобы отключить виджет, нажмите на кнопку – Deactivate .
В вашем распоряжении будут следующие виджеты: (описание по порядку, сверху вниз и слева на право)
– Button, виджет для создания кнопок.
– Call-To-Action, виджет для создания призыва к действию.
– Contact Form, виджет для создания простой контактной формы.
– Editor, виджет визуальный редактор, как и при создании записи или страницы.
– Features, виджет с набором иконок.
– Google Maps, виджет для создания Google карт.
– Headline, виджет для создания заголовков.
– Hero Image, виджет для добавления изображений.
– Icon, виджет набор значков.
– Image, простой виджет изображений.
– Image Grid, виджет для добавления на сайт сетки изображений.
– Image Slider, простой виджет слайдер изображений.
– Layout Slider, адаптивный слайдер с дополнительными функциями.
– Post Carousel, виджет для отображения записей в виде карусели.
– Price Table, виджет для создания ценовых таблиц.
– Simple Masonry Layout, создание макетов, изображений с ссылками.
– Social Media Buttons, виджет для добавления кнопок соцсетей с вашими профилями.
– Taxonomy, виджет для отображения категорий, рубрик, меток, для выбранного поста.
– Testimonials, виджет для создания отзывов.
– Video Player, виджет видео плеер.
Все включенные и активированные виджеты будут отображаться на странице: Внешний вид – Виджеты , и вы сможете добавить их на свой сайт.
Хотели бы вы добавить виджет WordPress в область хидера своего сайта? Виджеты позволяют вам легко добавлять блоки контента в определенные места вашей темы. В сегодняшней статье мы покажем вам как легко добавить виджет WordPress в хидер сайта.
Зачем и когда может потребоваться добавлять виджет в хидер
Виджеты позволяют вам легко добавлять блоки контента в определенные области вашей темы. Эти области называются сайдбарами или областью для виджетов.
Область для виджетов в хидере или перед контентом может быть использована для отображения рекламы, свежих материалов и т.п.
Такая область обычно называется «Под складкой» и используется многими популярными ресурсами для отображения важной информации.
Обычно в темах WordPress сайдбары добавляются рядом с контентом или в футере. И лишь некоторые темы располагают областью для виджетов над контентом или в шапке.
Именно поэтому в статье мы расскажем как добавить область виджетов в шапку вашего сайта.
Шаг 1. Создаем область для виджетов в хидере
Сначала нам потребуется создать собственную область виджетов. На этом шаге мы добавим произвольную область, которую будет видно на странице Внешний вид » Виджеты в консоли сайта.
Для этого добавляем следующий код в файл functions.php темы:
Function wpb_widgets_init() { register_sidebar(array("name" => "Произвольная область для виджетов в хидере", "id" => "custom-header-widget", "before_widget" => "
", "before_title" => "", "after_title" => "
",)); } add_action("widgets_init", "wpb_widgets_init");Этот код регистрирует новый сайдбар или область для виджетов в вашей теме.
Теперь можно перейти на страницу Внешний вид » Виджеты и вы увидите новую область под названием ‘Произвольная область для виджетов в хидере’.
Добавляем в нее текстовый виджет для проверки и сохраняем.
Шаг 2: Выводим произвольную область для виджетов в хидере
Если сейчас вы перейдете на сайт, то не увидите добавленный текстовый виджет.
А не увидите потому, что мы еще не сказали WordPress где именно отображать эту область для виджетов. Сейчас этим и займемся.
Вам потребуется отредактировать файл header.php своей темы и добавить следующий код в то место, где нужно вывести область для виджетов.
Теперь переходим на сайт и видим добавленный виджет в в шапке.
Конечно, выглядит сейчас это все не очень красиво, и поэтому нужно добавить немного CSS для того, чтобы облагородить полученный результат.
Шаг 3: Стилизируем виджет в хидере с помощью CSS
В зависимости от вашей темы, вам потребуется добавить CSS для того, чтобы оформить область для виджетов в хидере и каждый виджет внутри него.
Самым простым способом сделать это будет использование плагина CSS Hero. Он позволит вам воспользоваться интуитивно понятным интерфейсом для изменения CSS любой WordPress темы.
Если же вы не хотите использовать плагина, тогда можно добавить CSS в свою тему на странице Внешний вид » Настроить .
Появится интерфейс кастомайзера тем WordPress. Здесь выбираем владку ‘Произвольный CSS’.
Вкладка произвольного CSS в кастомайзере позволит вам добавить собственный CSS и сразу видеть эти изменения.
Ниже пример кода для минимального оформления области виджетов.
Div#header-widget-area { width: 100%; background-color: #f7f7f7; border-bottom:1px solid #eeeeee; text-align: center; } h2.chw-title { margin-top: 0px; text-align: left; text-transform: uppercase; font-size: small; background-color: #feffce; width: 130px; padding: 5px; }
А вот так ваша произвольная область для виджетов будет выглядеть на стандартной теме Twenty Seventeen.
Виджеты WordPress созданы для реализации целей в независимых блоках, которые размещаются в выбранной, выделенной области предусмотренной темой wordpress.
В данной статье мы рассмотрим правило добавление виджетов, а так же их настройку и использование.
Для начала разберемся что такое виджеты, затем посмотрим доступные нам по умолчанию и наконец добавим несколько в наш сайт бар. Данная статья представлена как ознакомительная, которая поможет вам понять суть виджетов и раскроет потенциал использования.
Что такое виджеты WordPress?
Что бы не заморачивать вас трудными терминами скажем просто, виджеты - это дополнительный инструмент для предоставления вашим посетителям полезной информации. Виджеты WordPress, как и во всех других CMS, размещаются в боковых панелях - сайт барах, это отдельный блок, независимый от основного документа. Область использования виджетов не имеет границ, в них можно размещать ссылки, рекламу, навигацию по сайту и многое другое.
Преимущества виджетов заключается в том, что они с легкостью позволяют размещать на всех страницах одну и ту же информацию без страха что ее примут за дублирование.
Обзор виджетов предоставленных стандартными настройками WordPress
Вы можете просмотреть короткое видео о установке и настройке виджетов WordPress или же прочитать текстовое описание.
Давайте рассмотрим виджеты предоставленные по умолчанию в . Их на первый взгляд много, но пользоваться вы будете только несколькими из них, в пределах одного сайта.
На следующем скриншоте предоставлен стандартный набор WordPress виджетов:
- RSS (Записи из любой ленты RSS или Atom). Это новостной механизм который позволяет вашим пользователям быть в курсе событий и обновлений на вашем сайте.
- Календарь. Собственно это и есть календарь и все этим сказано) Думаю о пользовании и потребности календаря мы все с вами знаем и особо в это углубляться не будем 😀 .
- Облако меток (облако часто используемых меток). Это грубо говоря дополнительная перелинковка вашему сайту. Виджет же представляет собой навигатор по вашему сайту.
- Произвольное меню (добавьте на боковую колонку дополнительное меню). Я думаю в описании, представленного самим «движком» и так все понятно. Этот виджет создает дополнительное меню в выбранной вами области.
- Свежие записи (самые последние посты вашего сайта). Обычно это 5-10 последних записей опубликованных на вашем сайте.
- Страницы (список страниц вашего сайта). С этим виджетом тоже не должно возникнуть проблем, я думаю тут все понятно.
- Архивы (библиотека ваших творений за последний год по месяцам). Отображает количество ваших записей за каждый месяц текущего года.
- Ме
та (Ссылки на вход/выход, RSS-ленту и WordPress.org). Пример отображения данного виджета. - Поиск (Форма поиска, предусмотренная по умолчанию). Собственно по записям вашего сайта.
- Свежие комментарии (Самые свежие комментарии вашего сайта.) Коментарии оставленные посетителями вашего сайта отображаются в данном виджете.