Привет всем читателям моего блога! В сегодняшней статье мы рассмотрим интересный плагин Social Media Widget. Его основное и весьма обширное назначение – выводить в сайдбаре иконки многих социальных сетей, их адреса, и открывать вкладки социальных сетей в новом окне браузера. Вы прекрасно знаете, как важны для продвижения сайта естественные ссылки с социальных сервисов. Зайдя на ваш сайт, посетитель может оставить комментарий к заинтересовавшей его статье в той соцсети, в которой он зарегистрирован, или просмотреть ваши записи в другой сети. Также здесь можно размещать видео- и аудиофайлы, изображения, или давать на них ссылки с тех социальных сетей, в которых они размещены.

Как видите, возможностей много, но пока не все о них понятно. Поэтому попробуем разобраться более подробно в тонкостях установки и настройки плагина Social Media Widget. Итак, установка простая, и заключается в том, что вы должны зайти в консоли сайта во вкладку «Плагины», дальше – «Установить новый» и в поле «Поиск» вписать название плагина. Вот как это будет выглядеть на вашем мониторе:

Установить плагин Social Media Widget

Затем вы увидите список плагинов, похожих на запрашиваемый. Здесь же, в этом списке, вы найдете и плагин Social Media Widget (он должен быть на первом месте в списке). Нажимайте кнопку Виджет развернутый Social Media Widget«Установить». После чего вам останется подождать, пока плагин загрузится, и активировать его. При установке ознакомьтесь с параметрами плагина и со способами его инсталляции настройки.

Теперь вы имеете активированный плагин. В консоли сайта ничего не изменится – плагин можно настроить только из виджета. То есть – для настройки плагина вам нужно перейти во вкладку «Виджеты» — это во вкладке «Внешний вид» или «Дизайн» вашей панели администратора. Настроек здесь несколько десятков, но не все они вам пригодятся. Рекомендую не гнаться за количеством социальных сетей, а внести информацию только о тех, где вы зарегистрированы и реально работаете. Обычно это Google+, Твиттер, Вконтакте, Одноклассники и Фейсбук.

Но здесь уж решайте сами – если вы активно размещаете фотографии на сервисе Flickr или аудиофайлы на iTunes, то почему бы не вывести их иконки? Также можно разместить иконки и ссылки на сервисы общения – Skype, Google Talk и несколько других. Теперь о настройках.

  1. Пункт «General Settings» — здесь вы можете дать название этому виджету и написать небольшое пояснение или обращение к посетителям сайта. Здесь, в самом верху виджета, вы видите предупреждение о том ,что все адреса нужно вписывать с абсолютным путем, то есть – типа http://www.example.com.
  2. «Social Networking» — в эти поля (а их в этой настройке 16 штук. Это Facebook, Google+, Twitter,MySpace, Orkut, Hyves, LinkedIn, aSmallWorld, Foursquare, Meetup, About.me, Skyrock, Goodreads, Github и Вконтакте) вы впишете те сервисы, в которых вы уже зарегистрированы, и их иконки будут являться одновременно и ссылками на ваши аккаунты в этих сервисах.
  3. Вкладка «Images and Video» — здесь можно вставить ссылки на сервисы, работающие с изображениями. Если вы часто и много размещаете свои фотографии или другие графические работы, а также видеофайлы на сервисах Flickr, Picasa, Instagram, Pinterest, DeviantArt, YouTube, Hulu, UStream, Vimeo, Flixster и IMDb. Естественно, не адреса главных страниц, а именно адреса ваших аккаунтов.
  4. Из игровых сетей для вкладки «Gaming» – только одна: «Steam».
  5. Пункт виджета «Chatting» — здесь вы можете дать ссылки на Skype и Google Talk чаты.
  6. Пункт «Social News & Feeds». Здесь – ссылки на социальные сети Digg, Reddit, Delicious, StumbleUpon, Buzz, FriendFeed, RSS, Slashdot. В поле «E-mail» следует указать реально работающий адрес почтового ящика (конечно, если вам это нужно).
  7. «Blogging» — здесь вам предлагается всего несколько сервисов, но и этого, по-моему, достаточно – Tumblr, Blogger и WordPress.
  8. Пункт «Business/Reviewing & Sharing». Здесь есть даже Ebay. Кроме того, еще Yelp, SlideShare, Better Business Bureau, Merchant Circle и Etsy.
  9. Специализированные музыкальные и аудиосервисы – «Music & Audio». Это такие социальные сети, как Last.fm, Pandora, iTunes, Live365, Digital Tunes, Soundcloud, Bandcamp. Как видите, список довольно большой, так что какой-то сервис, но вы обязательно используете.
  10. «Scheduling» (Планирование). Если вы зарегистрированы в сети PlanCast, то это для вас. Я лично не знаком с этим сервисом, поэтому ничего не могу сказать о его работе.
  11. Пункт «Portfolio». Социальная сеть Cuttings.me.
  12. Спасительный пункт «Custom Services». В этом пункте вы можете вводить все, что угодно. То есть – отменить все вышеперечисленные пункты, и вводить только те, которые вам хочется. Отличие одно – вам нужно будет вводить не только адреса ваших сервисов, но и адреса иконок и названия сетей. Например: Custom Service 1 Name: « Fasebook », Custom Service 1 Icon URL: « http://www.johnhaydon.com/wp-content/uploads/2011/10/facebook-logo-1.jpg », Custom Service 1 Profile URL: « http://www.facebook.com/pages/%D0%A0%D0%B5%D0%BC%D0%BE%D0%BD%D1%82-%D0%BA%D0%B2%D0%B0%D1%80%D1%82%D0%B8%D1%80%D1%8B-%D1%81%D0%B2%D0%BE%D0%B8%D0%BC%D0%B8-%D1%80%D1%83%D0%BA%D0%B0%D0%BC%D0%B8/155603484543319 ».
  13. Еще один пункт, который немного облегчит задачу – можно ввести путь к папке с иконками. Только сначала, конечно, эту папку следует залить в корень сайта. Но, если вы будете использовать несколько социальных сетей для отображения в виджете, то не стоит и трудиться, можно будет вручную указать путь к каждой иконке в настройках виджета.

В пункте «General Settings» есть еще несколько настроек, которые вам пригодятся. Это регулировка размеров иконок, коэффициента их прозрачности, выбор набора иконок из нескольких, предложенных плагином, или установка своего набора. Также можно указать расположение иконок – слева, справа, по центру, и задать атрибут rel=»nofollow» (это обязательно, чтобы ссылки не индексировались поисковыми системами).

Также есть интересные анимационные эффекты для изображений иконок — увеличение изображения в различных направлениях – во все стороны, вверх, вправо-влево-вверх, эффект полупрозрачности с одновременным увеличением изображения, и т.д. Также есть возможность выбрать количество иконок в строке. В настоящее время вы можете иметь один значок в строке или установить авторазмещение (максимальное количество иконок будет размещено в виджете в зависимости от ширины контейнера виджета).

Заметка для веб-мастеров: анимация в Internet Explorer поддерживается только для Internet Explorer 8. С остальными браузерами никаких проблем с отображением нет. В таких браузерах, как Chrome и Safari или Firefox 4. Firefox 3.x эффект Javascript не поддерживается полностью, поэтому все функции отображения организованы при помощи CSS3 анимации.

Код <!—:nl—>Volg ons<!—:—><!—:en—>Follow us<!—:—><!—:fr—>Suivre nous<!—:—> поможет локализовать перевод иконок, но для четкой работы кода на страницах нужно будет установить плагин qTranslate.

Чтобы вы могли пользоваться собственным набором иконок вместо предлагаемых в пункте «General Settings», вам нужно его разместить в папке wp-content с именем «icons 1.1». В принципе, имя папки может быть абсолютно любым. Имена иконок должны быть такими же, как в оригинальных изображениях. То есть — facebook.png, twitter.png, pinterest.png, и т.д.

Лучше при загрузке иконок в новую папку соблюдать одинаковые размеры иконок. После загрузки иконок в папку можно перейти в настройки виджета и выбрать вашу новую папку. Это делается в пункте «Custom Icons Path», здесь вам нужно указать абсолютный путь к папке. В папку плагина иконки лучше не закачивать, так как при первом же обновлении ваши иконки заменятся на стандартные.

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

Виджет

Это все настройки плагина. Настроек много, но все они довольно легкие, просто однообразные. Но, если вы не собираетесь регистрироваться во всех социальных сетях, которые вам предлагает плагин, то прописать несколько адресов социальных сервисов – дело нескольких минут. До встречи в следующих публикациях! И не забывайте – мы еще не закончили с сервисом feedburner.google.com! Поэтому следующая статья – именно о нем, об остальных настройках вашего RSS фида от Feedburner.