デザイン制作、Web制作、ブログ運営などのノウハウを配信するサイト

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 で

ブログ用WordPress無料テーマ
「chameleon(カメレオン)」

WordPressテーマ(chameleon)は、「WordPressで手軽・気軽にブログ始められる」をコンセプトに制作しました。
初めてWordPressでブログを始める方、是非シンプルなテーマchameleon「カメレオン」を使ってみてください!

ブログ用無料WordPressテーマ

士業用WordPress無料テーマ
「InomaExpertBasic」

士業用の無料WordPressテーマを作成しました。
もちろん、一般的なビジネスサイトに活用できます。
自分でサイト更新したい方、
これからホームページを立ち上げようとする方、
自分でWordPressテーマを作ってみたい方、
この無料テーマを是非活用してみてください。

無料WordPressテーマ

コメントを残す

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

CAPTCHA


ページトップボタン