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

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

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

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

下の画像のサイドバー(赤枠)に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をクリックしてください。

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

  • 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?…表示される言語を選択できます。

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

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

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

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

あわせて読みたい
【2024年最新】WordPress(ワードプレス)でホームページを作成する方法【初心者向け】 というご要望を沢山いただきましたので、今日はワードプレスでホームページを作成する初心者向けの方法を解説していきます。 ちなみにこの記事を書いている僕は、ワード...

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

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

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

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

実際に確認してみる

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

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

あわせて読みたい
【2024年最新】WordPress(ワードプレス)でホームページを作成する方法【初心者向け】 というご要望を沢山いただきましたので、今日はワードプレスでホームページを作成する初心者向けの方法を解説していきます。 ちなみにこの記事を書いている僕は、ワード...

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

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

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

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