ワードプレスにTwitterのタイムラインを埋め込んで表示させる方法【WordPress】

こんにちは、@tasknです

たま〜にTwitter投稿のタイムラインが貼られてるブログを見かけたりしませんか。
結論から言うと、Twitter Publishというツールを使っていますが今回はそのやり方を解説します。

ゆっくりやっても10分くらいでできますよ!!

目次

Twitter Publishとは

Twitter Publishは、TwitterのURLを入力するだけで貼り付けコードを生成することができるツールです。

このTwitter Publishを使ってWordPressへのツイートやタイムラインの貼り付けが簡単にできます。
また貼り付けのさいに背景やサイズ、表示する言語も簡単にカスタマイズできます。

Twitter Publish

Twitter Publishからコードを取得する

Twitter Publishからコードを取得するために、まずはご自身のTwitterのURLをコピーしましょう
コピーするURLはTwitterのプロフィールのURLになります

コピーしたTwitterのプロフィールのURLを貼り付けて「→」をクリックします

今回はタイムラインのコードが必要なので左の「Embedded Timeline」をクリックします

サイズを調整する

今回はブログの共通サイドバーにTwitterのタイムラインを表示させてみます。
このままだとサイズが大きいので「set customization options.」をクリックしてカスタマイズします

幅を350高さを550にしてみます
この辺はお好みで調整してみてください

背景が「Light」か「dark」か選択できます
今回はLight部しておきます

言語はJapaneseを選択し、Updateをクリックします

するとコードが表示されますのでこれをコピーします

ワードプレスに貼り付ける

ワードプレスの外観→ウィジェット→カスタムHTMLに先程コピーしたコードを貼り付け完了をクリックします。

これで作業は終了です

サイトにTwitterのタイムラインが表示されています

以上になります
ご覧いただきましてありがとうございます!!

この記事が気に入ったら
いいね または フォローしてね!

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