Тюнинг Twitter-виджета для нашего WordPress.

Date December 3rd, 2009 Author Vitaly Agapov

wordpress-plugin-twitter-retweetИтак, мы открыли для себя прелести как микроблоггинга (Twitter), так и макроблоггинга (WordPress). Всё это очень здорово, но хотелось бы всё это объединить и заставить работать с связке. Самый простой и не требующий дополнительных знаний способ – воспользоваться виджетом с самого твиттера. Заходим по ссылке http://twitter.com/widgets, выбираем соответствующие пункты (например, My Website->Profile Widget), настраиваем внешний вид, размеры и поведение виджета… и почти всё. Осталось скопировать сгенерированный код и вставить в нужное место в нашей странице.

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

1. Качаем js-библиотеку виджета. Достать её можно здесь – http://widgets.twimg.com/j/2/widget.js. Создаём в директории нашей WP-темы новую директорию js (не забываем дать ей права на чтение, например 644) и кладем widget.js туда.
2. Качаем таблицу стилей для виджета – http://widgets.twimg.com/j/2/widget.css. Сохраняем widget.css в css-директорию нашей темы.
3. Открываем widget.js, находим там строку loadStyleSheet(“<путь>/widget.css”,this.widgetEl) и меняем значение <путь> на то место, куда мы сохранили файл с css.
4. В файле темы, куда мы собираемся вставить виджет (например, в сайдбаре), вставляем код виджета сгенерированный по указанной в начале поста ссылке, заменяя в строке <script src=”<путь>/widget.js”></script> значение пути к своему уже локальному файлу js. У меня путь выглядит так: /wp-content/themes/agapoff/js/widget.js.
5. Открываем теперь widget.css и даём волю фантазии. Пример работы можно увидеть у меня в левом сайдбаре.

Tags: ,
Category: Web-dev | 2 Comments »

Comments

2 комментариев на “Тюнинг Twitter-виджета для нашего WordPress.”

  1. Grand
    1 February 2010 - 21:20

    Классно смотрится, но у меня такой дизайн на блоге не пройдет

  2. Vitaly Agapov
    2 February 2010 - 13:19

    В том-то и суть – обладая совсем небольшими знаниями css можно превратить twitter-виджет во что угодно и подогнать под любой дизайн.

Leave a comment

 Comment Form