【Word press】一瞬のスマホ対応！？このプラグインをみんなが入れる理由

ワードプレスを利用して、サイトを立ち上げたばかりの人からすると、スマートフォンに対応させることって、後回しにしがちです。

何と言っても、面倒くさそうだから。

わたしもそう思ってスマホ対応から遠ざかっていました。

 

しかし、たった一つのプラグインを導入しただけで、一瞬でスマホ対応させることができちゃいました。

 

そのプラグインの名前は、WPtouch

「WPtouch」は、ワードプレスのサイトを、一瞬で スマートフォンに対応させるお手軽なプラグインです。

スマホに対応するために入れるプラグインとしては、有名どころです。

WPtouch　何ができるのか

スマートフォンの画面は、パソコンに比べて横幅がとてもせまいです。

そのため、改行が多い文章になったり、大きすぎる画像が画面からはみ出てしまったりします。

これを調節してくれるのがWPtouchの大きな役割です。

このプラグインを 多くの方が導入する理由の一つです。

 

導入する理由は、これだけではありません。

なんと、スマートフォン専用ページのレイアウトだけを、個別で調整できてしまうのです。

あとで紹介しますが、次のことを変更できます。

• 色(文字・背景)
• メニューバーの位置
• 表示させる記事の数
• モバイル用とパソコン用のページ切り替えボタン

 

WPtouch　導入してみる

わたしは、WPtouchを使えるプラグインだと感じているので、こうして あなたにおススメしています。

まずは、このプラグインをインストールして、使ってみませんか？

ここからは、プラグインWPtouchの導入から、使い方までを書いておきますね。

プラグインWPtouchをインストールする

まずは、ワードプレスにログインします。

その後、左側のバー内にある「プラグイン」を選択します。

そうすると、上の画像のような画面になります。

右上あたりに「プラグインの検索…」という部分があるので、そこにカーソルを合わせ、１度クリックしておきます。

次に、検索をかけます。

カーソルを合わせたところに「WPtouch」と入力しましょう。

すると、ちゃんと初めに「WPtouch」が出てきます。

「今すぐインストール」ボタンをクリックしましょう。

インストールに少々時間がかかります。

わたしがインストールしたときは、１分かかりました。

 

WPtouchを有効化する

インストールが無事に終わると、「有効化」ボタンが表示されます。

この「有効化」ボタンをクリックしましょう。

有効化しないと、せっかくインストールしたWPtouchを使うことができません。

有効化が成功すると、上の画像の表示が出てきます。

もうこれで、WPtouchの導入は終わりです。

本当に、あっという間ですよね。

 

WPtouchを開いてみる

では、さっそく、WPtouchを使ってみましょう。

先ほど「プラグイン」をクリックした左側のバー内に、新しく「WPtouch」が表示されるようになっています。

その「WPtouch」をクリックしてみましょう。

 

WPtouchの言語設定を日本語にする

初めは、世界の共通言語とも言われる英語表示になっています。

「英語が苦手で、まったく読めない・・・ムリだ・・・。」

というかたもいらっしゃるでしょう。

しかし、どうか安心して続けてください。

日本語の設定に切り替えましょう。

 

最初の画面の状態で、下にスクロールする(画面を送る)と、「LANGUAGE」という単語が出てきます。

そうです。

「LANGUAGE」＝ 言語　　　ですね。

「English」になっているところを一度クリックしましょう。

すると、さまざまな言語が表示されます。

これほどの言語が世界にあるということですね。スゴイです。

そのまま選択肢を下にスクロールしていきましょう。

結構 下のほうに、われらの言語 「日本語」が出てきます。

では、「日本語」をクリックしてください。

 

５秒ほど経つと、どうでしょう。

ちゃんと日本語の設定に切り替わりましたね。

これで、あとは、あなたが思うように設定を変えていけばよいのです。

お疲れ様でした。

 

ここからは、参考までに、わたしのサイトを使って、試したことを書きとめておきますね。

WPtouchを使って、色を変えてみる

初期設定の色は、テーマカラーに合わせて、自動で選んでくれる「デフォルト」になっています。

ここで変えられる色は、４種類です。

1. テーマ背景
   文字の背景色です。
   文字の色が濃ければ薄い色、文字の色が薄ければ濃い色にするのが常識ですね。
   見やすいサイトにするために、背景色と文字色の相性を大切にしましょう。
2. ヘッダー＆メニュー
   最上部に表示されているバーの部分の色です。
3. リンク
   文字色です。
   背景色とセットで考えるとよいでしょう。
4. 投稿/ページヘッダー

それぞれをいじってみました。

色一つでさえも、自分のサイトの一部だと気づかされます。

さらに、色だけで、サイトの印象がかなり変わることも学びました。

色の設定って、大切ですね。

 

モバイル用 ⇄ パソコン用　かんたんに切り替えられる

モバイル用サイトのカスタマイズページと、パソコン用サイトのカスタマイズページをボタン一つで切り替えられるようになります。

上の画像にも示しましたが、赤く囲った部分のいずれかをクリックすれば、いつも使うパソコン用サイトのカスタマイズページから、モバイル端末用サイトのカスタマイズページに切り替えられるのです。

とっても使いやすいです。

 

最後に

いかがでしたか？

WPtouchは、誰でも かんたんに、自分のページをスマートフォンに対応させることができちゃうのです。

こんなすばらしいプラグインを開発してくださったかたに、感謝の気持ちを述べさせていただきます。

ありがとうございます。

 

 

そして、最後まで読んでくださった、あなたにも感謝 申し上げます。

ありがとうございます。