【Twitter】複数IDを1つのウィジェットで表示できる「リストウィジェット」を使ってみた

ひさびさwebのお仕事でやったTwitterワザ的なお話です。

7月25日にあるライブイベント「ドリやねん!」のイベントサイトを作らせてもらいました。

『DAMEやねん×DreamCastTV ドリやねん!』公式サイト

その際、サイト内に「ドリやねん!出演者のツイートを1つにまとめて表示したい」という要望があったのです。基本的にTwitterのウィジェットは特定ユーザーのツイートや、特定のハッシュタグを呟いている人を表示させたことしかなかったので、ちょっと悩みました。

そこで調べてみると「リスト」に登録したユーザーをウィジェットに表示させることができる!ということがわかり、さっそく設定。

Twitter公式の設定>ウィジェット>新規作成と進むと通常のウィジェット制作画面になります。

list_widgets_01

ここでリストのタブを選択すると、このように「リストウィジェット」の制作が可能になります。

list_widgets_02

使用するリストを選択し、色や高さなど設定をごにょごにょ弄って完成!サイトに貼付けてみます。

list_widgets_03

ヘッダー部分に私のスクリーンネームが出てるし、場所を取りすぎ。よろしくないのでこの部分を消します。消す方法は、↓のように、Twitterウィジェットの<a>タグ内にdata-chrome="noheader"を追加するだけ。

<a class="twitter-timeline" height="300" data-chrome="noheader" href="https://twitter.com/mei331/lists/doriyanen" data-widget-id="597816799049031680">

こうすると、こんな感じでヘッダー部分がまるっと消えます。

list_widgets_04

バンドやイベントのサイトなど、メインとなる人が複数人いる場合に使えると思います。

リストウィジェットを制作する場合、制作するアカウントで作ったリストか、フォローしているリストしか選択できません。予めリストを制作またはフォローするなどの準備をしておきましょう。

ちなみに

list_widgets_05

今回サイトを作らせてもらった「ドリやねん!」というイベント。出演者がすごいです。

JAM Projectでもおなじみの福山芳樹さんに、ドラゴンボールのOP「摩訶不思議アドベンチャー」を歌っていた高橋洋樹さん。けいおん!でメガネのしっかりさん真鍋和ちゃんの声を担当してた藤東知夏さんも出演とかなり豪華!気になった方はぜひ!

『DAMEやねん×DreamCastTV ドリやねん!』公式サイト

UPDATE : 2015/06/14 / Tags

関連記事

新着記事

コメントを残す