В этом уроке я хочу рассказать Вам о виджетах. Итак, что такое виджет?
Необычное слово виджет (от англ. widget – «штучка», «штуковина») используется для обозначения инструментов или содержимого, которые можно добавить, упорядочить и удалить с боковой панели блога или страницы WordPress. С помощью виджетов легко настроить содержимое боковой панели блога.
Это значит что вся информация которую вы видите на боковой панели вашего сайта легко поддается редактированию, удалению и любым другим изменениям.
Страница виджетов находится в меню консоли Внешний вид — Виджеты .
Для начала ищем в меню Внешний вид и переходим в Виджеты . Слева вы видите список всех доступных для добавления виджетов.
Список доступных виджетов
Чтобы активировать виджет, перетащите его на боковую (правая колонка, со списком доступных мест для виджетов) колонку или нажмите на него. Чтобы деактивировать виджет или удалить виджет, перетащите его обратно или нажмите «Удалить» .
Добавление виджета «Календарь» перетаскиванием мышки
После того как мы перетащили нужный виджет на панель сайдбара, вводим его название и нажимаем кнопку «Сохранить» .
По аналогии добавляем все необходимые виджеты, которые вы хотите видеть на боковой панели вашего сайта. Список стандартных виджетов и их возможности вы можете увидеть ниже.
Обычно при установке или смене шаблонов виджеты теряются . Чтобы этого избежать, рекомендуется перед сменой шаблонов (тем) вашего WordPress сайта перемещать все активные виджеты в блок «Неактивные виджеты» .
Результат добавления виджета, который добавляет календарь на боковую панель сайта в шаблоне Contango:
Результат добавления виджета (нажмите на изображение для увеличения)
Как видите, все очень просто! В этом уроке мы узнали как добавить, редактировать и удалить виджеты в WordPress. Если у вас остались вопросы, задавайте их в комментариях.
Здравствуйте, друзья! В прошлых уроках мы разобрались с вами как вставить видео на сайт и выучили как сменить тему оформления в wordpress. В этом уроке я хочу рассказать Вам о виджетах. Итак, что такое виджет? Необычное слово виджет (от англ. widget – «штучка», «штуковина») используется для обозначения инструментов или содержимого, которые можно добавить, упорядочить и удалить с боковой панели блога или страницы WordPress. С помощью виджетов легко настроить содержимое боковой панели блога. Это значит что вся информация которую вы видите на боковой панели вашего сайта легко поддается редактированию, удалению и любым другим изменениям. Страница виджетов находится в меню консоли Внешний вид - Виджеты. Добавление и настройка виджетов в WordPress Для начала ищем в меню Внешний вид и переходим в Виджеты.…
Виджеты — это одна из многих потрясающих возможностей WordPress. Если для того, чтобы редактировать контент сайта, мы используем редактор и , то для изменения содержимого сайдбара или футера как раз-таки и нужны виджеты.
По сути виджеты можно добавлять куда угодно на страницах сайта, но это зависит от темы WordPress, которую вы используете, точнее от количества зарегистрированных в ней . Есть темы, которые и вовсе не поддерживают виджеты.
Чтобы создать виджет в WordPress, для начала у вас должен быть подключен хотя бы один сайдбар, если у вас с этим трудности, тогда вам следует прочитать подробное (там также описано, как добавить поддержку виджетов в теме WordPress). Также виджеты можно вывести на сайте непосредственно через PHP-код при помощи функции .
Если с этим разобрались, переходим в админке на страницу Внешний вид > Виджеты. Видите список доступных виджетов? Для того, чтобы добавить виджет на сайт, нужно перетащить его в одну из областей справа (сайдбаров).
В более поздних версиях WordPress есть и другой способ добавления виджета — вам достаточно кликнуть по его заголовку и из выпадающего списка выбрать сайдбар, в который вы хотите его добавить:
Когда виджет будет добавлен, мы увидим его настройки. В виджете «Календарь» это заголовок:
Таким образом мы можем добавлять неограниченное количество виджетов в любую из областей сайта, настраивать, редактировать их, менять порядок перетаскиванием.
Для того, чтобы удалить виджет, нажимаем ссылку «Удалить» (её видно на предыдущем скриншоте). Если же вы хотите лишь временно отключить виджет, сохранив его настройки, перетаскиваем его в блок «Неактивные виджеты», который находится под блоком «Доступные виджеты».
Если вы не используете и не планируете использовать какой-либо из стандартных виджетов WordPress, вы можете полностью отключить его при помощи функции , после чего виджет перестанет отображаться в админке на странице Внешний вид > Виджеты, также он исчезнет и со страниц сайта.
Для отключения виджетов можете воспользоваться готовым кодом ниже:
| 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-код в этом посту я не буду, просто задайте свой вопрос в комментариях, если у вас возникнут какие-либо трудности с кодом.
А сейчас мы будем создавать виджет популярных постов — выведем отсортированные по количеству комментариев записи через .
По своей структуре наш виджет будет похож на стандартный виджет WordPress « », т е он будет иметь похожие параметры (заголовок и количество отображаемых постов) и похожий HTML-шаблон для вывода постов (заголовки записей со ссылками в виде
Вставляем этот код в functions.php:
/*
* создание виджета
*/
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
()
)
:
?>
" name="get_field_name ( "title" ) ; ?> " type="text" value=" " /> " name="get_field_name ( "posts_per_page" ) ; ?> " type="text" value=" " size="3" /> /* * сохранение настроек виджета */ 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" ) ; |
Я перетащил этот код «как есть» (естественно удалив первую строчку Внешний вид > Виджеты мы видим наш виджет:
Давайте перетащим его в какой-нибудь сайдбар справа:
Вот и всё, указываем заголовок виджета (если нужно), количество постов, которое мы хотим вывести и нажимаем «Сохранить» — после этого виджет появится на сайте.
Конечно, необязательно создавать каждый виджет самому, вы можете воспользоваться уже готовыми решениями для конкретных задач.
Для того, чтобы добавить какой-либо из этих плагинов к себе на сайт, копируете его название, переходите в админке в Плагины > Добавить новый и вставляете в форму поиска скопированное название.
Подробно описывать каждый плагин я не буду — описание почти каждого из них тянет на новый пост. Устанавливайте, смотрите, тестируйте (на момент публикации этого поста каждый из плагинов был протестирован мною лично и всё работало отлично).
Со временем список будет пополняться.
Я не стану рассматривать все остальные виджеты социальных сетей (Facebook, Вконтакте, Twitter и т.д.) — в принципе официальные виджеты вполне удобные — просто копируем код, который нам дают и вставляем его в вордпрессовский виджет « ».
Если вам нужна помощь с вашим сайтом или может даже разработка с нуля - .
Яндекс является огромным порталом, который в сутки посещают миллионы людей. Разработчики компании заботятся о пользователях своего ресурса, позволяя каждому из них настроить его стартовую страницу под свои потребности.
К сожалению, функцию добавления и создания виджетов приостановили на неопределенное время, но основные информационные островки оставили пригодными для изменения. Первым делом рассмотрим настройку оформления страницы.
Теперь перейдем к настройке определенных виджетов. Чтобы открыть доступ к параметрам, кликните по значку шестеренки, расположенному возле некоторых колонок.
Данный виджет отображает новостную ленту, которая разбивается по рубрикам. Изначально он отображает материалы по всем темам со списка, но все же предоставляет доступ к их выбору. Для редактирования нажмите на значок настройки и во всплывающем окне напротив строки «Любимая рубрика» откройте список новостных тем. Выберите интересующую вас позицию и нажмите «Сохранить» . После этого на главной странице будут предоставлены актуальные новости из выбранного раздела.
Здесь все просто — введите в специальное поле название населенного пункта, погоду которого вам необходимо знать, и кликайте на кнопку «Сохранить» .
Этот виджет показывает запросы пользователей по выбранным вами сервисам. Вновь перейдите в «Настройки» и выделите галочками те ресурсы, которые вам интересны, после чего кликните по кнопке «Сохранить» .
Виджет программы передач настраивается так же, как и предыдущие. Зайдите в параметры и отметьте интересующие вас каналы. Ниже выберите отображаемое на странице их количество, для закрепления нажмите «Сохранить» .
Чтобы все внесенные изменения были применены, в правом нижнем углу экрана в очередной раз кликните мышью по кнопке «Сохранить» .
Для того чтобы вернуть параметры страницы в изначальное состояние, нажмите на «Сбросить настройки» , после чего согласитесь с действием кнопкой «Да» .
Таким образом, настроив стартовую страницу Яндекс под свои потребности и интересы, вы в будущем экономите время на поиск различной информации. Виджеты будут предоставлять ее сразу при посещении ресурса.
Большинство пользователей привыкли уже к главной странице Яндекса, но ее легко можно изменить. Например, сделать главную страницу такой:
Настройки действуют только для того браузера, с которого настраиваете!
Начнем с оформления. Чтобы выбрать тему для главной страницы, необходимо нажать значок в правом верхнем углу и, в появившемся меню, выбрать строку «поставить тему».
Внизу страницы появляются анимированные темы, щелкнув по которой можно посмотреть, как будет выглядеть страница.
Для удобства подбора необходимой темы, можно выбирать из предложенных разделов, например, «лето», «весна», «мода» и т.д. Разделы указываются в верхней части появившегося меню с темами. Так же темы делятся на «все» и «новые».
Если темы не устраивают, можно перелистывать темы стрелочками вправо и влево.
После выбора темы, необходимо нажать кнопку «сохранить тему», которая находится снизу. Если передумали устанавливать тему, то можно закрыть окно или нажать кнопку «отмена».
Второй пункт меню настроек внешнего вида Яндекса — «настроить Яндекс». Здесь задаются те виджеты , которые Вы будете видеть на главной странице Яндекс-поиска.
При нажатии «настроить яндекс», переходим в режим замены и удаления ненужных виджетов. Виджеты можно просто перетаскивать с помощью мышки на место другого виджета (навести на виджет, зажать левую кнопку мыши и тащить), либо их можно удалять, нажимая крестик в правом верхнем углу. У некоторых виджетов есть собственные настройки, в зависимости от показываемой информации. Например, виджет «яндекс-пробки» можно настроить на любой город, а так же задать маршрут «работа-дом».
Кроме показанных виджетов, можно выбрать и другие. Для этого нажимаем в левом верхнем углу ссылку «добавить новый виджет».
Слева можно выбрать интересующую тематику виджета, а справа расположены сами виджеты с коротким описанием. Внизу страницы находится нумерация для перехода на следующие или предыдущие страницы.
Чтобы выбрать виджет, наводим на него курсор мышки, появляется кнопка добавить, и кликаем левой кнопкой мыши (кликать не обязательно именно по кнопке, достаточно кликнуть по гаджету или названию).
После этого виджет появляется на главной странице и его можно перетаскивать на место других виджетов. Необходимо выбрать действие — «оставить» или «удалить».
В верхнем меню имеются кнопки — «вернуть» для возвращения удаленных виджетов (если не удаляли, то такой кнопки не будет), «сбросить настройки» — возвращает все как было изначально, так же сбрасывается все оформление страницы, «отмена» для возврата того вида, который был до изменений и «сохранить» — для сохранения изменений.
В поле для ввода названия города начинаем вводить начальные буквы города и далее выбираем его из выпадающего списка. Самостоятельно город ввести не удастся, только выбирать из списка. Здесь же можно установить город по умолчанию, то есть город будет определяться автоматически. Поставив галочку в пункте «не уточнять мое местоположение», Вам не будут показываться всплывающие окна с вопросом, например, «вы в Москве?» и двумя вариантами ответа — «да» и «нет». После выбора города, нажимаем кнопку «вернуться».
Практически все мелкие и крупные сообщества используют виджеты в ВК для группы. Они значительно упрощают работу администратора, помогают связать сайт с социальной сетью, продавать свои товары, общаться с подписчиками, собирать и обрабатывать заявки на услуги. Разработчики постоянно добавляют новые приложения. Мы решили составить список 10 самых лучших, полезных и интересных расширений, которые помогут повысить эффективность .
Дочитав статья до конца вы не только определитесь какие виджеты будут полезны для группы посвящённой вашему бизнесу, но и сможете добавить и настроить нужный виджет.
Несмотря на их огромное количество, можно выделить наиболее популярные и необходимые варианты. Давайте их рассмотрим:
Для кого : людям, которые занимаются продажей товаров.
Цель : продажа продукции прямо в группе без переходов на другие сайты и интернет-магазины.
В 2015 году был запущен сервис для поддержки внутри социальной сети розничной торговли. Это больше напоминает витрину, нежели полноценный интернет-магазин, но осуществлять продажу и получать денежные средства можно без проблем.
Для подключения необходимо зайти в меню «Управление сообществом/страницей» . Выбираем раздел «Приложения» и добавляем соответствующий виджет. Перед вами автоматически откроется окно, в котором необходимо настроить все параметры. Пример заполнения полей вы можете посмотреть на скриншоте выше.
Обязательно необходимо настроить основные пункты:
Все эти пункты будут на одной странице. Как только вы заполните карточки с товарами, выполните базовую настройку, блок с продукцией появится на главной странице группы.
Для кого : сообществ, которые бесплатно делятся полезной информацией.
Цель : поддержать владельцев групп.
Большинство сообществ выкладывают полезные материалы бесплатно. При этом есть подписчики, которые готовы поддержать администратора деньгами.
Для подключения виджета необходимо зайти в раздел «Управление сообществом» . Перейти во вкладку «Приложения» и добавить «Пожертвования» .
Все уже работает, необходимо только настроить основные параметры:
После этого обязательно сохраните изменения. Введите информацию в текстовый блок, настройте электронный кошелек.
После установки и настройки, обязательно , в которой напишите, что принимаете денежные средства на развитие сообщества.
Для кого : владельцев сообществ.
Цель : улучшения поведенческих факторов, привлечения клиентов.
Каждый человек может настроить прямое обращение к посетителю по имени. Можно прописать собственное торговое предложение для повышения узнаваемости бренда.
Для добавления приложения необходимо зайти в группу. Нажимаете на три точки под главной фотографией. Из списка выбираете «Управление сообществом». В правой колонке нажимаете на «Приложения». Выбираете и добавляете соответствующий виджет.
Заполняете основные поля:
Выберите текстовый или персональный тип.
Переходим к редактированию, заполняем основные пункты. Далее сохраняем и сразу его включаем. Перед вами откроется небольшое окно, если все нравится, нажимаете «Обновить виджет в группе».
Плюс данного виджета в том, что он не выглядит, как призыв к покупке, скорее это, как приветствие, улучшающее внешний вид и настраивающий пользователя на более позитивный лад. Чтобы ещё более детально углубиться в тему визуальной составляющей, изучите .
Для кого : желающих отправлять сообщения с любыми материалами, автоматизировать рассылку.
Цель : собрать базу активных подписчиков, которым можно сообщать о новых акциях или .
Если вы хотите подключить такую возможность, перейдите на страницу – https://vk.com/app5748831 . Нажмите «Подключить приложение».
Если все было сделано правильно, перед вами появится окно об успешном выполнении операции.
Для кого : идеально подходит для бизнеса или групп, желающих собрать базу клиентам для продажи товаров, услуг или приглашения на мероприятия.
Цель : превратить пользователей в социальной сети в клиентов.
Зайдите в раздел «Приложения» на странице своей группы. Выберите соответствующее приложение и нажмите «Добавить».
Настройте название кнопки, видимость, сниппет и название приложения. После перейдите к основным настройкам и заполните поля так, как считаете нужным.
Для кого : всех сообществ, идеально подходит интернет-магазинам и компаниям.
Цель : узнать мнения подписчиков без перенаправления их на другие сайты.
Преимущество в нескольких типах тестов. Администратор сам решает, когда аудитория узнает об ответах или она может их вовсе не узнать. Можно каждому вопросу назначить баллы.
Процесс подключения не отличается от других. Пример заполнения основных полей вы можете посмотреть выше. Сохраняете изменения и ждете результатов прохождения пользователями вашего теста.
Для кого : подходит владельцем любых групп.
Цель : провести полное анкетирование или опрос подписчиков и посетителей сообщества.
Можно создавать различные типы анкет с вопросами и многошаговые голосования. Используйте это для изучения аудитории или в качестве брифа для клиентов. Есть детальная статистика, которая позволяет изучить аудиторию. Создана настройка оповещений, позволяющая сделать работу администратора и пользователей комфортнее.
Для добавления переходим в «Управление страницей» – «Приложения». Выбираем «Анкеты» и нажимаем «Добавить».
Заполняем основные настройки и переходим к созданию анкет. Нажимаем на кнопку «Перейти в управление приложением».
Давайте рассмотрим пример создания анкеты:
Вы можете значительно расширить анкету, добавив больше пунктов, фотографий, различных видов вопросов.
Для кого : владельцам интернет-магазинов.
Цель : дает возможность легко участвовать в совместных покупках.
Сразу после установки вы получите такие возможности:
Добавление ничем не отличается от остальных. После запуска необходимо нажать на кнопку «Подписаться».
Внимание! На скриншоте вы видите настройку приложения. Она будет доступна только после того, как другие пользователи подпишутся, и вы создадите группу для закупок и управления товарами.
Для кого : администраторов, которые нацелены на проведение концертов, выставок или других мероприятий.
Цель : привлечение внимания к определенному событию, оповещение о нем подписчиков.
Добавление ничем не отличается от работы с предыдущими виджетами. После заполнения основных полей переходим к настройкам.
Нажимаете на кнопку «Создать мероприятие».
Заполняете все необходимые поля и сохраняете изменения. После этого пользователям будут доступны уведомление о мероприятиях.
Цель : покупатели могут видеть состояние заказа.
Если вы продаете товары в ВКонтакте, обязательно установите это приложение. Благодаря нему пользователи смогут видеть статус своей покупки. Всего есть 3 статуса: на утверждении, отправка и доставка. Способен интегрироваться с виртуальным магазином, который мы рассматривали перед этим. Это позволяет автоматически подгружать статусы, под которые заранее настраиваются шаблоны.
Переходим в «Управление сообществом», выбираем раздел «Приложения». Виджет находится практически в конце страницы, поэтому рекомендуем воспользоваться поиском. Нажимаем «Добавить».
У вас ещё нет интеграцией, поэтому система предложит выбрать CRM. Далее необходимо следовать подсказкам системы, ведь от выбранного пункта зависят дальнейшие настройки и работа с заказами.
Виджеты в ВК для группы позволяют сделать работу намного проще. Вы можете не просто делиться с подписчиками и посетителями информацией, но и дать им возможность покупать товары, посещать ваши мероприятия, собирать базу для дальнейших рассылок. Благодаря приложениям обычную группу в социальной сети можно превратить в инструмент, которые по функциональности способен заменить сайт!
