23:07:2014

Как добавить кнопку Tweet(твитнуть) на сайт

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

Установить кнопку твиттера на сайт

 

В предыдущей статье мы установили кнопку нравится от facebook и вконтакте, советую вам прочитать ее. Так же, как я говорил, мы будем рассматривать установку кнопки google+, а так же научимся выравнивать социальные кнопки, чтобы все выглядело цивильно и красиво. Поэтому подписывайтесь на рассылку новостей блога по Email и никогда не пропустите выход новых статей.

Итак, как установить кнопку поделиться(твиттнуть) на свой сайт!  Переходим в кабинет разработчиков твиттера по этой ссылке и выбираем поле как на скрине ниже:Кнопка твиттер на сайт

Теперь опускаемся ниже и устанавливаем настройки как на картинке ниже:Кнопка твиттер на сайт

По сути вам ничего не надо менять, достаточно просто поменять язык на русский(если конечно вам это надо) и установить свой аккаунт в разделе “C помощью”. Я уже рассказывал про то, какие манипуляции можно устроить, если правильно настроить социальные кнопки(блакмаджиксео), но ссылку я уже давал, поэтому можете пролистать вверх и прочитать.

Теперь нам нужен код кнопки, я думаю вы его заметили, копируем его и идем в админ-панель сайта. Наш путь на этот раз лежит напрямую в Внешний вид-редактор-single.php, потому что twitter не требует установки дополнительно скрипта, как этого хотят VK и Facebook.

Зашли в single.php и теперь вам нужно найти место, где вы хотите видеть свою кнопку и туда её установить. Как я уже говорил в прошлой статье – скопируйте код файла и вставьте в блокнот, сохраните, потому что если накосячите, будет легче исправлять ситуацию.

Я вставил кнопку рядом с остальными и теперь, когда я выравнял кнопки, у меня это выглядит вот так:Кнопка твиттер на сайт

Подписывайтесь на обновления блога по email и никогда не пропустите выход новых, полезных статей, а так же не забывайте комментировать статьи.

Ответить