ディーエムガジェット

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[Stinger3] コメントスパムを減らすプラグイン
WordPress[Stinger3] コメントスパムを減らすプラグイン
WordPress[Stinger3用 子テーマ] サイトマップ(目次)を設置する方法
WordPress[Stinger3用 子テーマ]サイトマップ(目次)を設置する方法
WordPress[MAMP] ローカル環境へ本番環境を復元する
WordPress[MAMP] ローカル環境へ本番環境を復元する
WordPress[Stinger3] サイドバーのアイコンを変更する方法
WordPress[Stinger3] サイドバーのアイコンを変更する方法
WordPress[Stinger3] LINEで送るボタンを設置
WordPress[Stinger3] LINEで送るボタンを設置
WordPress[Acunetix WP Security] テーブル接頭辞を簡単に変更する
WordPress[Acunetix WP Security] テーブル接頭辞を簡単に変更する
CloudFlareより読み込みが速い!?CDNサービス「Photon」を検証。
CloudFlareより読み込みが速い!?CDNサービス「Photon」を検証。
WordPress[Stinger5] プラグインなしで背景を画像にする
WordPress[Stinger5] プラグインなしで背景を画像にする
WordPress[Broken Link Checker] リンク切れを自動通知する方法
WordPress[Broken Link Checker] リンク切れを自動通知する方法
WordPress[Stinger3用 子テーマ]favicon(ファビコン)を変更する方法
WordPress[Stinger3用 子テーマ]favicon(ファビコン)を変更する方法