Twitter™でブログに設置するカスタムタイムラインウィジェットを作成する

Twitter™でカスタムタイムラインを利用したことはありますか？
カスタムタイムラインを作成しウィジェットで表示すると、
Twitterで埋もれがちな大切なツイートをウィジェット上に表示することができます。
ここではカスタムタイムラインウィジェットを作成する方法をご紹介します。

はじめに

カスタムタイムラインはTwitterでもまだ新しい機能のようで、
APIの機能はベータ利用として申請が必要な状態のようです。

とはいえ、カスタムタイムラインを利用することは可能ですので、
カスタムタイムラインウィジェットを作成する方法をご紹介します。

Twitterで作成可能なウィジェットの種類と実際の表示を以下でご紹介しています。
Twitter™で作成が可能なウィジェットの例

カスタムタイムラインの作成

カスタムタイムラインウィジェットを作成するには、
事前に表示するカスタムタイムラインを作成している必要があります。

カスタムタイムラインの作成については以下でご紹介しています。
Twitter™でカスタムタイムライン(CustomTimelines)を作成する

作成されたカスタムタイムラインウィジェットは以下のような表示がされます。

様々なアカウントからの追加

カスタムタイムラインの作成が完了している場合には、
通常のTwitterウィジェットの作成方法とほぼ同じ手順で、
カスタムタイムラインウィジェットを作成することができます。

上記の写真では「New Custom Timeline」という名前のカスタムタイムラインが作成されています。

カスタムタイムラインウィジェットの作成

カスタムタイムラインウィジェットの作成にはまずTwitterにログインします。
ログインして右上の歯車アイコンからプルダウンを表示し[設定]をクリックします。

Twitter設定の選択

設定メニューが表示されたらサイドバーから[ウィジェット]をクリックします。

ウィジェット選択

ウィジェットが表示されたら[新規作成]をクリックします。

ウィジェットの新規作成

「ユーザーウィジェットを作成する」が表示されたら、
上部のタブよりタイムラインソースで[カスタマイズされたタイムライン]をクリックします。

ウィジェットタイプカスタムタイムライン選択

カスタマイズされたタイムラインを選択すると、
「タイムライン」に対して作成済みのカスタムタイムライン名が表示されます。
複数作成済みの場合には、表示したいカスタムタイムラインを選択します。
カスタムタイムラインを選択すると、プレビューエリアにカスタムタイムラインが表示されます。

カスタムタイムライン選択

「オプション」では[画像を自動的に開く]からチェックを外すと、
画像つきのツイートの表示で画像が省略表示されるようになります。

画像を自動的に開くを解除

「高さ」を変更すると設置したウィジェットの表示サイズを変更することができます。
サイトのスペースなどに合わせて変更するといいでしょう。

テーマでは「明るい」または「暗い」を選択することができます。
[暗い]を選択した場合には、以下のように黒基調のウィジェットになります。

テーマ変更

「リンクの色」ではフィールドにカーソルを合わせるとカラーピッカーが表示されます。
表示されたカラーピッカーをクリックし、好みの色を表示し、
フィールドに表示されている色コードをコピーしフィールドに貼り付けます。
最後に[完了]をクリックします。

リンク色の変更

リンクの色を変更するとタイムラインに表示されたリンクの色が指定した色に変更されます。

リンク色の変更表示

[ウィジェットを作成]をクリックするとウィジェットが作成されます。

ウィジェットを作成クリック

ウィジェットが作成されると、ウィジェットをサイトやブログに設置する為のタグが表示されます。

作成されたウィジェットコード

このタグをサイトに貼り付けてウィジェットを設置します。

さいごに

こうしてカスタマイズした独自のタイムラインをウィジェットにし設置することができます。

まだカスタムタイムラインウィジェットは一部ベータ提供の機能ではありますが、
特定のツイート（投稿）を固定して表示しておいたり、
様々なアカウントから有益なツイートを紹介するといった用途には便利な機能です。

twitterおよび、twitterロゴは、トゥイッター　インコーポレイテッドの登録商標です。
登録番号は以下の通りです。
第５１８８８１１号、第５４６９００３号
ツイッター、およびツイッターロゴはトゥイッター　インコーポレイテッドの登録商標(商願２０１２－７０６４１)です。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください

最後までお読みいただきありがとうございました。

お勧めさせて頂きたい投稿です

• 【巧妙な仕組】Google+へAndroidの写真が勝手にアップロードされてしまう流れは設定ミスではない

• JetPackサイト統計データが消えた場合に復活する手順(してもらう)

• 【待望】WALLET ポイントがauID(au電話番号)間で相互にやりとりできるようになりました

• 禁断の機能がau公式解禁！WALLETポイントの現金化がついに開放。

• 何もしないと、auポイントが2014/05月分以降は携帯利用料から付与されなくなります

• au WALLET™カードはauを解約してもプリペイドとして使い続けられるが、有効期限には注意

• じぶん銀行が動いた！コンビニATM利用が無料・他行振込無料（回数制限なし）で使える

• 【旬】「白すぎる」と賛否両論？姫路城見るなら今秋がおすすめ！その理由は？｜castlehimeji.com

• Google+の投稿が勝手に自動でブログになっていくPluCialが便利



アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介

すべて展開 | すべて省略

Rakuten Promotion

ページ

すべて展開 | すべて省略