カフェ会のイベント日程はこちら

ワードプレスのサイドバーに自分のTwitterのタイムラインを埋め込む方法

※当サイトはアフィリエイト広告を利用しています。

[voice icon=”https://cafekai.jp/colorful-cafelife/wp-content/uploads/2020/02/animal_chara_fukurou_hakase.png” name=”” type=”l”]ワードプレスのサイトバーに自分のTwitterのタイムラインを埋め込む方法を解説します[/voice]

下の画像のサイドバー(赤枠)にTwitterのタイムラインが埋め込まれていますが、このように自分のTwitterのタイムラインをサイドバーに埋め込むことができます。

目次

PCでTwitterを開く

まず、パソコンでTwitterのトップ画面を開いてください。

https://twitter.com/

ログインしましたら、ホーム画面のURLをコピーしてください。

例)https://twitter.com/ユーザーネーム(@の後)

Twitter Publishを開く

続きまして、以下のページを開いてください。

Twitter Publish

Enter a Twitter URLと記載してあるところに、先ほどコピーしたURLを入力してください。

左のEmbedded Timelineを選択してください。

下のようなコードがでてきます。set customization optionsをクリックしてください。

以下のような画面が表示され、詳細設定をすることができます。

[aside type=”boader”]
  • What size would you like your timeline to be?…タイムラインの縦幅と横幅をそれぞれピクセルで設定できます。
  • How would you like this to look?…タイムラインの色を設定できます。
  • What language would you like to display this in?…表示される言語を選択できます。
[/aside]

今回は、高さ950、横380に設定し、Updateをクリックします。

先ほどの、黄色ラインを引いたコードをコピーします。

ウィジェットに貼り付ける

ワードプレスのサイドバーに埋め込みたいと思います。

[kanren postid=”349″]

管理画面の外観ウィジェットをクリックしてください。

カスタムHTMLをサイドバーにドラック&ドロップしてください。

ここに先ほどのコードを貼り付けて、保存をクリックしてください。

これでツイッターをサイドバーに埋め込むことができました。

実際に確認してみる

実際に確認してみてください。

以上、サイドバーに自身のツイッターのタイムラインを埋め込む方法でした。

[kanren postid=”349″]

(おまけ)オススメのワードプレスのテーマ

本ブログもこのテーマを使っています!とても使い安く、デザインもオシャレなのでおススメですよ^^

この記事が気に入ったら
いいねしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次