こんにちは。とれもです。
今までツイッターのフォローボタンにフォロワー数を表示させていなかったのですが、フォロワー数が多いとフォローしてみようという心理があるらしいので、少しずつですがフォロワー数が増えてきたので今回表示させることにしました。
こんな感じです。
Follow @toremoro342
そこまでフォロワー数は多くないですが笑
備忘録の為にTwitterのフォローボタンをフォロワー数を付けて表示する方法を画像付きで詳しく紹介していきます。
目次
- Twitterのフォローボタンコード取得方法
- フォロワー数を表示させる方法
- サイドバーに表示させる方法
- まとめ
目次
- Twitterのフォローボタンコード取得方法
- フォロワー数を表示させる方法
- サイドバーに表示させる方法
- まとめ
Twitterのフォローボタンコード取得方法
1以下のサイトにアクセスします
2What-would-you-like-to-embedと表示されたページが出てきます
とりあえずこれは気にしないで下にスクロールします
3Or-browse-your-options-belowというページが表示されます
4Twitter-Buttonsを選択します
一番右にあるやつですね。
6Follow-Buttonを選択します
左から2番目のやつです。
7Follow-Buttonのページが表示されます
8Paste-a-profile-URL-or-usernameに入力
自分のプロフィールのURLかツイッターIDを入力して、Previewをクリックします。
※どちらでも表示は同じです。
自分のプロフィールのURLを入力したい場合はこちら
PCで操作していますが、上のURLをコピーする。
例として僕のプロフィールのURLを使用します。
から始まるツイッターIDを入力したい場合はこちら
こちらも例として僕のプロフィールのURLを使用します。
ツイッターIDは@～と書かれているやつです。(@もちゃんとコピーしましょう)
①か②のどちらかを入力して、Previewをクリックしるとコードが表示されます。
9コードが表示されます
Copy Codeをクリックするとコピーされます。
10ブログ内の貼りたいところに貼る
ブログ記事にそのまま貼れば表示されます。
Follow @toremoro342
貼ってみたのがこちらです。
ただ、これだけではフォロワー数が表示されません。
以下でフォロワー数を表示させる方法を紹介します。
フォロワー数を表示させる方法
先ほど取得したコードの「data-show-count=”false“」のfalseをtrueに変換するだけです。
変換したコードがこちらです↓
「data-show-count=”true“」
Follow @toremoro342
貼ってみたのがこちらです。
フォロワー数が表示されていますね。
サイドバーに表示させる方法
サイドバーにはこのように表示されています。
デザイン→カスタマイズ→サイドバー→プロフィール
ブログの説明のところに先ほど取得したコードを貼り付けます。
また、その際にフォローボタンの表示するのチェックを外します。
そうするとこのように表示されます。
まとめ
Twitterのフォローボタンをフォロワー数を付けて表示する方法を紹介しました。
ぜひ使ってみてください。
コメントを残す