【簡単】Twitterのフォローボタンをブログに設置する方法

ブログ進捗

こんにちは!タカリブ(@taka-liveです。

今回は、ブログの記事内に下のようなTwitterのフォローボタンを設置する方法を紹介!

超簡単なので、ブログ初心者やフォロワーを増やしたい方にオススメです♪

Twitter Publishを使用

Twitter Publish というページから、Twitterのフォローボタンのコードを作ることができます。

英語表記ですが、図を使って解説しているので安心してください!

説明書を読む人のイラスト(男性)
STEP1

Twitter Publish にアクセスすると、以下の画面が表示されます。

「Enter a Twitter URL」と書いてあるところに自分のツイッターアカウントのURLをコピペ!

アカウントを入力したら、右の「下向きマーク」「矢印マーク(→)」に変わるのでクリックします。

STEP2

こんな画面が表示されるので、右側の「Twitter Buttons」をクリックします。

STEP3

お次はこんな画面が表示されるので、左側の「Follow Boutton」をクリックします。

STEP3

下にプレビューが表示されており、コードも完成!

次は「set customization options」をクリックします。

STEP4

下記のカスタマイズを行うことができます!

  • ユーザーネームを隠す
  • ボタンサイズを大きくする
  • 言語を変える

一例ですが、「ユーザーネームを隠す」、「通常の文字サイズ」、「日本語」のときは下のような感じになります。

プレビューを見ながらカスタムしたい内容が決まったら、右下の「Update」をクリックします。

新しいコードができあがるので、ブログにコピペしたら完了です!

ここからはブログ(ワードプレス)への貼り付け方法を解説!

ブログを書く人のイラスト(男性)

ブログにコードを貼り付ける

STEP1

ワードプレスの記事の編集画面で、右上にあるオプションをクリックします。

STEP2

こんな画面が出てくるので、コードエディターをクリックします。

STEP3

コードの編集画面が表示されるので、表示させたい所に Twitter Publish で作ったコードをコピペ

完了したら、右上のコードエディターを終了をクリックします。

STEP4

すると、下のような感じで表示されます。

プレビューをクリックしたら、下のようにちゃんと表示されるので安心してください♪

おわりに

いかがだったでしょうか?

これで、ブログにTwitterのフォローボタンを設置することができます!

また役に立ちそうな情報があったら、共有させて頂こうと思います♪


最後まで読んでいただき、ありがとうございました。



コメント