▶テレワークに便利なアイテムをチェック Amazonタイムセール

【簡単】Twitterタイムラインをサイドバーに設置する|WordPress

Twitterタイムラインをサイドバーに設置するWordPress
この記事は約4分で読めます。

今回は、WordPressブログのサイドメニューエリアにTwitter(ツイッター)のタイムラインのウィジェットを埋め込む手順をご紹介します。

プラグインは使いません。

このようなウィジェットです

 

スポンサーリンク

Twitterタイムラインをブログのサイドバーに設置する

Twitterタイムラインをブログのサイドバーに設置

WordPressのサイドバーにTwitterタイムラインを設置する手順は3ステップ。

  1. Twitterタイムライン:ブログ貼り付け用コードの取得
  2. WordPress:Twitter用のウィジェットを追加
  3. サイドバー:ウィジェット上下位置の調整

順番に説明します。

 

❶Twitterタイムライン:ブログ貼り付け用コードの取得

(1)あらかじめGoogle ChromeなどのWEBブラウザで、ブログに埋め込みたいTwitterのアカウントでログインしておいて下さい。

≫Twitterログインページ

 

(2)「Twitter Publish」というサイトにアクセスします。下記リンクをクリックして下さい。

≫Twitter Publish

 

(3)下記のようなサイトが表示されます。



 

(4)サイト内の、「What would you like to embed?」と書いてある 下のボックスに自分のTwitterの「プロフィールページのURL」をコピー&ペーストして右の矢印をクリックして下さい。

↓↓↓

 



 

(5)「 Here are your display options 」と表示され、ディスプレイのタイプを選択する項目になります。

左側がTwitterのタイムラインを表示するタイプになりますので、「 Embedded Timeline 」と書いてあるほうをクリックして下さい。



 

(6)さらに下側に下記のような項目が表示されます。

ディスプレイをカスタマイズするために、「set customization options」をクリックします。



 

(7)ディスプレイのサイズやデザインの設定項目になります。

① Height(ディスプレイ高さ):600(お好みで)
② デザインを「Light」または「Dark」から選択(お好みで)
③ 言語:Japaneseを選択。(日本人なら)
④ 設定ができたら「Update」をクリック。

 




 

(8)ブログ貼り付け用のコードが生成されますので 「Copy Code」 をクリックします。



次からはWordPressでの操作になります。

 

❷WordPress:Twitter用のウィジェットを追加

(1)WordPressブログの管理画面(ダッシュボード)メニューの「外観」⇒「ウィジェット」をクリックして下さい。



(2)「テキスト」のウィジェットをドラッグ&ドロップ「サイドバー」の項目に追加します。




(3)サイドバーに追加した「テキスト」のタブをクリックして設定ダイアログを展開します。

❶タイトル:Twitterと入力
テキスト形式に切替えて先ほどコピーしたコードを貼り付けます。
❸最後に保存完了をクリック。

 


ウィジェットの完了クリック

 

❸サイドバー:ウィジェット上下位置の調整

設置したウィジェットの位置関係を入れ替えたい場合は、ウィジェットの管理画面でサイドバー内のウィジェットタブをドラッグで移動して位置を変更できるのでお好みの位置に調整して下さい。




よしてっく
よしてっく

以上で、設定は完了です。お疲れ様でした。

>>>その他のTwitter関連記事はコチラ

コメント

  1. 非常にムダがなく、見やすくて、わかりやすくて気持ちよくスムーズに作業できて嬉しいです !
    ありがとうございます

  2. まくすんパパ より:

    ここまでわかりやすいサイトは初めてです。
    ありがとうございます。

    • よしてっくよしてっく より:

      まくすんパパさん、初めまして。
      ありがたいコメント、感謝です!
      さらに精進します。
      ┏○)

  3. 投資パンダ より:

    だいぶ初心者の自分でもすんなりできました!
    よしてっくさんのこのページが一番わかりやすかったです(・∀・)

    • よしてっくよしてっく より:

      投資パンダさん、コメントありがとうございます!
      記事が役立って良かったです。
      わかりやすいとの評価を頂きとても励みになります。
      (*^^*)

タイトルとURLをコピーしました