ロボット研究開発、ソフトウェア開発、コンテンツ制作配信

WordPress Twitterタイムライン、フォローボタンを追加

最近、Twitterを始めてみました。
(かなり乗り遅れた感がありますが。。)
そこで、Twitterのタイムラインとフォローボタンを
ブログのサイドバーに表示させてみたいと思います。

スポンサーリンク

タイムラインをサイドバーに追加

タイムラインコードを取得

Twitterのトップページから、設定画面へ移動します。
設定画面は、トップページの上部にあるプロフィール画像の四角いボタンを押して
入ります。
設定画面にはいったら、「ウィジット」⇒「新規作成」を押します。(以下図)
Twitterタイムライン1

次にユーザータイムラインタブでタイムライン表示のコードを取得します。
以下画面でタイムライン表示の設定を行い、ウィジットを作成を押します。
Twitterタイムライン2

右下にタイムラインのコードが表示されます。
これをコピーします。
Twitterタイムライン3

タイムラインコードをサイドバーテキストに貼り付け

WordPressの管理画面の「外観」⇒「ウィジット」設定に入り、
サイドバーにテキストを追加します。
そこに、先ほどコピーしたコードを貼り付けて保存します。
Twitterタイムライン4

これで、サイドバーにTwitterのタイムラインを表示させることができました!
スクリーンショット 2016-04-02 9.14.16

フォローボタンをサイドバーに追加

フォローボタンのコードを取得

次にTwitterのフォローボタンもサイドバーに追加してみます。
以下サイトから、Twitterのフォローボタンのコードを取得します。
ツイッターフォローボタン

以下画面のフォローするを選択し、右下のコードをコピーします。
Twitterタイムライン5

フォローボタンコードをサイドバーテキストに貼り付け

WordPressの管理画面の「外観」⇒「ウィジット」設定に入り、
フォローボタンを追加したい、サイドバーメニューに先ほどコピーしたコードを
貼り付けます。
私はプロフィールに貼り付けました。
Twitterタイムライン6

これで、フォローボタンも表示させることができました!
スクリーンショット 2016-04-02 10.11.04

まとめ

以上、サイドバーにTwitterのタイムライン表示と
フォローボタンを追加する方法でした。
コードを貼り付けるだけなのですごく簡単でした。
参考になれば幸いです。

スポンサーリンク

いいね!を押すと、
最新記事をお届けします。

Twitter で
関連記事(一部広告含む)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


ページトップボタン