mojwp.ru
Кейсы по заработку на сайте >>
Назад

Добавляем на сайт ленту из Twitter

Опубликовано: 29.08.2011
Время на чтение: 3 минуты
8
1095

Добавляем на сайт ленту из TwitterЕсть куча плагинов для WordPress, которые позволяют интегрировать Twitter на Ваш сайт. Однако, и сам Twitter, предлагает воспользоваться собственными разработками, без установки сторонних плагинов. Для этого достаточно поместить код в нужное место на сайте.

Раз сегодня рассматриваем, как установить ленту из профиля Twitter, то переходим по ссылке https://twitter.com/about/resources/widgets/widget_profile и попадаем на страницу настроек блока с лентой.

1. Настройки.
Тут только одно поле, в котором вводим имя на twitter, которое хотим отображать. В моем случае, это mojWP.

2. Предпочтения.
В данном пункте мы вибираем, каким образом будет отображаться лента: с прокруткой или нет; нужен аватар или нет; какое число твитов должно отображаться и прочее.

Внимание! Я выпустил новую тему Romb для ваших статейников и блогов. Максимально быстрая по Google PageSpeed и максимальная оптимизация под SEO.

3. Оформление.
Данный раздел представляет возможность настроить цветовое оформление Вашего виджета, дабы он более гармонично вписывался в дизайн сайта. Настроек всего 5, и времени много не займут. Настроить можно:

  • фон оболочки;
  • основной фон;
  • ссылки;
  • текст оболочки;
  • текст твита.

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

4.
Размеры.
Из названия понятно, что настраивать будем размеры. Выставляем в пикселях ширину и высоту, подходящие Вам. Если поставить галочку "авто настройка ширины", то Ваш виджет сам подгонится под размеры.

На этом все, виджет готов. Осталось нажать "Завершить и получить код", который затем помещаем в нужное место на сайте (sidebar в основном).

P.S.: полученный скрипт очень прост и в будущем, в случае изменения дизайна или прочего, необязательно лазить на твиттер и снова получать код. Все можно изменить и в самом скрипте.

Оцени статью

Давай, оцени статью!

Автор:
Виталий
Поделиться
Похожие записи
Черкани пару строк
  • Андрей Долгов
    Опубликовано: 23.12.2011 Ответить на сообщение

    Огромное спасибо за эту статью. С ее помощью я наконец добавил на свой сайт ленту из Twitter. Выглядит красиво.

  • Марина Лазарева
    Опубликовано: 03.02.2012 Ответить на сообщение

    Полезная это "штучка"! 🙂

  • Евгений
    Опубликовано: 05.10.2012 Ответить на сообщение

    все хорошо, но одно плохо - в установившейся ленте есть окно для написания твиттов, но оно не работает... 🙁
    курсор ходит, а текста нет. Как быть?

    • Виталий
      Опубликовано: 05.10.2012 Ответить на сообщение

      надо разбираться.
      статья писалась практически год назад и за это время Twitter претерпел изменения

  • Надежда
    Опубликовано: 10.02.2013 Ответить на сообщение

    Долго искала понятную инструкцию, спасибо!

  • игорь
    Опубликовано: 27.04.2013 Ответить на сообщение

    Полезная статья спасибо!

  • Artur
    Опубликовано: 22.08.2013 Ответить на сообщение

    На http://www.smartwall.com можно создавать такую же ленту, но с премодерацией и кучей дополнительных плющек.

  • Олег
    Опубликовано: 19.04.2018 Ответить на сообщение

    сейчас в 2018 уже не работает?

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.