Добрый день всем на wmbn.ru! Сегодня пойдет речь о социальных сетях, которые предоставляют сайту виджеты и кнопки. В частности речь пойдет о Twitter, предоставивший пользователям различные кнопки, виджеты и иконки, которые в дальнейшем можно установить на свой блог. Почти у каждого блоггера есть свой Twitter аккаунт, в котором можно почитать не только его сообщения, а также новости многих (даже крупных) сайтов или порталов.

Кнопки и виджеты Твиттера для сайта

Еще одна интересная особенность Twitter — как и любая другая социальная сеть, в ней есть возможность делиться информацией с различных сайтов, блогов, в которых установлена кнопки от Twitter. Так же я часто замечал на многих блогах интересный блок Мой Твиттер, в котором помещались все твиты пользователя. Ниже во всех подробностях будет описаны те действия, которые нужны нам, чтобы установить кнопку твит и виджеты от Twitter на сайт.

Регистрация в Twitter’е и настройка учетной записи

Прежде чем начать установку кнопок, виджетов или иконок, нужно пройти регистрацию на Твиттере, т.е. создать свою учетную запись, в которую будут помещаться все ваши твиты и сообщения. Регистрация пройдет довольно просто и не отнимет у вас много времени. Для начала зайдите на сайт Twitter.com и нажмите кнопку Регистрация (можно сначала заполнить три поля, но в дальнейшем процесс регистрации все равно продолжиться).

Главная страница Twitter

На следующей странице заполняем поля Имя и Фамилия, Адрес электронной почты для подтверждения регистрации и получения уведомлений от Twitter, Пароль и Имя пользователя (в дальнейшем будет использоваться как адрес аккаунта), читаем условия соглашения (если кто-то еще их читает) и жмем Создать учетную запись.

Процесс регистрации в Твиттере

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

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

Затем можно выбирать язык (по стандарту он естественно будет Русский), часовой пояс, так же есть возможность указать ваше Местоположение, настроить Отображение медиа файлов с деликатным характером и т.д.

Настройка аккаунта в Твиттере

На вкладке Пароль изменяется пароль доступа к аккаунту и указывается телефон, к которому будет привязана учетная запись, в случае утраты пароля. Есть одна интересная функция на вкладке Телефон — можно отправлять твиты прямо с мобильного телефона, при этом оплачивать надо только стоимость сообщения по тарифу (Twitter за это плату не берет).

Для начала выберите страну (Россия) и затем напишите ваш номер телефона — после этого можно не только отправлять Твиты, но и получать различные сообщения (на странице указаны все команды, в том числе выбор пользователя, от которого будут присылаться сообщения). Единственный недостаток данного сервиса — данная функция доступна только для пользователей оператора Билайн.

На вкладке Уведомления настраиваем отправку автоматических сообщений (в каком случае уведомить — отправили сообщение или упомянули, появился новый читатель или ретвит записи и прочие обновления) от Твиттера на почтовый ящик. В Профиле указываем информацию о вас — Фотографию автора или другую картинку , изменяем Имя и Фамилию (случаи бывают различные) , ваше нынешнее Местоположение, Адрес сайта (если он есть), и немного информации О себе — увлечения, познания и т.д. Так же можно публиковать сообщения на страницу в Facebook.

На вкладке Оформление настраиваем внешний вид страницы — фоновое изображение и цвет оформления. Есть выбор из нескольких изображений или загрузить свою картинку. В Приложениях устанавливаем доступ к вашей странице от различных сервисов, которые установлены в ваш аккаунт. Это может быть тот же AddThis или сервис автоматических публикаций ваших записей блога в социальные сети TwitterFeed.

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

Кнопки Twitter для сайта — настройка и установка

Теперь приступим к настройке и установке виджетов Твиттера. Первым делом установим кнопку Tweet на блог, для этого перейдите на страницу Ресурсы и выберите Создать кнопку, после чего попадете на страницу выбора кнопок.

Страница выбора виджетов, кнопок и логотипов для сайта

Всего есть 4 вида кнопок — Отправить ссылку (Твитнуть), Читать, Отметить и Упомянуть. Начнем с кнопки Твитнуть, которая чаще всего встречается на многих блогах и сайтах. Данная кнопка как раз и создана, что бы упомянуть интересную страницу на странице вашего Твиттера — если ваша информация покажется для читателя полезной и он захочет поделиться ею, то она будет кстати. Кнопка Твитнуть имеет свои Параметры, которые позволяют ее немного настроить — рассмотрим их.

Кнопки от Твиттера для сайта и блога

Отправить ссылку — по умолчанию стоит Использовать URL адрес страницы, то есть та страница, на которой в будущем будет размещена кнопка будет размещена на странице Твиттера. Если указать другой URL адрес страницы, то будет отправлена только она. Текст — также по умолчанию используется данные о странице (название), если же указать свой текст, то при нажатии кнопки Твитнуть, на Твиттере будет прописан данный текст с ссылкой.

Следующие три поля ввода оставляем как есть, чтобы использовались данные с вашего профиля для кнопок. По желанию можно сделать кнопку большой ну и выбрать Язык текста на кнопке. Для удобства есть Предварительный просмотр, а ниже сгенерированный код кнопки.

Кнопка Читать позволяет набрать читателей вашего блога на Твиттере. На сервисе AddThis есть целый блок, который как раз имеет пункт Follow Me On Twitter. Кнопка тоже имеет свои параметры — Пользователь, которого будут читать в Твиттере (оставляем как есть, так как по умолчанию стоит ваш аккаунт), Показывать имя пользователя на кнопке или нет и Размер кнопки. Так же есть предварительный просмотр и сгенерированный код кнопки.

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

Кнопка Упомянуть дает возможность оставить свое мнение другому пользователю о вашем Твиттере. Менять следует только текст, да и тот уже имеет нормальное начало для сообщения.

Устанавливаются данные кнопки точно также, как и социальные кнопки от AddThis — заходим в Редактор на WordPress, выбираем файл single.php (одна запись) и ищем следующий участок кода:

</div>

</div>
<?php comments_template(); ?>

В пустую область вставляем код кнопки и сохраняем измененный файл. На этом все — кнопка установлена на ваш блог.

Установка виджетов Twitter’а на блог WordPress

Приступим к виджетам. Так же на странице Ресурсы выберите Виджеты, затем для Веб-сайта. Всего есть 4 виджета (как и кнопок) — Профиль, Поиск, Избранное и Список. Начнем с виджета Профиль — он показывает вашу активность (твиты, сообщения) в блоке.

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

Виджет профиль для сайта

Ниже в Настройках самого блока устанавливаем его вид — загрузка всех твитов или через определенный интервал времени, количество выводимых записей на блоке, показ прокрутки или нет. В Оформлении настраиваем внешний вид блока — цвет текста, фона и оболочки. В Размерах укажите автонастройка ширины или постоянные размеры виджета. После всех настроек жмем Проверить и если все устраивает, то затем Завершить и получить код.

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

Виджет Избранное показывает твиты, который вы добавили в избранное — отличная альтернатива простому Профилю, так как можно выбрать, что показывать в блоке. Точно также указываем Имя пользователя (менять не стоит), Заголовок и Подзаголовок. Остальные настройки схожи с двумя предыдущими блоками.

Остался последний виджет Список, который показывает ваших читателей и какие сообщения (твиты) они оставили в Твиттере. Чтобы пользоваться данным виджетом необходимо создать свой Список на странице профиля и поместить туда читателей. Далее на станице настроек виджета выбираем созданный список, указываем осмысленные заголовки и настраиваем внешний вид блока — так же, как и предыдущие блоки.

Данные блок(и) можно установить в сайдбаре или подвале сайта (если шаблон имеет там области для установки виджета).

Иконки и логотипы от Twitter’а для блога и сайта

Осталось рассмотреть иконки и логотипы от Твиттера. Всего их 10 штук в разных форматах и для каждого фона, точнее для белого и темного (другого). Назначение таких иконок — показать, что у вас есть свой аккаунт в Твиттере, который вы ведете. Единственный казус — не переведенная на русский язык условия использования данных иконок, но если их размещать в неизменном виде и не предоставлять как фирменный логотип сайта, то проблем с соглашением не будет.

Иконки твиттера для сайта

На иконку можно сделать ссылку на ваш профиль.

На этом все, в дальнейшем рассмотрим другие виджеты и кнопки от социальных сетей и сервисов, которые пусть и немного, но придадут динамику вашему блогу.

Комментариев: 4

  1. West Blogger

    Тоже подумываю над кнопочками социальными. Правда не определился еще какие по настоящему мне нужны.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>