アフィリエイト

WordPressにTwitterタイムラインをサイドバーに埋め込む方法!

投稿日:

hiro
こんにちは、hiroです。 →hiroのプロフィールはこちら

どうも、山田です。
 
 
今回は、「WordPressにTwitterを埋め込む方法!」についてです。
 
 
WordPressでブログを作るときに、Twitterと連携してタイムラインを埋め込んで読者への情報発信を強化したい、という方もいると思います。
 
 
また、Twitterのタイムラインを埋め込んだはいいものの、うまく表示されないときにどうしたらいいかという時のために、今回は、WordPressにTwitterを埋め込む方法と表示されない時の対処法について紹介いたします。
 
 

WordPressにTwitterを埋め込む作業は2つだけ

では早速、WordPressにTwitterを埋め込む方法をご紹介します。
 
 
やることはたった2つだけです。
 
 

・Twitter埋め込みコードを取得する
・WordPressのウィジェットにTwitter埋め込みコードを貼り付ける

 
 
とても簡単なので、一つずつ見てみましょう。
 
 

Twitter埋め込みコードを取得する

まず、埋め込みたいTwitterアカウントにログインし、ホーム画面右上のアイコンをクリックし、設定とプライバシーをクリックします。


ユーザー情報から、ユーザー名の下の「Twitter URL」をコピーしておきます。

続いて、設定するために、下記のサイトに飛びます。

https://publish.twitter.com/#

先ほどコピーしたURLを貼り付けて、エンターを押します。

タイムラインを埋め込むので、左の「Embedded Timeline」をクリック。

サイズなどのカスタマイズをするために、「set customization options」をクリックします。

すると、サイズなどを決められます。
 
 
僕は、高さ500px、横幅350pxくらいにしています。
 
 
この辺りは好みで調整しましょう。

入力したら、更新を押します。
 
 
すると、貼り付けようのコードが表示されるので、「Copy Code」をクリックします。

うまく行くと、このような画面が現れて、コピー完了です。

WordPressのウィジェットにTwitter埋め込みコードを貼り付ける

ここまでで、設定ができたので、あとはWordPressに貼り付けるだけです。
 
 
今回は、サイドバー(ウィジェット)に貼り付けてみます。

WordPressのダッシュボードの外観→ウィジェットに進みます。
 
 
カスタムHTMLを選び、先ほどコピーしたコードを貼り付けます。

これで、ウィジェットにTwitterのタイムラインが表示されているはずです。
 
 
このまま、Twitterのフォローボタンも設置してしまいましょう。
 
 
先ほどの設定画面で、右側のボタンをクリックします。

ここで、フォローボタンか、メンションボタン(ツイートするボタン)を選べますが、フォローボタンでリスト取りにつなげるといいですね。

先ほどのタイムライン同様にカスタマイズ、コードの表示・コピーをしたら、ウィジェットのタイムラインの下にコードを貼り付けてみましょう。

これで、フォローボタンの設置も完了です。
 
 
SNSのリンクは、集客をする上で、重要になってきます。
 
 
意外とSNSからの流入も多いので、しっかり設置して、多媒体でメディアを展開しましょう。
 
 
参考記事:賢威で投稿ページにソーシャルボタン(アイコン)を設置する方法!
 
 

  • この記事を書いた人

hiro

1987年生まれ。妻・息子・娘の4人家族。 早稲田大学大学院修了後、一部上場企業に入社。 給料がほとんど上がらない会社の年功序列に疑問を覚え、 会社で働きながら副業で月収10万円を稼ぐアフィリエイトブログを構築。 アフィリエイトで学んだ知識とノウハウを生かして、ブログコンサルを開始。個別コンサル生実績:MAX月収400万円。 ブログがアップデートで飛んだのをきっかけに、メルマガを使って本業を超える自動化収入を構築。 家族・子供の将来のためにも、米国株式インデックスを中心にNISAでつみたてる長期的な資産運用を開始。 30代の会社員パパが、自分の力でお金を作り、幸せに生きる方法をお伝えしていきます。

-アフィリエイト

Copyright© hiro's blog , 2021 All Rights Reserved Powered by AFFINGER5.