Twitter расширяет свои функциональные возможности на весь мир. Все началось с официальной кнопки tweet, затем Twitter Anywhere Platform, а недавно появилась новая официальная кнопка twitter follow. Вы, вероятно, задаетесь вопросом, что это за чертовщина — кнопка «Твиттер»? Чем отличается кнопка следования Twitter от кнопки умного следования? Не волнуйтесь, в этой статье мы рассмотрим, что такое кнопка twitter follow, и как вы можете добавить ее на свой сайт WordPress.
Что такое кнопка Twitter Follow Button
Кнопка Twitter follow — это небольшой виджет, который позволяет пользователям легко следить за вашим аккаунтом в Твиттере (или любым другим аккаунтом в Твиттере) с любого сайта. Кнопка подписки использует ту же модель реализации, что и официальная кнопка твиттера, и ее очень просто интегрировать. Вы можете увидеть демонстрацию кнопки подписки в левом верхнем углу изображения ниже. При нажатии на кнопку «следовать» открывается окно с дополнительной информацией о пользователе.
Вам, вероятно, интересно, чем она отличается от кнопки Smart Follow, расположенной ниже?
Умная кнопка следования требует от вас полной интеграции с Twitter Anywhere. Она также не позволяет отображать количество подписчиков или выполнять какие-либо настройки. В то время как кнопка Twitter follow позволяет вам показать счетчик, и ее очень легко интегрировать. Посмотрите живой пример ниже (не забудьте нажать кнопку follow, чтобы увидеть, что она делает):
Как добавить официальную кнопку следования Twitter в WordPress
Вы можете перейти на страницу Follow Button и сгенерировать код для вас. Или вы можете просто скопировать приведенный ниже код:
P.S. Не забудьте изменить имя пользователя на свое собственное.
Если вы используете официальную кнопку твиттера, то вам не нужно вставлять скрипт дважды. Так что ваш код будет выглядеть следующим образом:
Теперь вы можете вставить код в любое место вашей темы WordPress. Большинство людей помещают такой код в свои боковая панель.php файл. Однако, если вам неудобно редактировать файл темы, вы можете использовать виджеты темы WordPress. Все хорошие темы поставляются с боковыми панелями, поддерживающими виджеты. Так что все, что вам нужно сделать, это перейти на вкладку Appearence » Widgets. Затем добавьте текстовый виджет в соответствующую боковую панель. Наконец, вставьте приведенный выше код, и все готово. Смотрите пример на скриншоте ниже:
На самом деле нет необходимости добавлять плагин, чтобы сделать что-то настолько простое, как это.
Расширенная настройка
Этот раздел предназначен для дизайнеров и разработчиков, которые хотят дополнительно настроить эту кнопку в соответствии с цветовой схемой своего сайта и т.д. Twitter позволяет настроить цвет кнопки, цвет текста, цвет ссылки, язык, виджет и выравнивание плагина.
Доступные переменные в версии JavaScript, которую мы используем:
- data-show-count (true или false)
- data-button (синий или серый)
- data-text-color (шестнадцатеричный код)
- data-link-color (шестнадцатеричный код)
- data-lang (en, fr, de, es) — использует двухбуквенный код языка ISO-639-1
- data-width — (300px)
- data-align — (справа)
Если вы хотите указать это в коде, это будет выглядеть примерно так:
Источник: www.wpbeginner.com