Виджеты для WordPress — связь Jetpack с соцсетями

плагины для wordpressСегодня рассмотрим возможности JetPack, которые предоставляет нам виджеты для WordPress.

Количество виджетов от JetPack постоянно увеличивается. Сегодня мы поговорим о тех, которые помогают связать WordPress с социальными сетями. На сегодняшний день (а это февраль 2016 года) количество именно виджетов для соцсетей увеличилось. Их теперь три. И соответственно связаны они с тремя сетями - Twitter, Facebook и Google+. И выглядят очень достойно.

А двух виджетах  - RSS Links  и  Blog  Subscriptions – мы уже с Вами поговорили, когда устанавливали RSS ленту от JetPack.

Начнем с того, что в первую очередь нам необходимо подключить функцию - Extra Sidebar Widgets. Для этого заходим в настройки плагина и подключаем ее.

подключение

Теперь заходим в раздел Внешний вид - Виджеты и видим дополнительные возможности. предоставленные нам плагином JetPack. Ну что же - начнем.

Виджет Twitter

Находим виджет и устанавливаем его в сайтбар, на то место,где Вы считает нужным.

добавляем виджет

И приступаем к его настройке.

верхняя часть виджета

  1. Заголовок, который будет отображаться как название виджета. По умолчанию это поле уже заполнено. Но Вы можете изменить текст по своему усмотрению;
  2. Ширина виджета - она должна соответствовать ширине Вашего сайтбара. Если не знаете ее и не угадаете при установке - не переживайте, все можно поправить, зайдя еще раз в настройки виджета.
  3. Точно так же можно поработать и с высотой. Я высоту немного убавила, для того, что бы отображался один твит полностью.
  4. Если Вы хотите, что бы в виджете отображалась и прокручивалась лента твитов - в это поле ничего не ставьте. Но если Вы решили ограничить количество виджетов - установите ту цифру, которую считаете нужным;
  5. А вот теперь приступим к самой важной настройке, без которой ничего у Вас не будет отображаться. Вы должны создать виджет на ресурсе Twitter и получить его ID, которое надо установить в нижнее поле Указанное на скрине.
    Итак, что мы должны сделать? Кликните по ссылке - создать виджет на Twitter.com.
    И Вы попадете в свой аккаунт на Twitter в раздел Виджеты. Желательно перед созданием виджета авторизоваться в своем Аккаунте, что бы соединение прошло без дополнительных задержек.
    Итак Вы попадаете в настройки виджета - настраиваете его под себя и кликаете на Кнопку Создать виджет.создать виджетКак только вы кликните на эту кнопку - под виджетом появится поле с его кодом. Если бы Вы просто создавали на своем блоге такой виджет - то этот код Вам бы понадобился. Но так как мы работаем с Виджетом JetPack, нам необходим его ID. Он виден в адресной строке.ID виджетаВот его то мы и копируем и вставляем в поле ID в виджете на блоге. Теперь остались очень простые настройки, о которых я подробно говорить не буду - выбор за Вами. Не забудьте нажать на клавишу - Сохранить.сохранитьТеперь любуемся на результат своей работы. Такой виджет стоит у меня на сайте в футере.

Виджет Google+

Устанавливаем виджет в сайдбар, как и предыдущий. И приступаем к настройкам, предварительно открыв свой аккаунт в сети Google+


google+Настройки очень просты. Главное - вставить ссылку в окно URL-адрес Google+. Где мы берем эту ссылку? Заходим в свой аккаунт, в профиль и копируем ссылку, которую и вставляем в поле виджета.

аккаунт гугл

Сам установленный виджет можете увидеть в футере сайта.

Виджет Facebook

Здесь надо ПОМНИТЬ (!) о том. что этот виджет поддерживает не Ваш профиль на FB, а бизнес страницу. Поэтому, если у Вас таковой не имеется - оставьте установку этого виджета на потом...

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

бизнес страница

Настраиваем виджет под себя, вставляем ссылку своей страницы и виджет готов. Ссылку берем в адресной строке открытой страницы.

страница

Вот и все настройки.

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

Удачного продвижения!

Добавить комментарий