あなたがTwitterだけでなくブログやホームページを運用していればTwitter上のタイムラインを連動させたくなるはず。そのためにはブログやホームページにタイムラインを見てもらうためのウィジェットを埋め込みましょう。今回はウィジェットび埋め込み方法をご紹介。
ブログやホームページにあなたのタイムラインを見てもらうためには、ウィジェットというパーツを埋め込みます。ウィジェットとは、Androidスマホを利用している人ならご存じのように、単機能のちょっとしたプログラムのことです。
Twitterのウィジェットパーツを埋め込むことで、あなたのブログやホームページで、ほかの記事と一緒にあなたのタイムラインを見てもらえます。
一方、ウィジェットパーツを埋め込んでない場合は、タイムラインは表示されないので、あなたのTwitterアカウントをクリックしてわざわざTwitterのサイトに飛んでもらうことになります。自分の行動を考えれば、そんな手間をかけて見てもらえないことは当然のことでしょう。
ところがTwitterのウィジェットパーツを埋め込めば、記事を見たついでにあなたのタイムラインに目を通してもらう可能性がぐんと高まります。ブログやホームページを持っていてTwitterをやっているのであれば、ウィジェットパーツを埋め込まない理由がないのです。
ウィジェットを埋め込むためには、まず埋め込み用のHTMLコードを獲得しなければなりません。と言っても難しいことはまったくありません。「@」で始まるあなたのTwitterのユーザー名さえわかっていれば大丈夫なのです。
まずはTwitterのウィジェットコードを発行する「https://publish.twitter.com/#」にアクセスします。ウィジェットコードを「発行する」のでtwitter.comのサブドメインが「pubulsh」となっていま
このページの記入欄に、「@」で始まるあなたのTwitterユーザー名を入力してエンターキーを押すか、右端の矢印をクリックします。入力時に「@」を付け忘れると、次の画面でタイムラインの埋め込みオプションが表示されないので間違えないようにしましょう。
この時、
すると画面がスクロールしてオプション選択画面となります。左側の「Embedded Timeline（タイムラインの埋め込み）」をクリックします。間違えて右の「Twitter Buttons（ツイッターボタン）」をクリックするとタイムラインは表示されないので注意してください。
オプションを選択すると、再び画面がスクロールしてブログやサイトに埋め込むためのウィジェットコードが発行されます。
埋め込み用のHTMLコードをクリックすると、コードが自動的にコピーされます。ショートカットキーや右クリックの要らない親切設計で、コードを入手できました。
クリップボードにコピーされたTwitterの埋め込み用HTMLコードですが、今度はブログやホームページ側にこれを埋め込まければ、表示されないままになってしまいます。クリップボードのコードを失わないようにしながら、自分のサイトへと移動しましょう。
Twitterのウィジェットの埋め込み方法は利用しているブログやホームページによって異なります。ほとんどのブログやホームページサービスでウィジェットに対応されないことはないはずです。
ここではブログサービスで数多く利用されるワードプレスを使っての埋め込み方法を説明します。ほかのサービスでも似た手順で進むはずですから、そういう方も以下を参考にしてください。
ワードプレスの管理画面のメニューから「外観」を選択し、サブメニューの「ウィジェット」をクリックします。
バージョンの違いなどで「ウィジェット」が表示されない場合には「カスタマイズ」を選び、カスタマイズのメニューから「ウィジェット」を選択しましょう。
さらにTwitterのウィジェットの表示場所を選択します。選べる表示場所は、利用しているワードプレスのテーマによってサイドバーやフッターなどと変わってきますし、テーマによっては設置場所が表示されないこともあります。そんななかから、あなたのブログにふさわしい場所にウィジェットパーツを配置してください。と言っても、多くの場合は素直にサイドバーに配置しているようです。
追加するウィジェットのタイプを選択します。Twitterの埋め込み用コードはHTMLで記述されていますから、「カスタムHTML」を選んでください。
ウィジェットの候補は大量にありますので、「カスタムHTML」が表示されない場合はスクロールして見つけてください。
1 / 3
続きを読む