普通のサラリーマンのiPhone日記 Rotating Header Image

今さらですがTwitterリストのウィジェットを設置♬

東北地方太平洋沖地震。3/11の大震災から既に1週間以上経過してます…。

blogで書くと安っぽくなると思って書けなかったのですが、やっぱり書きます。被災された皆さまに対し、心よりお悔やみ申し上げます。 行方不明となっている方々の早急の救出と被災された地域の復興を心よりお祈り申し上げます。

私自身のことをお話しますと、地震発生当日は都内某オフィス15Fで激しい揺れの中、立っていることすらできない状態でした。その後、ちら見で津波被害のことを知り、帰宅難民へ。今週も通勤の困難さ、計画停電の影響を受けております。

かつて経験したことの無い大震災。

私にできることは節電と募金と献血くらい。あとは物資不足とならぬよう買い占めをしないこと。できるだけ外に出て(外食などして)経済活動をすること。大きな視野を持ちたい。その上で、適切な行動をしたいなと。その為にも、みずほ銀行復活してくれ…。

で、久しぶりのblog投稿。

今日はTwitterウィジェットの話。いろんなblogにTwitter公式のウィジェットが貼られていますが、本blogでもやってみました。右のパーツが作ったウィジェットですヽ(´ー`)ノ

やりたかったのは、自分が作ったTwitter-List(震災関連)をウィジェットとして貼り付けること。設定の方法(特に入り口)が分かりにくかったので備忘としてまとめておきます。

まずはTwitterのリストを作っておく

下準備としてTwitterのリストを作っておきます。

Twitter / @hiro45jp/jishin

リストの作り方については以下に詳しく説明されてます。ご参考まで。

次に作ったリストをウィジェットツールを使ってウィジェット化します。

ウィジェットツールの画面へ

入り口はほんと分かりにくかった…。まずはアカウントの「設定」をクリックします。

Twitter / ホーム

画面の最下部に「素材」というリンクがあるんでクリックします。ここが入り口。

Twitter / 設定

「全てのウィジェットを見る」をクリックします。

Twitter / 素材

「自分のサイト」を選びます。尚、ウィジェットには、以下の4つの種類があります。

  • プロフィールウィジェット(自分のツイート)
  • 検索ウィジェット(検索ワードに引っかかるツイート)
  • お気に入りウィジェット(自分のFavしたツイート)
  • リストウィジェット(任意のリストのツイート)

今回は「リストウィジェット」をクリックします。

Twitter / ウィジェット

リストウィジェットの設定など

「設定」タブから。ユーザー名の横にある「リスト検索」をクリックすると作ったリストの一覧が最新化されて「リスト名」のところで選べるようになります。

タイトルとか見出しを入れます。

Twitter / リストウィジェット

「カスタマイズ」タブ。最新データを取得にチェックを入れておくとウィジェットが勝手に巡回してくれます。ツイートの表示方法で「一定間隔で更新」にすると表示ツイート数との関係で、ツイートに欠落が発生しちゃう。なので「全ツイートを取得」にしました。

Twitter / リストウィジェット

「デザイン」タブ。色合いとか決めます。

Twitter / リストウィジェット

「サイズ」タブ。横幅の自動調整が便利でした。

Twitter / リストウィジェット

全て終わったら「プレビューで確認」。OKなら「完了&コード取得」をクリックします。

Twitter / リストウィジェット

すると、以下のような画面が出てきます。HTML部分を自分のblogで使います。

Twitter / リストウィジェット

作ったウィジェットをblogへ

このblogはWordPress。なので管理画面の外観メニュー内のウィジェットから、テキストウィジェットを選び、先ほどのHTML部分を貼り付けます。

ウィジェット ‹ 普通のサラリーマンのiPhone日記 — WordPress

保存後、トップページを見るとウィジェットが貼られています。出来上がり。

普通のサラリーマンのiPhone日記

ちなみにウィジェットの上に義援金と節電のバナーが貼ってあります。こちらは、forYou.incさんがデザインされたバナーです。義援金の方は義援金絡みのHP、節電の方は武蔵野市のお知らせHPへ飛ぶようにしてます。

普通のサラリーマンのiPhone日記

またウィジェットの下にもバナーがあるんですが、こちらはgladdesign.netさんがデザインされたバナーになります。東京電力のHPへ飛ぶようにしてます。

まだまだ余震が続く不安定な日々が続いていますが、来週からは仕事も通常に戻ります。今まで以上に頑張ろうと思ってます(^^ゞ

-

タグ: Twitter, Twitterリスト, WordPress, ウィジェット

Similar Posts:

コメントをどうぞ

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>