Урок WordPress 4: кнопки добавления статьи в Google+, Twitter, FaceBook…

Привет, читатель SEObiz.com.ua. Сегодняшнюю жизнь сложно представить без использования социальных сетей Google+, Twitter, FaceBook, Вконтакте и т.д. Поэтому каждый уважающий себя сайт просто обязан иметь кнопки, которые позволяют добавить запись или поделиться нею в социальных сетях. Установить кнопки ретвита в Твиттер, лайков в FaceBook или же кнопки Вконтакте и других популярных сетей легко даже тому, когда принято называть чайником в WordPress.

Здесь нет ничего сложного. Для того, чтобы поставить все эти кнопки существует много способов: начиная от плагинов для WordPress и заканчивая установкой официальной кнопки от самой социальной сети.

Способы отличаются лишь сложностью добавления Твиттера, Фейсбука… на сайт. В прошлом уроке WordPress для чайников я рассказывала о том, с какими сложностями мне пришлось столкнуться добавляя комментарии от Вконтакте и как их решить. Но это единичный случай. Чаще всего всегда можно найти простой и удобный способ, который не потребует много сил и знаний от новичка, но позволит реализовать задуманное. Как раз о таком способе сегодня и пойдет речь.

Добавляем кнопки социальных сетей на свой сайт с помощью скрипта Share42.com

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

Преимуществом данного скрипта по установке кнопок социальной сети является то, что:

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

Переходим к самой установке кнопок социальных сетей с помощью скрипта Share24:

1. Заходим на официальный сайт скрипта Share42.com и выбираем:

Урок WordPress для чайников

размер кнопок, а также нужные социальные сети просто наживая по их значкам.

2. Затем переходим к выбору кодировки сайта:

вначале отмечаем какой должна быть панель с иконками социальных сетей: горизонтальная или вертикальная, как у меня. Далее, указываем кодировку сайта (для блога на WordPress это будет UTF-8), выбираем язык сайта, можем переходить к просмотру того, что мы навыбирали и как оно будет выглядеть.

После того, как ты убедился, что конечный результат оправдал твои ожидания — скачиваем готовый скрипт. Распаковываем у себя на компьютере и с помощью программы, которую ты используешь для соединения по FTP с сайтом или блогом, загружаем папку «share42» себе на сайт. Например, в корень твоего сайта в папку public или же www. Т.е. скрипт будет находиться по адресу http://site.ru/share42/

Далее заходим в админку WordPress и идем редактировать файлы темы (из чего состоит шаблон для WordPress). Поскольку кнопки социальных сетей должны отображаться в каждой статье на блоге, то надо отредактировать файл single.php, который и отвечает за вывод одной статьи на блоге, а именно — вставить вот такой простой код там, где должны отображаться сами кнопки добавления записи блога в социальные сети:

<script type="text/javascript" src="http://адрес-твоего-сайта/share42/share42.js"></script>

Все, кнопки будут отображаться в том месте, где ты вставил скрипт. Помимо этого можно оформить вывод этих кнопок с помощью файла стилей .css

Уверена, что установка пройдет легко и просто, если ты будешь следовать моему уроку. Ну а если что-то пошло не так или не получается — пиши в комментариях, будем смотреть, в чем твоя ошибка вместе.

 

К записи "Урок WordPress 4: кнопки добавления статьи в Google+, Twitter, FaceBook…" 16 комментариев
  1. Лично я зарегистрировался на одном сервисе, который на полном автомате забирает часть статьи и ставит ссылку в Twitter, работает хорошо, но проблема в моём движке Blogger, траслит ворует в заголовках…

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

    • Elena:

      Да, но иногда автомат здорово выручает — читая, можно забыть добавить пост в Твиттер, а автомат не забудет. Часто для меня это альтернатива RSS.

  3. Супер блог! Столько полезной информации в одном месте! Респект автору! Поддерживаю!!!

  4. Aртур:

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

    • Elena:

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

  5. Aртур:

    вроде все правильно делаю, да там и так все просто

  6. Вот код к примеру:
    Страницы: ‘, ‘after’ => », ‘next_or_number’ => ‘number’)); ?>

    Правильно же вставил?

  7. я тоже не смог поставить, не понятно почему не отображается 🙁

  8. Что я могла сделать не так ?? :-! Распаковала файл в корневой -получилось два файла (теперь на хостинге стоит share42.js и icons.png . Код ставлю , но ничего не отображается. Меня смущает, что я загружала два файла? Может быть не стоило распаковывать ?

  9. Так у меня и не получилось 🙁 Хоть эксперименты я проводила сегодня только после создания копии (бекапа). — это я для тех, кто такие же новички как и я %) . зато порывшись в закромах нашла плагин для всех кнопочек, включая одноклассников. Название его Social Share Buttons — можно просто в поиске плагинов на вордпрессе найти. Устанавливается очень легко . Надеюсь кому то пригодится такая информация, а автор блога Елена не обидится на меня за то что «влезла» в её тему. 😉

    • Elena:

      Татьяна, распаковать папку надо было себе на компьютер, а затем залить в папку с плагинами. Она не в корне. Папка с плагинами имеет путь корень — wp-content — plugins Именно в папку plugins надо залить папку share42, а Вы ее в корень. Это плагин и надо заливать в папку с плагином. После этого вставить код там, где Вы хотите, чтобы выводились кнопочки соцсетей и все будет работать. Ошибка в том, что Вы не туда залили папку с плагином 😉

  10. Ну я так и думала, 🙁 что я что то не туда поставила 😀 . Теперь буду знать. Хотя уже поставила плагин (пост выше). Но лучше знать несколько способов.

Оставить свой комментарий

Поиск по сайту
Читатели

Спонсор блога:
Отзывы о Steadyhoster.com
Самые обсуждаемые статьи
  • Плагин Заплати лайком. Как продают то, что можно взять бесплатно (39)
  • Урок WordPress 6: проверяем шаблон WordPress на вредоносность (29)
  • Контекстная реклама: РСЯ или Google AdSense (25)
  • ЧПУ и все о них (24)
  • Как увеличить доход с Google AdSense (23)
  • Основы продвижения сайта (SEO) в поисковых системах (21)
  • Урок WordPress 19: как убрать дату из постов в блоге? (21)
  • © 2017    SEObiz.com.ua    //    Войти   //    Вверх