Twitterのフォローボタンをサイドバーに設置する方法

WordPressで作成したWebサイトに、Twitterのフォローボタンを設置されていますか。

WordPressなら、初心者でも、ウィジェットの簡単な設定で、サイドバーにフォローボタンが設置できます。複雑な設定やプラグインは必要ありません。

【Twitterのフォローボタン】

まだ、Twitterのフォローボタンを設置されていない方は、設定してみてはいかがでしょう。

WordPressとTwitterを連携して、サイトへのアクセスアップを目指しませんか。

Twitterのフォローボタンをサイドバーに設置する方法

Twitterのフォローボタンをサイドバーに設置するには、大きくわけて3つの工程が必要です。

順を追って作業すれば、誰でも簡単にできます。それでは、始めてみましょう。

1.WordPressのテキストウィジェットの準備

WordPressの「外観」-「ウィジェット」をクリックし、ウィジェットの設定画面を表示します。

利用できるウィジェット」の中にある「テキスト」ウィジェットをドラッグして、Sidebarの表示したい位置に入れてください

テキストウィジェット

テキストウィジェットのサイドバーに入れる

必要により、タイトルを入力し、「保存」をクリックします。不要な方は、省略してください。

テキストウィジェットにタイトルを入力

2.Twitterフォローボタンのコードの入手

次に、Twitterのボタン作成ページにアクセスし、
自分のTwitterのURL(https://twitter.com/自分のID)を入力してEnterキーを押す。

Twitterのボタン作成ページ

画面が切り替わったら、「Twitter Buttons」をクリックする。

Twitter Buttonsを選択

再び、画面が切り替わったら、「Fllow Buttons」をクリックする。

Fllow Buttonsを選択

すると、フォローボタンコードが表示されます。

フォローボタンを確認し、「もう少し大きくしたい」「日本語表記にしたい」「IDを表示したくない」など、ご要望のある方は、「set customization options」をクリックしてください。

このままでよい方は、「Copy Code」をクリックしてコードをコピーし、3へお進み下さい。

Twitterフォローボタン標準表示

カスタマイズ画面では、ユーザー名(ID)の有無ボタンの大きさ言語が選択できます。
ご希望に沿って、お選びください。選択し終わったら、「Update」をクリックしてください。

Twitterフォローボタンのカスタマイズ画面

先程のページに戻りますが、カスタマイズしたボタンに変更されているか確認してください。
OKなら、「Copy Code」をクリックして、コードをコピーしてください。

フォローボタンのコードをコピー

3.WordPressのテキストウィジェットへのコードの貼り付け

WordPressに戻り、先程のテキストウィジェットの「テキスト」をクリックし、コードを貼り付け(右クリック – 貼り付け)、「保存」をクリックしてください。

※「ビジュアル」に貼り付けないように、気をつけましょう。

Twitterフォローボタンのコードの貼り付け

完了」をクリックして閉じます。

Twitterのフォローボタンの設定完了

サイドバーに、Twitterのフォローボタンが表示されていたら、完成です!

Twitterのフォローボタンをサイドバーに設置完了

お疲れさまでした!

シェアボタンを設置されていない方は、「SNSシェアボタンの設置方法」もご覧ください。