ディーエムガジェット

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用 子テーマ]サイドバーのNEW ENTRYを削除する方法
WordPress[Stinger3用 子テーマ]サイドバーのNEW ENTRYを削除する方法
WordPressテーマ「Stinger3」のfavicon(ファビコン)を変更する方法
WordPressテーマ「Stinger3」のfavicon(ファビコン)を変更する方法
WordPress[Preserve Editor Scroll Position] エディターのスクロール位置を記憶
WordPress[Preserve Editor Scroll Position] エディターのスクロール位置を記憶
WordPressテーマ「Stinger3」に子テーマを導入する方法
WordPressテーマ「Stinger3」に子テーマを導入する方法
WordPress[Stinger3]Amazonアソシエイトの自動ランキングを導入
WordPress[Stinger3] Amazonアソシエイトの自動ランキングを導入
WordPressテーマ「Stinger3」の「続きを読む」を右側へ移動する方法
WordPressテーマ「Stinger3」の「続きを読む」を右側へ移動する方法
WordPress[SEO Friendly Images] 画像のaltやtitleに文字列を自動的に追加
WordPress 蛍光ペン風テキスト装飾をCSSに設定
WordPress 蛍光ペン風テキスト装飾をCSSに設定
WordPress[Stinger5] めちゃ便利スマホ固定式フッターメニュー
WordPress[Stinger5] スマホ固定式フッターメニューを導入
WordPressテーマ「Stinger3」記事タイトルのフォントカスタマイズ
WordPressテーマ「Stinger3」記事タイトルのフォントカスタマイズ