Создайте стену социальных обновлений в своем блоге WordPress с помощью плагина Socialist jQuery

Создайте стену социальных обновлений в своем блоге WordPress с помощью плагина Socialist jQuery

Socialist - это невероятный новый плагин jQiuery, который объединяет ваши обновления в различных социальных сетях и красиво отображает их в сетке, подобной Pinterest. Посмотрите на снимок экрана ниже, чтобы понять, насколько это великолепно, и читайте дальше, чтобы узнать, как реализовать это в WordPress.





Примечание. Socialist - это плагин jQuery. Я дам полные инструкции о том, как реализовать это в WordPress, но практическое знание jQuery будет полезно для выявления опечаток или ошибок в вашем коде. Кроме того, это, вероятно, следует рассматривать как бета-версию; кое-что сломано, форматирование не идеально, но все равно полезно и впечатляет



как найти удаленные сообщения facebook

Вступление

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





Плагин может получать доступ к различным социальным сетям, а также к простому RSS, захватывая изображения и контент, в том числе:

  • Facebook
  • Твиттер
  • LinkedIn
  • Flickr
  • YouTube
  • Pinterest
  • RSS
  • Craigslist
  • Google+

Поддержка Tumblr также указана, но в коде есть ошибка, которая не позволяет ей работать; Надеюсь, это будет исправлено к моменту публикации этого руководства.



Интеграция с WordPress

  1. Загрузите любую страницу своего сайта и просмотрите исходный код. Найдите строку jQuery; если он у вас уже есть, перейдите к шагу 2. Если нет, добавьте jQuery, включив следующую строку в свой functions.php: wp_enqueue_script (‘jquery’);
  2. Загрузите zip-файл Socialist с github [больше не доступен]. Разархивируйте и загрузите папку в каталог своей рабочей темы через FTP.
  3. Переименуйте папку в социалистическую
  4. В header.php добавьте следующие две строки где-нибудь под функцией wp_head, но перед конечным тегом:


Резюме

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



Если у вас возникли проблемы или вам нужна помощь, чтобы вставить это в WordPress, не стесняйтесь спрашивать в комментариях ниже, но включите тестовый URL-адрес, который я могу просмотреть и изучить любые ошибки кода. Об ошибках в самом плагине, пожалуйста, опубликуйте новую проблему на GitHub. Думаете, кто-то другой мог бы использовать MakeUseOf этот замечательный плагин для общения на jQuery? Затем поделитесь, используя кнопки ниже, чтобы рассказать миру.

как получить доступ к телефону на компьютере
Делиться Делиться Твитнуть Эл. адрес Как изменить внешний вид рабочего стола Windows 10

Хотите узнать, как улучшить внешний вид Windows 10? Используйте эти простые настройки, чтобы сделать Windows 10 своей собственной.

Читать далее Похожие темы
  • Wordpress и веб-разработка
  • Ведение блога
  • Плагины Wordpress
Об авторе Джеймс Брюс(Опубликовано 707 статей)

Джеймс имеет степень бакалавра в области искусственного интеллекта и имеет сертификаты CompTIA A + и Network +. Когда он не занят в качестве редактора обзоров оборудования, он любит LEGO, VR и настольные игры. До прихода в MakeUseOf он работал светотехником, учителем английского языка и инженером центра обработки данных.

Ещё от James Bruce

Подписывайтесь на нашу новостную рассылку

Подпишитесь на нашу рассылку технических советов, обзоров, бесплатных электронных книг и эксклюзивных предложений!

Нажмите здесь, чтобы подписаться