TwitterWordPress

こちらの記事では、ワードプレスのサイドバーにTwitterを表示させる方法を解説します。

 

少し前まではプラグインを使わなければできなかったのですが、現在はプラグインを使わずに設定ができるようになりました^^

 

TwitterをWordPressのサイドバーにプラグイン無しで埋め込む方法を動画で解説!

Twitterにログインしておいてください。

(アカウントを複数持っている場合は、WordPressに埋め込みたいアカウントでログイン)

・WordPressの画面で設定をする以外にTwitter Publishにもアクセスします。

TwitterをWordPressのサイドバーにプラグイン無しで埋め込む方法を画像で解説!

ツイッターにログインしておく

Twitterにログイン

(アカウントを複数持っている場合は、WordPressに埋め込みたいアカウントでログイン)

Twitter Publishでコードを取得

Twitter Publishにアクセス

What would you like to embed?と表示されています。

Twitterをワードプレスのサイドバーにプラグイン無しで埋め込む方法

環境によっては日本語で「何を埋め込みたいですか?」と表示されることもあります。

 

この枠内に

自分のTwitterアカウントが自動で表示されていない場合 ツイッターの画面からURLをコピーしてきてペースト
自動で表示されている場合  URLが正しいか念のため確認

 

「エンター」キーを押下

Here are your display optionsと表示されています。

Twitterをワードプレスのサイドバーにプラグイン無しで埋め込む方法

日本語で「表示オプションは次のとおりです」と表示されることもあります。

左側 タイムラインが埋め込まれる(オススメです)
右側  ツイッターの”フェイス部分”が埋め込まれる

 

左側をクリックしたという前提で解説を進めます。

Twitterをワードプレスのサイドバーにプラグイン無しで埋め込む方法

「set customization options」をクリック

日本語で「カスタマイズオプションを設定する。」と表示されることもあります。

 

Twitterをワードプレスのサイドバーにプラグイン無しで埋め込む方法

「Height」に好きな数値を入力。

おすすめは600〜800ぐらいです。この数値はサイドバーに表示させる時の高さです。

私は、あまり長いとバランスが良くないように思えたので600にしています。

 

「Update」をクリック

日本語で「更新」と表示されることもあります。

 

Twitterをワードプレスのサイドバーにプラグイン無しで埋め込む方法

「Copy code」をクリック

日本語で「コードをコピーする」と表示されることもあります。

 

これで、コードが取得(コピー)できました^^

ワードプレスに貼り付け

WordPressのダッシュボードの

「外観」→「ウィジェット」をクリック

 

「テキスト」を右側へドラッグ&ドロップ。

 

サイドバー内の表示位置は上下にドラッグすることで変えられます。

 

Twitterをワードプレスのサイドバーにプラグイン無しで埋め込む方法

タイトル欄にTwitterと入力

「テキスト」タブをクリック

Twitterをワードプレスのサイドバーにプラグイン無しで埋め込む方法

先ほど取得(コピー)してきたコードをペースト

「保存」をクリック

 

これで、プラグインを使わずにWordPressのサイドバーにTwitterを埋め込むことが出来ました^^

さいごに

ワードプレスのサイドバーにTwitterを表示させるのはプラグインを使わなくても簡単にできましたね^^

 

WordPressに導入するプラグインは1つでも少ないに越したことはないので、この方法で設定するのはとてもオススメです☆

 

関連記事

WordPressサイドバーにプロフィール&画像を簡単に設置する方法!

YouTubeチャンネル登録ボタンをWordPressサイドバーに埋め込む方法!