ブログカスタマイズ

コピペで超簡単!WordPressでTwitterフォローボタンを設置する方法

  • ブログとTwitterを連携させているけど、フォロワーさんが増えない
  • フォロワーさんを増やしてアクセスアップに繋げたい

こんな悩みを解決する方法の1つとして「Twitterフォローボタン」を設置してみてはいかがでしょうか?

そこで今回は「Twitterフォローボタン(フォロワー数表示)をブログに設置する方法」をご紹介します。

Twitterフォローボタンの作成手順(コードの生成)

1. Twitterのプロフィールページを開き、URLをコピーする
Twitterプロフィールのアドレスをコピー

2. 下のURLをクリック → 「1.」でコピーしたURLを貼り付けて「Enter」キー

Twitterのアドレスを貼り付け

3. 右の「Twitter Buttons」を選択
「Twitter Buttons」ボタンを選択

4. 左の「Follow Button」を選択
「Follow Button」ボタンを選択

オプションを設定する場合、「set customization options.」をクリック
※オプション設定しない場合は「5.」へ
「set customization options.」をクリック

チェックまたは選択後、「Update」をクリック
「Update」をクリック

5. 「Copy Code」をクリック
「Copy Code」をクリック

6. 「×」をクリック
「×」をクリック

以上でコードの生成は終了です。

Twitterフォローボタンを設置する方法(コードの貼り付け)

HTMLコードの貼り付け先を次の2パターンご紹介します。

  • ブログ記事内(WordPress)
  • プロフィール欄(テーマ「JIN」)

ブログ記事内(WordPress)にTwitterフォローボタンを設置

1. 投稿画面で「テキスト」モードに切り替えてコードを貼り付ける
WordPress投稿画面「テキスト」モードにコードを貼り付け

はい!これだけです。

プレビューで確認してみましょう!
プレビュー画面でTwitterフォローボタンを確認

プロフィール欄(テーマ「JIN」)にTwitterフォローボタンを設置

1. WordPress管理画面「外観」 → 「ウィジェット」を選択
WordPress管理画面より「ウィジェット」を選択

2. 「プロフィール」 → 「説明」欄にコードを貼り付ける → 「保存」をクリック
「プロフィール」ウィジェットの説明欄にコードを貼り付け

それではプレビューで確認してみましょう!
プロフィール欄のTwitterフォローボタンを確認

上の画像では次のように設定を変更しています。

  • ユーザー名を「非表示」
  • 言語を「Japanese(日本語)」
  • フォロワー数を表示 ← 次にご紹介します

スポンサーリンク

Twitterフォローボタンにフォロワー数を表示

Twitterフォローボタンの横にフォロワーさんの人数が表示されているのを見たことありませんか?
コードを少し変えるだけでフォロワー数を表示させることができるんです。

その方法はこちら!
黄色のマーカー部分を「false」から「true」に変えるだけ
「false」から「true」に変更

プレビューで見るとこんな感じになります。
Twitterフォローボタンのフォロワー数表示確認

さいごに

いかがでしたでしょうか?
今回は「Twitterフォローボタン(フォロワー数表示)をブログに設置する方法」をご紹介しました。

WordPressプラグインをインストールすることなく、コードを作ってコピペするだけなので簡単ですよね。

ブログとTwitterを連携させているけど、フォロワーさんが増えない

フォロワーさんを増やしてアクセスアップに繋げたい

こんな風に悩んでいる方はぜひブログにTwitterフォローボタンを設置してみて下さい!

 

最後まで読んでいただき、ありがとうございましたm(_ _)m

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA