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

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

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

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

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

icon-question 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を導入していきましょう。

icon-question Bottom of every postとは

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

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

公式 Bottom of every post

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

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

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

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

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

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

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

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

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

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

便利ですね~。

 

まとめ

今回は、TwitterのフォローボタンをWordPressのブログに設置する方法を紹介しました。サイドバーに貼る場合は、そのままコピペで貼りつければ良いですが、投稿記事下の場合は、毎回貼りつけるのは手間になります。この場合は、記事下に定型文を自動で入れてくれるプラグインのBottom of every postを導入すると解決します。

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

関連 ツイッターアカウントの作成・削除方法を初心者向けに解説!

コメントを残す

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

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