こんにちは、Lifusion(ライフュージョン)の佐藤久美です。
最近は、Twitterでのツイートの頻度が上がりました。せっかくなので、こちらのブログの中でも、Twitterのタイムラインを表示させておこうと思い、設定しましたのでシェアします。
Twitterのタイムラインをブログに設置をすることで、フォロワーさんも増えるといいなぁと思っています^^
表示場所について
Twitterのタイムラインをサイドバーに設置しているブログをよく見かけますが、今回私はお試しで、フッター部分にTwitterのタイムラインを埋め込んでみようと思います。

埋め込みタイムラインウィジェットにアクセスする
https://publish.twitter.com/にアクセスをする。

タイムラインの埋め込みをするには、自分のTwitterのプロフィールURLを入力します。(私の場合ならhttps://twitter.com/lifusion1)

次に進んで「埋め込みタイムライン」を選択します。
そうすると、コピーできるコードが出てくるのですが、このままコピーしてしまうと、すごーーーーーく長いタイムラインが表示されてしまうので、

必ずカスタマイズをして下さい。
「カスタマイズオプションを設定する」をクリックします。

高さ、幅を入力します。こちらは自分で好みのサイズがあると思いますので、入力してみていろいろ調整してみてください。

ちなみに私は、高さ600、幅400にしました。見え方も「光」「闇」で変更できます。
闇の場合は黒いですね^^;

お好みの設定にしたら、更新を押します。

コードをコピーして・・・
ワードプレスで設置したい場所に貼り付けます。
スポンサーリンク
ワードプレス側でやること
今回私は、ワードプレスのフッター部分にTwitterのタイムラインを表示させたいので、フッター部分のウィジェットを開きます。

「カスタムHTML」をウィジェットに追加して、「内容」のところに、さきほどコピーしたコードをそのまま貼り付けます。
できたら「完了」を押して、自分のブログを確認してみましょう。
完成

パソコンとスマートフォンと、両方とも見え方を確認して終了になります。とっても簡単でした。