初心者向け！WordPressでスマートフォン対応させる方法

Webサイトにはスマートフォン対応が必須

今や、パソコンよりもスマホでWebサイトを見る時代。総務省によると、国内ではインターネット利用者のうち、スマートフォンを利用する人が68.3%と、50.4%のパソコンを上回っています。スマホで見たときにサイトが崩れていたり醜かったりすると、訪れたユーザーも出て行ってしまいます。

また、SEOの面でもスマホ対策は重要です。Googleの検索アルゴリズムでは、スマホのブラウザで検索したときには、スマホに対応したサイトのほうが上位にヒットするようになっています。このことから、Webサイトをスマホに適した表示にすることは必須だといえます。

ちなみに、Webサイトがスマートフォンに対応しているかどうかは、Googleの「モバイルフレンドリーテスト」で確認することができます。

どうすればスマートフォンに対応させられるの？

ブログやサイトをスマートフォン対応にするには次のような方法があります。

プラグインを使う方法

プラグインを入れるだけで、自動的にWordPressサイトをスマートフォンに対応することができます。 やり方はプラグインをインストールして有効にするだけなので、知識のない初心者にも導入しやすく、おすすめの方法です。

スマートフォンに対応させることができるプラグインソフトには「WPtouch」があります。 このプラグインは、WordPressの管理画面から「プラグインを検索」で検索することでインストールできます。 また、「プラグイン公式サイト」からのダウンロードも可能です。

レスポンシブWebデザインテーマの選択方法

WordPress上で、最初からレスポンシブWebデザイン(RWD)のテーマを選んで使えば、プラグインを導入する必要はありません。

ちなみに、「レスポンシブWebデザイン」とは、パソコンにもスマートフォンにもタブレット端末にも、Webサイトの表示対応が可能なWebデザインの手法です。

現在では、レスポンシブWebデザインに対応した無料のWordPressテーマが公式・非公式を問わずインターネット上でたくさん提供されています。 いくつかサイトを回ってみて、気に入ったレスポンシブWebデザイン対応のテンプレートを使ってみるのもいいでしょう。

テーマファイルを自分でカスタマイズする方法

ここまででご紹介したものは、特別な知識のない初心者でも簡単にスマートフォンに対応したサイトを作るための方法です。これらの方法でも十分に見栄えのするサイトを作ることができます。

しかし、WordPressに慣れ、自分である程度カスタマイズできる知識や自信がついてきたら、自分でWordPressのテーマファイルをカスタマイズすることもできます。 オリジナルデザインでサイトを作ることができれば、より個性を表現することができますね。ちなみに、WordPressのテーマをカスタマイズするにはHTML+CSSはもちろん、Webプログラミング言語であるPHPの知識が必要になります。これらの知識があれば、フリーランスとして案件を獲得したり、転職活動の時も有利に進めることができます。

まとめ

特別な知識がなくてもブログやサイトの更新が可能なのは、WordPressの強みですが、本格的なカスタマイズにはCSSやHTML、JavaScript、PHPやMySQLといったプログラミング言語の知識が必要になってきます。
オリジナリティのあるサイトを作成するためにも、ぜひ本格的なカスタマイズにも挑戦してみてください。

インターネット・アカデミーの「PHP講座」では、WordPressのカスタマイズはもちろん、Webシステムとして必要な掲示板や顧客システム、セキュリティ対応まで、PHPを活用した開発技術をマスターすることができます。 ご興味がありましたら、無料カウンセリングにお越しください。