以前の記事で、WordPressを使ってブログを作成するならスマートフォンでどう表示されるかを確認するようにおすすめしました。

大前提！スマートフォンでの表示をこまめに確認しよう

せっかく記事を書いても、スマートフォンでの表示が読みにくくなってしまっていてはもったいないです。
アクセス数アップのためにも、PC版だけでなく自身のスマートフォンやタブレットを使って、表示を確認しましょう。

…が！

お詫びいたします。
あの記事がまたも、スマートフォン表示時に完全適応されていない状態になっていました。

以下のキャプチャ画像をご覧ください。

Facebookの文章が、折り返しできていないのです。

この記事ではまず、なぜこのようになってしまったのかをご説明します。
そして、どうやったら解決できるのかを記述いたします。

（今度こそ）スマートフォンでも見やすい表示になるよう、気をつけましょう！

（前置き）Facebookボタンを設置した3つの理由

Facebookの「いいね！」ボタンは、WordPressにはもともと備わっていません。
しかし今回、設置をすることを決めました。

それには大きく３つの理由があります。

１：SNSは拡散ツールとしてぴったり

実は現在、ブログのアクセス数をあげるために、いろいろなアフィリエイトのやり方系ブログを読み漁っています。

多くのサイトで同じように言われていることがSNSを活用することでした。

拡散力でいうと、一位はやはりtwitterです。
１つでも話題になるツイートをすれば、２万人〜5万人くらいの人に一気に見てもらうことができます。

このような爆発的なツイートでないにしても、安定して200人くらいにリツイートしてもらえるようなつぶやきをすれば、勝手にみんなが記事を広め、アクセス数に繋げてくれます。

ただ、このブログは内容的に、どかーんと拡散するようなものではありません。
そこでひとまず「いいね！」ボタンを設置し、つぶやくまででもないけれど、いいこと書いてあったくらいの反応を狙おうと考えました。

（昔懐かしいweb私語を使うと、web拍手みたいなものですね。）

２：ボタンで気軽に広められるようにしよう

リツイートはある意味、自分もそれに共感した・同じ考えを持った、という意思表示みたいなところがありますよね。
「いいね！」ボタンはそれに比べると、賛同・反応くらいの気軽さがあると感じています。

つまり、「誰かに紹介するほどではないけれど、ちょっと役立ったよ。」くらいの感想を持ったときに、軽い気持ちで押してもらえることを狙いました。

（ぜひ「いいじゃん」ってくらいに軽い気持ちで押してください。）

だれでもできそうな感じにしよう

「いいね！」ボタンは、押したらそこで役割が完結します。
ツイッターのように、そのままツイートするだとかリンクつけるだとかを考えなくても良いわけです。

押すだけで終了！

その手軽さがいいので、ひとまず設置してみた、ということです。

※もちろん、ゆくゆくはツイッターのボタンもつけたいと思っています。なう。

（本題）いいね！ボタンはどうやって設置するのか

これ、実はとても簡単なんです。
過去の記事でご紹介したようなCSSなんかよりも、ずっとずっと簡単です。

なぜなら、必要事項を入力すれば、勝手にタグを生成してくれるサイト（しかも公式）があるからです。

Facebookボタンを作れるサイトはここだ！

ここで製作可能です　→　いいねボタン構成ツール

何より安心なのが、Facebookの公式であること。
毎回タグを生成する面倒さはありますが（※詳細は後述します。）変なプラグインを使うよりずっと、信頼できますよね。

かんたん３ステップ！ Facebookボタンの作り方

Facebookのボタンを作る方法はとっても簡単。
必要事項を入力したら勝手にタグを生成してもらえます。

まとめ　〜大切なことはひとつだけ〜

このように、ほとんどはFacebookの公式サイトが勝手にやってくれるので、設置自体はとても簡単です。
ただ、横幅の指定を忘れてしまうと、スマートフォンの表示がおかしくなってしまうということだけ、注意が必要です。

当サイトは2017年12月現在、テーマはTwenty Fifteenを使っています。
他のテーマを使う場合は、この記事で紹介した「340px」という横幅が合わない可能性もあります。

設置したらかならず、スマートフォンの表示がおかしくなっていないか、確認してみてくださいね。

シェアしやすいブログにして、アクセス数アップを目指しましょう！