ディーエムガジェット

WordPressのTips備忘録を中心にComputer全般やデジモノ、ガジェット、アプリ紹介など

WordPress サイドバーにTwitter(ツイッター)のタイムラインを表示する方法

      2015/02/16

WordPress サイドバーにTwitter(ツイッター)のタイムラインを表示する方法

このブログはまだ開設してから2ヶ月も経っていません。なのでGoogleなどの検索流入も少ししか見込めないので今はSNSやTwitterからの人集めに頼っています。Facebook,Twitter,Google+などから出来るだけユーザーを集めましょう!って事で、既に色々なサイトで紹介されてはいますが、Twitter(ツイッター)のタイムラインをWordPressのサイドバーに表示する方法を備忘録として残したいと思います。WordPressを始めたばかりの方など参考になれば嬉しいです。

スポンサーリンク

Twitter(ツイッター)のウィジェットページ

WordPressのサイドバーにTwitterのタイムライン用のコードを埋め込む為、ウィジェットを作りにTwitterのアカウントページに飛びます。下記のリンクからどうぞ!

ウィジェットページの右上の「新規作成」をクリックして進みます。

WordPress サイドバーにTwitter(ツイッター)のタイムラインを表示する方法

次にデザインなどの設定ページが現れます。特に設定をいじる必要もないとは思いますが、dmgadget(ディーエムガジェット)では高さは初期値の600ではなく300にしています。

スポンサーリンク

WordPress サイドバーにTwitter(ツイッター)のタイムラインを表示する方法

理由は、600だとサイドバーが長くなりすぎると感じたのと、過去のツイートを見たい方はツイッターに飛んで貰う方向にしました。目的としては「ツイッターやってます!」と云うのを伝えたいだけなので高さは300にしました。

WordPress サイドバーにTwitter(ツイッター)のタイムラインを表示する方法

すべての設定が終わったら左下の「ウィジェットを作成」をクリックします。

WordPress サイドバーにTwitter(ツイッター)のタイムラインを表示する方法

すると右下に貼付ける為のコードが生成されるので、これをコピーします。次にwordoressの管理画面に行きます。

WordPress サイドバーにTwitter(ツイッター)のタイムラインを表示する方法

管理画面 → 外観 → ウィジェットに行き、左側の「利用出来るウィジェット」からテキストを選びます。その後、「ウィジェットを追加」をクリックすると右側のサイドバー1に追加したウィジェットが表示されます。そこにTwitterからコピーしてきたコードを貼付けます。

WordPress サイドバーにTwitter(ツイッター)のタイムラインを表示する方法

貼付けたら「保存」を押して終了です。ブログを確認しましょう!

スポンサーリンク

完成!

問題なければWordPressのサイドバーにTwitter(ツイッター)のタイムラインが表示されていると思います。表示に2、3秒程タイムラグがある場合があります。読んで頂いてありがとうございました。ちなみにdmgadget(ディーエムガジェット)ではTwitter,Facebook,Google+やっています。よろしくお願いいたします。

 - WORDPRESS

Message

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

CAPTCHA


  関連記事

WordPress リンク表示をはてなのブログカードと同じにする
WordPress リンク表示をはてなのブログカードと同じにする
WordPress サイドバーにFacebookのいいねボックスを表示する方法
WordPress サイドバーにFacebookのいいねボックスを表示する方法
WordPress「Stinger」のSNSボタンにPocketとFeedlyを追加する方法
WordPress「Stinger」のSNSボタンにPocketとFeedlyを追加する方法
WordPress[Crazy Bone] 管理ページへのアクセスログを記録
WordPress[Crazy Bone] 管理ページへのアクセスログを記録
WordPressとGoogleChromeでリンクをスクリーンショットと共に綺麗に載せる方法
WordPressとGoogleChromeでリンクをスクリーンショットと共に綺麗に載せる方法
WordPress[さくらサーバーでCloudFlare] 管理画面にログイン出来ない問題
WordPress[さくらサーバーでCloudFlare] 管理画面にログイン出来ない問題
WordPress[.htaccess] 管理画面へのアクセスを日本国内限定にする
WordPress[.htaccess] 管理画面へのアクセスを日本国内限定にする
WordPress[Stinger3] スマホ用ページでヘッダー画像がはみ出る問題
WordPress[Stinger3] スマホ用ページでヘッダー画像がはみ出る問題
WordPress[Stinger3用 子テーマ]フォントを変更する方法
WordPress[Stinger3用 子テーマ]フォントを変更する方法
WordPress[Stinger5] プラグインなしで背景を画像にする
WordPress[Stinger5] プラグインなしで背景を画像にする