Twitterタイムラインの埋め込み方は?カスタマイズ方法も紹介

Twitterタイムラインの埋め込み方を解説します。記事の後半では「デザインのカスタマイズ」も紹介します。

Twitterのタイムラインの埋め込む方法

Twitterのタイムライン埋め込むにはTwitterの公式ウェブサイトTwitter Publishにアクセスします。

Twitterタイムラインの埋め込み方

Twitterタイムラインを埋め込みたいアカウントのプロフィールページを開きます。

私の場合だと以下がTwitterプロフィール画面です。

Twitterタイムラインの埋め込み方

https://twitter.com/【ユーザーIDのURLをコピペし、エンターまたは「→」をクリックします。

Twitterタイムラインの埋め込み方

ページ下部に以下の2つ「Embedded Timeline」と「Twitter Button」が生成されたら、Embedded Timeline」をクリックします。

Twitterタイムラインの埋め込み方

これで「Copy Code」をクリックしてブログに張り付ければタイムラインを表示させることができます。

ただし、縦と横のサイズ設定を行っていないため少し不格好です。いい感じにTwitter表示させるためにはカスタマイズを行う必要があります。

次にカスタマイズ方法について解説します。

Twitterタイムラインのカスタマイズ方法

「set customization options」からTwitterタイムラインの表示設定を行うことができます。

Twitterタイムラインの埋め込み方

一番上の左側のボックスがheight(高さ)、右側がwidth(横幅)の設定ができます。

おすすめはheight「400」、width「320」です。入力が完了したら「Update」をクリックします。

Twitterタイムラインの埋め込み方

Twitterのタイムラインのプレビュー画面が表示されます。

Twitterタイムラインの埋め込み方

見え方に問題なければ「Copy Code」をクリックしてブログに張り付ければOKです。

コメント