TwitterのフォローボタンをWordPressのブログに設置する方法

当ブログもWordPressに移転して2か月が経ちました。なかなか記事の新規投稿が進まないのでアクセスもスズメの涙ほどですが、少しでもアクセスアップを狙ってTwitter と連携させたりしました。

WordPressとTwitterを連携して新規投稿を自動ツイートさせる方法

しかし、肝心の当ブログにTwitterフォローボタン を設置していませんでした(笑)。

Twitterフォローボタンとは?

外部サイト向けに配布されている、Twitterアカウントをフォローできるボタン。

どんな感じなのかな?

以下がTwitterのフォローボタンです。『〇〇さんをフォロー』という風になっています。


何だか難しそうだな~、ちゃんと作れるのかな?

Twitterのフォローボタンを押せば詳細ページへ移動できる訳ですね。兎に角、ブログに設置すればアクセスアップに繋がるみたいなので、さっそく実行してみましょう。

ちなみに、コードをコピーするだけなので簡単に設置出来ます。

Twitter公式へ行き「フォローボタン」のソースコードを取得する

TwitterのフォローボタンをWordPressのブログに設置する方法

最初にTwitter公式のソースコードを取得できるページ『Twitter Publish』にジャンプします。

公式Twitter Publish

次にあなたのTwitterのURLを入力します。https://twitter.com//(スラッシュ )の後ろにTwitterアカウントを貼りつければOKです、その後右にある『→』をクリックします。

TwitterのフォローボタンをWordPressのブログに設置する方法

TwitterのURLを入力したら、右側にある『Twitter Buttons」』をクリックします。

TwitterのフォローボタンをWordPressのブログに設置する方法

Twitterのフォローボタンを作るには、左側の『Follow Button』を選択します。ちなみに、右側は『〇〇さんへツイートする』というボタンになります。

TwitterのフォローボタンをWordPressのブログに設置する方法

ブログに埋め込む為のコードが生成されるので、『Copy Code』をクリックしてコードをコピーします。

TwitterのフォローボタンをWordPressのブログに設置する方法

ブログに貼りつけると以下の様な感じになります。

WordPressのブログにTwitterで取得したソースコードを貼りつける

TwitterのフォローボタンをWordPressのブログに設置する方法

今度はWordPressのブログに先ほどコピーしたソースコードを貼っていきましょう。ここでは2通りの方法を紹介したいと思います。

  • サイドバーに直接貼る方法
  • 投稿本文下に毎回表示させる方法

サイドバーに直接貼る方法

Twitterフォローボタンをサイドバーのプロフィール欄に貼りつけてみました。コピーして貼り付けるだけなので超簡単ですね(笑)。管理画面からウイジェットへ進み、コードを貼りつけます。

TwitterのフォローボタンをWordPressのブログに設置する方法

TwitterのフォローボタンをWordPressのブログに設置する方法

簡単だな~。

投稿本文下に毎回表示させる方法

今度はブログ記事の終わりに、毎回表示させる方法です。

TwitterのフォローボタンをWordPressのブログに設置する方法

新しい記事を作成するたびに、コードを貼りつけていくのは手間がかかるので、WordPressで記事下に定型文を自動で入れてくれるプラグインのBottom of every postを導入していきましょう。

Bottom of every postとは?

WordPressのブログ記事の任意の場所に、毎回定型文を自動的に入れてくれるプラグイン。

まずは下記リンクからプラグインをダウンロードします。

外部リンクBottom of every post

注意

Bottom of every postはWordPress の最新3回のメジャーリリースに対してテストされていません。最新バージョンの WordPress で使用した場合、互換性の問題が発生する可能性があります。

ダッシュボードから『プラグイン』⇒『新規追加』と進み『プラグインのアップロード』からフォルダをアップロード・インストールします。インストールが完了したら有効化しておきましょう。

次に、ダッシュボードから『プラグイン』⇒ 『プラグイン編集』と進み、ページ右上の『編集するプラグインを選択』からBottom of every postを選択して『選択』をクリックします。

TwitterのフォローボタンをWordPressのブログに設置する方法

bottom_of_every_post.txtをクリックします。

TwitterのフォローボタンをWordPressのブログに設置する方法

ソースコードを貼り付けてファイルの更新をクリックします。

TwitterのフォローボタンをWordPressのブログに設置する方法

どんな感じになったか見てみましょう。

TwitterのフォローボタンをWordPressのブログに設置する方法

なかなか良い感じに設置できましたね、これで毎回記事作成後にTwitterのフォローボタンを貼りつけなくても、自動で挿入してくれます。

便利ですね~。

まとめ

今回は、TwitterのフォローボタンをWordPressのブログに設置する方法を紹介しました。サイドバーに貼る場合はそのままコピペで貼りつければ良いですが、投稿記事下の場合は毎回貼りつけるのは手間になります。

この場合は、記事下に定型文を自動で入れてくれるプラグインのBottom of every postを導入すると解決します。

注意

Bottom of every postはWordPress の最新3回のメジャーリリースに対してテストされていません。最新バージョンの WordPress で使用した場合、互換性の問題が発生する可能性があります。

ブログのアクセスアップを狙うためには、記事の更新もそうですが、SNS を積極的に利用して行った方が集客にも繋がると思います。TwitterやFacebookは欠かせない集客手段ですね。

Twitterアカウントの新規登録をメールアドレスで行う方法

コメントを残す

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

日本語が含まれない投稿や心無いコメントは無視されますのでご注意ください。(スパム対策)

//アドセンス高速化// /END アドセンス高速化//