Виджеты wp. Лучшие плагины для виджетов 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-блог?
Приступим к рассмотрению виджетов для Вордпресс, которые уже есть в установленном нами шаблоне. В зависимости от версии и вида темы, их количество и названия могут отличаться. Также в каждом шаблоне предусмотрены свои области для добавления виджетов: футер или боковые панели.
Вот доступные виджеты темы 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-виджеты в новую область. На видео ниже, показано как добавить дополнительную область с помощью плагина.
18 июня 2015
Анна Апрельская Рубрика: Сайтостроение 20 комментариев
С помощью плагинов можно улучшить шаблон и сайт в целом. Некоторые из них обязательны для установки, а другие я могу только порекомендовать на личном опыте. Вы самостоятельно решите – ставить их или нет. Можно найти другие подобные плагины и использовать их.
Я перечислю и опишу самые нужные плагины для вордпресс на русском: как скачать и установить на сайт, а также выполнить основные настройки.
Плагин – сочетание папок и файлов в архиве. Для работы нужно перенести архив на хостинг в определенную папку. Сделать это можно несколькими путями:
1. Найти плагин в поиске
– самый простой и доступный каждому способ. Достаточно зайти в левом меню Плагины – Добавить плагин. Справа будет поле для поиска – найдите любой плагин (например, All In One SEO Pack).
В поиске отобразится нужный плагин. Обращайте внимание на рейтинг и количество загрузок – некоторые создают поддельные плагины, и вносят в них вирусы. Будьте бдительны.
Нажмите на название плагина, и Установить. Когда он будет установлен, нажмите «Активировать плагин».
2. Установить архив с сайта wordpress.org/plugins. Обычно на него можно выйти, если искать в поиске плагины.
Нужно скачать архив с официального сайта, и этот архив залить на сайт. Для этого заходим Плагины – Добавить новый и тут наверху нажимаем Загрузить плагин.
Выбираем нужный архив, нажимаем Установить и Активировать.
Так же можно устанавливать плагины с других сайтов.
3. С помощью Filezilla . Запустите программу, подключитесь к сайту и пройдите путь: www – site.ru — wp-content – plugins. Перекиньте сюда разархивированный плагин.
Для активации зайдите в Плагины – выберите нужный плагин и нажмите под ним Активировать.
Плагины для вордпресс на русском: где скачать
Намного удобней работать с русскими версиями программ, чтобы не «тыкать» наугад, а осознано настраивать плагины. Хотя есть и такие, для которых не требуется особых настроек – поставил, активировал и этого достаточно для работы.
Русскоязычные плагины можно взять на сайте mywordpress.ru. Найти его очень просто – вбейте в поисковую строку «плагины для вордпресс» и первая ссылка приведет на нужный сайт.
К сожалению, на сайте далеко не все плагины, но некоторые можно найти.
Многие популярные плагины уже переведены на русский язык, так что не придется целенаправленно искать их в других местах. Просто используйте стандартные способы по установке плагинов (описано в начале статьи).
Самые нужные плагины для wordpress
Итак, дошли до самого главного: полезные плагины, необходимые для сайта. Какие-то можно не ставить или заменить другими подобными, все зависит от ваших предпочтений.
По умолчанию добавлен плагин hello dolly – его можно удалить. Ничего страшного не произойдет, он носит исключительно развлекательный характер.
Akismet – полезный плагин для защиты от спама. Встроенных настроек WordPress не хватает для полной защиты, и очень скоро у вас может скопиться куча спам-писем вперемешку с реальными комментариями. Проверка и удаление каждого из них занимает много времени, так что сразу ставьте Akismet.
Блог без Akismet – не проверяла комментарии год.
Но мало его поставить, нужно активировать и зарегистрировать на сайте. Только тогда он будет работать исправно. Делается это довольно просто, следуйте инструкциям:
Устанавливаем – переходим в Параметры – нажимаем кнопку Получить API-ключ.
На следующей странице спускаемся в самый низ и нажимаем кнопку Awesome, let’s kill some spam! Далее стандартная регистрация: почта, логин и пароль.
Потом появится страница, где можно настроить размер вознаграждения разработчикам. Если вы хотите активировать Akismet бесплатно, просто переместите бегунок в крайнее положение слева. Должен появиться ноль. Потом укажите имя-фамилию в полях справа, и получите ключ.
Его нужно внести в специальное поле в Параметрах. А потом поставить галочки на ваше усмотрение (или оставить как есть). Я рекомендую поставить «Автоматически отклонять очевидный спам, чтобы он не попадался на глаза». Тогда вам не придется тратить время на очистку спама.
All In One SEO Pack – лучший плагин для оптимизации статей и сайта в целом. Считаю, что его обязательно нужно устанавливать и настраивать для продвижения сайта. Но подробно я рассмотрела его в этой статье .
Cyr-To-Lat – плагин позволяет переводить русское название страницы (заголовок) в латинский url. Это помогает скорейшей индексации и продвижению сайта. А кроме того, так ссылки выглядят намного симпатичней.
Никаких особых настроек не требует – просто установите и активируйте.
WordPress Related Posts – выводит в конце статьи «похожие записи». Либо они автоматически подставляются, либо вы настраиваете их самостоятельно. Рекомендую вручную выбирать отображаемые записи.
Устанавливается стандартно, потом перейдите Настройки — WordPress Related Posts, и здесь можно настроить внешний вид. К примеру, какая надпись будет отображаться, количество постов и их внешний вид. Все на ваше усмотрение, так что никаких конкретных рекомендаций.
Google XML Sitemaps – полезный плагин, который помогает автоматически создать Sitemaps для сайта (это необходимо для продвижения в поисковых системах).
Не требует особых настроек, достаточно установить плагин стандартным способом и активировать. При желании можно настроить содержание и приоритет отображения записей, а также поставить запрет на отображение некоторых рубрик.
Он позволяет автоматически создать содержание сайта. Это очень удобно как для вебмастера, так и для читателей.
Чтобы его найти, вбейте в поисковую строку Dagon Design Sitemap Generator и перейдите на первый же сайт. Там нажмите на Latest Release и сохраните. Потом добавьте плагин по второму способу (загрузить плагин – установить).
Поставьте русский язык в настройках, чтобы было проще настраивать внешний вид: отображать записи, страницы или все сразу, сколько записей отображается на 1 странице и др. В настройках нет ничего сложного, все понятно расписано.
Лучше всего создавать содержание сайта на отдельной странице (Все статьи сайта). Перейдите в правку кода (Текст) и вставьте всего одно слово:
!— ddsitemapgen —
(заключите его в <>)
Опубликуйте и готово, теперь можно разместить его в верхнем меню на видном месте. Есть только одна проблема – внизу страницы отображается надпись Плагин написан dagondesign.com. Если она вам сильно мешает, можно удалить. Зайдите в Плагины и под Dagon Design Sitemap Generator нажмите на Редактировать.
Откройте файл для редактирование, нажмите ctrl+F, введите dagondesign.com и найдите строчку:
Удалите ее и обновите файл. Теперь ничего лишнего.
Hyper Cache – полезный плагин для кеширования сайта. Он ускоряет загрузку страниц сайта, что очень нравится и пользователям, и поисковым системам. Для молодых сайтов это не так актуально, но чем старше и тяжелее будет ваш блог, тем ощутимей будет его работа. Никаких особых настроек не требует. Можно использовать любой другой плагин для кеширования или обойтись без него.
Полезные плагины вордпресс
В этом разделе я перечислю просто полезные плагины, которые я использую на блоге. Некоторые из них не очень известны и пришлось перебрать много других вариантов, прежде чем я их нашла.
Плагины для комментариев
ark-hidecommentlinks – закрывает ссылки в разделе комментариев от индексации, но оставляет их активными. Примеры можно посмотреть на моем сайте – если нажать на имя комментатора, вы перейдете на его сайт, но эти ссылки не считаются внешними. Настраивать не нужно, просто установите и пусть работает.
Subscribe To Comments – плагин для подписки на комменты блога. Т.е. человек оставляет комментарий, ставит галочку «Получать уведомление о новых комментариях» и может активно участвовать в общении. Ему придет оповещение на почту, если кто-то добавит новое сообщение к этой статье. Хорошо повышает посещаемость и помогает получить постоянных читателей.
Настраивать плагин в разделе Настройки — Subscribe to Comments. Просто укажите Имя отправителя (например, Анна Апрельская или Блог сайт) и почту (желательно на домене сайта). Впишите текст, который будет отображаться в письмах. Пример:
Comment Redirect by Yoast – позволяет сделать перенаправление после первого комментария на определенную страницу. Обычно на страницу «Спасибо за первый комментарий», где вы благодарите за участие в жизни сайта, предлагаете самый интересный контент и размещаете форму подписки. Если на сайте проводится конкурс комментаторов или подписчиков, обязательно сообщите об этом.
Зайдите в Плагины —Comment Redirect, и там выберите из выпадающего списка страницу, на которую будет отправляться человек. Желательно удалить эту страничку из общего списка (меню и карты сайта). Это можно сделать с помощью плагина Advanced Category Excluder.
Top Commentators Widget – позволяет создавать виджет Топ Комментаторов. Люди больше комментируют сайты, где можно стать заметней и попасть в сайдбар. Кроме того, с этим плагином удобней проводить конкурсы комментаторов, потому что подсчет происходит автоматически.
Настроить виджет можно в разделе Дизайн — Виджеты – Топ комментаторов. Перенесите этот виджет в раздел сайдбара. Здесь много настроек, рассмотрим их:
Change widget title: какая надпись будет над топом? Топ комментаторов или Рейтинг комментаторов.
Add description below the title : описание для виджета. Можно оставить пустым или предложить поучаствовать в конкурсе комментаторов.
Exclude these users : исключить из топа. Укажите свой ник, чтобы не занимать первое место.
Reset period every : за какой период берутся данные? Месяц, год, все время?
Limit characters in names to: ограничение знаков в имени/нике пользователя. Зависит от шаблона, но в среднем 10-16
Remarks for blank list : какая надпись будет отображаться, если никто еще не оставил комментарии? Например, Будь первым комментатором
Open each link in a new window? Открывать ссылку в новом окне — Yes
Show number of comments for each commenter? Показывать число комментариев рядом с именем — Yes
Use the following default Gravatar : какая картинка будет, если у человека нет аватарки? Выбирайте на свой вкус, я поставила Mystery Man и размер граватара (Size:) 65
Остальное оставьте как есть и нажмите Сохранить .
Плагины для оформления статей
Wp-jquery-lightbox – плагин для картинок для вордпресса. Очень удобно просматривать изображения статьи (для примера откройте любую картинку в статье). Фотографии приближаются, задний фон темнеет, можно пролистывать все фото в статье. Перепробовала несколько других плагинов, но мне понравился только этот.
Чтобы изменить стандартное оформление можно перейти в Настройки — jQuery Lightbox. Там можно настроить размеры изображений, внешний вид, способ появления и другие подобные нюансы.
Advanced Spoiler позволяет делать аккуратные и красивые спойлеры в статьях. С их помощью можно скрывать часть информации или сокращать размер статьи. Можно настроить внешний вид и режим раскрытия спойлера.
WordPress Post Tabs – позволяет создавать красивые вкладки на сайте. Я использую его редко, но статьи становятся намного удобней с ним.
MaxSite Russian Date – простой плагин, который переводит месяца в удобочитаемый вид: вместо 16 июнь будет 16 июня.
Остальные плагины
WordPress Protection – простой плагин, который помогает защитить авторские статьи от копирования. Перейдите в Настройки — WordPress Protection, чтобы его настроить.
- Disable Text-Selection ? Поставьте галочку, и на вашем сайте нельзя будет выделить текст
- Don’t Disable Mouse Right Click. Правая кнопка мыши (ПКМ) работает.
- Disable Mouse Right Click without any alert. ПКМ не работает, никакого предупреждения не появляется.
- Disable Mouse Right Click with an alert box: ПКМ не работает, но вы можете ниже указать текст, который будет отображаться при этом.
WP-CopyrightPro можно использовать и этот плагин для защиты от воровства статей. Включите его и при копировании после цитаты будет появляться ваша надпись. К примеру, Информация взята с сайта сайт
Scroll to Top Button – устанавливает на сайте стрелочку Вверх. С ее помощью можно быстро попасть наверх страницы. Пример можно посмотреть на моем сайте справа. Очень полезная вещь, особенно когда на сайте много длинных статей) В настройке не нуждается.
Существует много подобных плагинов. Я рекомендую вбить в поисковую строку именно это название и скачать с wordpress.org. Выбирайте вариант, где есть кнопка Вконтакте. В этом варианте очень гибкие настройки на русском языке, так что настоятельно рекомендую использовать именно этот вариант.
Это все самые нужные плагины для вордпресс на русском, которые я могу порекомендовать. Изучайте информацию и ищите другие полезные плагины, рекомендуйте их в комментариях. Но лучше не устанавливать слишком много — это будет грузить сайт и замедлит его работу.
Пользовательские виджеты WordPress могут значительно расширить функциональность вашего веб-сайта. Но виджеты поставляются только как часть плагина, поэтому сначала вам нужно будет установить некоторые из них. Официальное хранилище плагинов на WordPress.org содержит тысячи бесплатных расширений.
Как добавлять виджеты WordPress на свой сайт?
Это довольно легко. После того, как вы установили плагин, перейдите в Внешний вид > Виджеты на панели инструментов WordPress и просто перетащите виджет в виджет-зону по вашему выбору.
Каждая тема имеет разное количество и положение областей виджетов. Первоначально они предназначены для размещения на боковой панели. Но в большинстве современных тем, таких как Monstroid 2, например, есть дополнительные области, которые можно использовать для более креативного размещения ваших виджетов.
Сегодня я хочу познакомить вас с самыми популярными плагинами WordPress с виджетами, которые вы можете использовать на вашем сайте.
Плагин TinyMCE WordPress от Black Studio - это полностью бесплатное расширение WordPress, которое позволит вам добавлять форматированный контент в ваши области виджетов. Его интерфейс точно такой же, как в редакторе сообщений WordPress, поэтому вы можете включать заголовки, изображения и короткие коды, а также изменить цвет текста и т.д.
Запускаете канал YouTube и хотите заняться его продвижением? Этот простой, но мощный плагин дает вам возможность получать подписчиков на YouTube прямо с вашей веб-страницы. Просто настройте плагин и добавьте виджет в область виджетов по вашему выбору.
Пакет TM WooCommerce представляет собой набор из 5 виджетов, предназначенных для усовершествования вашего интернет-магазина и повышения его функциональности и эффективности. Он полностью совместим с последними версиями WordPress и WooCommerce.
Примечание: этот плагин требует рабочей установки WooCommerce на вашем веб-сайте.
Вы хотите предоставить своим посетителям всю контактную информацию, не отправляя их на страницу «Связаться с нами», что может быть губительным для коэффициента конверсии? Тогда данный виджет, разработанный GoDaddy - это именно то, что вам нужно. Он позволяет размещать ваши контактные данные, включая адрес электронной почты, номер телефона, факс и физический адрес (он также поддерживает карты Google) в любом месте сайта. Отлично настраиваемый, он будет соответствовать любой современной теме WordPress.
Если вы хотите создать еще больший ажиотаж вокруг своих лучших постов в блогах, подумайте об использовании этого виджета. Вы можете одновременно использовать Popular Posts для того, чтобы фильтровать посты по временному диапазону, отображать миниатюры постов и даже создавать собственные макеты виджетов. Плагин совместим с WPML и имеет многоуровневую поддержку.
Невозможно продвинуть современный бизнес в Интернете без использования каналов социальных сетей, таких как Facebook,Instagram и другие. Последний может быть легко интегрирован с вашим веб-сайтом на WordPress с помощью этого бесплатного плагина WP Instagram Widget. Виджет по умолчанию не стилизован, поэтому его можно легко включить в свою тему с помощью собственного CSS.
Принятие пожертвований PayPal никогда не было таким простым для некоммерческих и коммерческих организаций. Этот плагин позволяет вам размещать оптимизированную для преобразования кнопку с помощью виджета или короткого кода. Плагин переведен на 15 языков, включая русский, итальянский, испанский, французский и немецкий.
Отображайте видео с вашего канала YouTube на своем веб-сайте WordPress с помощью этого настраиваемого бесплатного плагина. Он поставляется с кучей настраиваемых опций, позволяющих изменять внешний вид и функциональность.
Примечание: чтобы использовать плагин, вам необходимо вставить свой ключ API на YouTube.
Social Count Plus - это продвинутый бесплатный плагин WordPress, который добавляет счетчик слежения в реальном времени не только для социальных сетей по умолчанию (Facebook, Twitter, LinkedIn и Pinterest), но также для Reddit, сообщества Steam, SoundCloud, Vimeo и Twitch. Он также показывает количество комментариев и общее количество пользователей. Вы можете отображать цифры в своей теме с помощью функций Widget, Shortcodes или PHP.
Rotating Tweets - еще один классный плагин WordPress для маркетинга в социальных сетях. Он добавляет виджет, в котором будут отображаться ваши последние твиты на боковой панели или в других областях виджетов. Он полностью настраиваемый: вы решаете, какие твиты показывать, сколько их показывать, включать ли ретвиты и ответы. Кроме того, виджет будет функционировать, даже если сам Twitter не работает. Плагин также поддерживает новый более длинный формат твита.
Монетизируйте свой веб-сайт WordPress с помощью BuySellAds, AdSense или любой другой рекламной сетью с плагином WordPress Ad Widget. С его помощью вы можете добавить любое количество баннеров в область виджетов на ваших веб-страниц. Плагин представляет два типа виджетов: HTML/JavaScript Ad (для AdSense и т.д.) и Image/Banner Ad (для прямой рекламы). Они очень просты в управлении, поэтому не стесняйтесь и хватайте плагин сразу.
Ultimate Tag Cloud Widget - это отлично настраиваемый бесплатный плагин WordPress. Как следует из его названия, он генерирует облако тегов, которое может отображать все теги, теги одного или сразу нескольких авторов. Он также оснащен некоторыми вариантами раскрашивания и упорядочивающими опциями. Хотя плагин не обновлялся в течение двух лет, автор поддерживает его совместимым с последними версиями WordPress.
Этот бесплатный плагин для WordPress позволит вам отображать виджет с последними постами на любой странице вашего сайта. Он предлагает множество опций, включая возможность отображения постов из определенной категории. В настоящее время этот плагин поддерживает английский, французский и бразильский португальский языки, но вы можете перевести его с использованием исходного кода на GitHub.
YITH WooCommerce Ajax Product Filter - обязательный бесплатный плагин WordPress для любого владельца магазина WooCommerce. Он делает процесс поиска более удобным для ваших клиентов, тем самым повышая их лояльность и коэффициент конверсии. Плагин поставляется с 4 макетами: простым списком, выпадающим, цветным и маркированным.
Instagram Slider Widget - это отзывчивый слайдер-виджет, который отображает 12 последних изображений из учетной записи Instagram или 18 изображений по хэштегам. API не требуется, но учетная запись должна быть общедоступной, чтобы отображались посты. Доступны различные параметры сортировки: по популярности, дате или произвольно.
Этот плагин предоставляет вам виджет с последними постами из выбранной категории. Плагин также включает шорткоды, которые позволяют вставлять списки последних публикаций в посты и на страницы вашего блога.
NewStatPress - это плагин аналитики для WordPress, который позволяет собирать информацию о посетителях, поисковых запросах и многом другом без ссылки на Google Analytics. Используйте его, если вам нужен собственный мощный инструмент для анализа поведения ваших посетителей. Вы также можете добавить виджет на боковой панели и отобразить статистику в интерфейсе вашего веб-сайта.
Social Icons Widget - еще один важный плагин WordPress для «социальных наркоманов». Он содержит 4 набора значков, предназначенных для 80+ социальных сетей, включая такие экзотические веб-сайты, как 500px, DeviantArt и StackOverflow, а также множество дополнительных иконок. Кроме того, он поддерживает адреса электронной почты, номера телефонов, Skype и Viber.
Этот бесплатный плагин предоставляет вам виджет для отображения информации об авторах публикаций в вашем блоге. Он автоматически определяет автора каждого сообщения, и вы можете изменить размер аватара или добавить ссылку на архив постов автора.
Этот бесплатный плагин WordPress добавляет динамический обратный отсчет в область виджетов по вашему выбору. Обратный отсчет сделан в HTML5, поэтому он будет отображаться даже на мобильных устройствах, которые не поддерживают Flash. Он имеет множество вариантов внешнего вида и отлично впишется в стиль вашей темы.
Хотели бы вы добавить виджет 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.
