やらなきゃ損❕Amazon初回現金5000円チャージで必ず1000pもらえる♪
Windows10ガイドブック【top3】Amazonなりすまし詐欺メールの見分け方

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

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

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

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

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

 

スポンサーリンク

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

Twitterイメージアイキャッチ

WordPressブログのサイドバーにTwitterのタイムラインを設置する手順は3STEP。

  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. アバターまくすんパパ より:

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

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

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