WordPress как настроить виджет

Добавление и настройка виджетов в WordPress

Здравствуйте, друзья! В прошлых уроках мы разобрались с вами как вставить видео на сайт и выучили как сменить тему оформления в wordpress.

В этом уроке я хочу рассказать Вам о виджетах. Итак, что такое виджет?

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

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

Страница виджетов находится в меню консоли Внешний вид — Виджеты .

Добавление и настройка виджетов в WordPress

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

Список доступных виджетов

Чтобы активировать виджет, перетащите его на боковую (правая колонка, со списком доступных мест для виджетов) колонку или нажмите на него. Чтобы деактивировать виджет или удалить виджет, перетащите его обратно или нажмите «Удалить».

Добавление виджета «Календарь» перетаскиванием мышки

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

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

Стандартные виджеты в WordPress

• Виджет «RRS» — Записи из любой ленты RSS или Atom.
• Виджет «Календарь» — Календарь записей вашего сайта.
• Виджет «Облако меток» — Облако часто используемых меток.
• Виджет «Свежие записи» — Самые свежие записи вашего сайта.
• Виджет «Страницы» — Список страниц вашего сайта.
• Виджет «Архивы» — Архив записей вашего сайта по месяцам.
• Виджет «Мета» — Ссылки на вход/выход, RSS-ленту и WordPress.org.
• Виджет «Поиск» — Форма поиска для вашего сайта.
• Виджет «Рубрики» — Список или выпадающее меню рубрик.
• Виджет «Свежие комментарии» — Самые свежие комментарии вашего сайта.
• Виджет «Текст» — Произвольный текст или HTML-код.

Сохранение виджетов при смене шаблона

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

Результат добавления виджета, который добавляет календарь на боковую панель сайта в шаблоне Contango:

Результат добавления виджета (нажмите на изображение для увеличения)

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

Обзор

Проголосуйте за урок

Оценка

Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Источник

Виджеты для WordPress: установка, настройка и удаление

Я приветствую Вас посетители сайта savme.ru! На связи Владимир Савельев, практик в сфере сайтостроительства! Кто еще со мной не знаком милости прошу на страницу об авторе. будем значит знакомы!

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

Кстати в прошлой статье я запустил игру-конкурс называется она Люблю/не люблю! Игра в самом разгаре, присоединяйтесь к нам. Ох, что только не пишут там участники — короче позитив обеспечен

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

Кстати, у меня осталось всего две лицензии скрипта order master 2. По условиям предыдущей акции её стоимость составляла 3500 руб. Но у меня сегодня просто ну очень хорошее настроение и я решил презентовать их всего за 2500руб. Вот повезет же кому-то! Я сам покупал эту лицензию аж за 4.500 руб., так что предложение самое что не на есть выгодное! Спешите.

А теперь, вернемся к нашей серьезной теме — виджеты.

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

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

Например это может быть:

• архив;
• облако меток;
• форма поиска;
• свежие записи;
• страницы;
• ссылки;
• форма подписки;
• и многое другое (даже произвольный код можно вывести html или php).

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

Вот несколько примеров того, как могут выглядеть виджеты на вашем блоге:

Установка виджетов на Вордпресс

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

Смотрим и что мы видим?! Там есть такие заголовки: «Неактивные» и «Доступные». В правой стороне находятся блоки, которые обозначают места в вашей теме, в которые вы сможете установить виджет.

Любой виджет из «Доступных» вы сможете без труда установить на своем блоге. От вас лишь потребуется перетащить его, нажав на левую клавишу мыши, в один из предложенных справа блоков.

Как в виджете обработать php-код?

Бывают такие ситуации что в виджете необходимо разместить php код, но по умолчанию движок не выполняет там такие команды, как же быть?! А все очень просто $) Нужно прописать в functions.php следующее:

function php_in_widgets ($widget_content) <
if (strpos ($widget_content, ‘ ‘ . $widget_content);
$widget_content = ob_get_contents ();
ob_end_clean (); >
return $widget_content; >

add_filter (‘widget_text’, ‘php_in_widgets’, 99);

Удаление виджетов для WordPress

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

Настройка виджетов для WordPress

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

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

Сегодня существуют плагины (Dynamic Widgets, Widget Logic), которые позволяют увеличить количество виджетов на вашем блоге, а так же расширяющие их функционал! Например, плагин Cforms 2 — который создает информационный блок, где можно выводить разные формы обратной связи, от простой до сложной формы бронирования.

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

Поэтому перед сменой дизайна желательно все работающие виджеты перенести в блок «Неакивные», а после установки нового шаблона вернуть их на прежнее место. Да я бы еще посоветовал при смене теме обязательно делать бекап сайта!

P/S: Сегодня узнал из достоверных источников, что совсем скоро поступит в продажу потрясный скрипт LineBro (которого многие ждут, в том числе и я)! Данный скрипт позволит продавать на сайте в автоматическом режиме — рекламные строчки, блок ссылок и тизеры. В общем ждемс!

А моей дочурки Яночке уже 1 месяц Во время летит. Да кстати завтра вечером подведу итоги конкурсов Коментомания и Случайный счастливчик — не забудьте посмотреть кто же победил!

Источник

Виджеты в WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

-списка).

Вставляем этот код в functions.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 и т.д.) — в принципе официальные виджеты вполне удобные — просто копируем код, который нам дают и вставляем его в вордпрессовский виджет «Текст».

Посты по теме:

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

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

Источник