blog基礎 WordPress

WordPressでTwitterのフォローボタンを作成して配置する方法

 

ブログ初心者
ブログ初心者
Twitterのフォローボタンを作りたいけどやり方がわからないなぁ・・・

 

本記事ではこんなお悩みを解決します!

 

ブログを始めたばかりでプロフィール欄に自分のTwitterアカウントのフォローボタンを追加したいと思ったことはありませんか?

 

初心者ブロガーにとってこんな些細なことでもわからなかったりしますよね。
masa
masa
 
 
初心者の方でもわかりやすく簡単に作成できるようにご紹介します。
 
 

WordPressでTwitterフォローボタンを配置した完成イメージ

まずは完成イメージです。

下の画像のようなフォローボタンを追加することが出来ます。

Twitterフォローボタンイメージ

WordPressでTwitterフォローボタンを作成するメリット

メリットはシンプルにTwitterでフォローされるとTwitterからのアクセスが増えます。

 

フォロワーが増え、ブログのリンクを貼ったツイートをすることでTwitterからのアクセス増となります。

 

Twitterからのアクセス流入は大事なのでブログにフォローボタンを作成しておいた方が良いです。

Twitterフォローボタンのリンクコード作成手順

コードを作成するのは英語のサイトですが、丁寧に解説しますので全然大丈夫です。

 

まずはTwitter Publishにアクセスお願いします。

Twitter Publishでのリンクコード作成手順

入力フォームにあなたのTwitterアカウントのURLを入れてください。

 

TwitterアカウントのURLは「https://twitter.com/Twitterアカウント名」です。

 

ここでURLを間違ってしまうと全く意味のないフォローボタンができてしまいますので必ず自分のURLであるか確認しましょう

 

次にHere are your display options という選択画面が出てきますので

 

右側のTwitter Buttonsの方をクリックしてください。

次にSelect the button you'd like to use という選択画面が出てきますので

左側のFollowボタンの方をクリックしてください。

補足:右側の「Mention」ボタンの方はフォローボタンではなくツイートボタンを作成するものです。

次に「set customization options」という青字部分をクリックしてください

オプション設定画面が出てきます。

 

Hide Username・・・ボタンにアカウントの名前を表示しないオプションです

Large Button・・・・ボタンが大きくなるオプションです

Japaneseを選択し、Updateボタンをクリックしてください

最後に「Copy Code」ボタンをクリックしてください。これでフォローボタンのコードがコピーされた状態になります。

下の画面が出た場合は×ボタンで閉じてください。

WordPressにTwitterフォローボタンを配置する手順

下記の例ではサイドバーウィジェットに追加したプロフィールにTwitterボタンを配置する方法です。

 

プロフィールの設定方法がわからない方は下記の関連記事を参照してください。

 

WordPress管理画面より「外観」→「ウィジェット」よりサイドバーウィジェットにあるプロフィール設定をテキスト編集にして、先ほどコピーしたフォローボタンのリンクを貼り付けてください。

保存したらTwitterのフォローボタンが作成されているか確認するのと、実際にフォローボタンが機能するか確かめて下さい。
 
 
紹介は以上になります。お疲れ様でした。
 
 
 
 
  • この記事を書いた人
  • 最新記事

masa

このブログを運営しているmasaです。 社会人10年目のSEとして働いていますが、労働収入には限界を感じていて 脱サラし、自由に生きたいと思っています。 皆さんが興味の湧く記事を書き、疑問や課題に対しての解決案および対策を提供したいと思っています。

-blog基礎, WordPress

Copyright© masalife , 2025 All Rights Reserved Powered by AFFINGER5.