WordPressでスマートフォン対応させる方法
個人におけるスマートフォンの保有率は67.6％を超え、スマホを含む情報通信機器の世帯保有率としては9割を超えるまでになりました。そんな状況だからこそ、WordPressで作ったサイトも、PCだけでなくスマートフォンでも閲覧できるようにしておきたいですよね。
今回は、WordPressサイトをスマートフォンでの表示に対応し、端末を問わずに訪問してもらえるWebサイトにする方法をご紹介します。
スマホでサイトが見にくいと思わずブラウザの戻るボタンを押してしまうのよね…。
せっかく良いWebサイトを作っても、見づらければユーザーは離れてしまいます。WordPressでWebサイトを制作する場合に、どのようにしたらスマ―トフォンで見やすくなるか、見ていきましょう。
ブログの執筆が可能なのは、パソコンの前にいるときだけではありません。
特に、お勧めは下に公開のロリポップがアフェリエイトには向いています。
ロリポップ！
注目：電子書籍（熊崎高道書）：半額セール
電子書籍50%OFF：9月27日〜：kindle半額セール：期間限定（早めに終わる場合もあります）
kindle販売サイト
https://x.gd/kY9wz 熊崎高道 プロフィール
服飾がわかる事典
https://is.gd/3x1WZK ：発行：日本実業出版社
アパレルソーイング用語集
https://is.gd/xstGqv ：発行：チャネラー
立体裁断と平面パターン：発行：チャネラー
基礎から学ぶシーイング：発行：チャネラー
アパレル素材とファッションデザイン：発行：繊研新聞
ファッションカラーとアパレルファッションデザイン画：アルリオーネ：協力：丸善雄松堂
パソコンで活用するファッションデザイン画 ：発行：チャネラー
デジタルドローイン ：発行：ローカス：協力：主婦の友
はじめてのお店づくり：発行：中央経済社
IT時代のショップ開業学：発行：チャネラー
ファッションビジネスに役立つパソコン活用：発行：日本繊維新聞
企画力倍増パソコン活用術：発行：繊研新聞
店舗経営と販売技術 ：発行：繊研新聞
ファッション業界のためのパソコン読本：発行：ローカス
1.スキマ時間でも手軽に利用できる
お勧めサーバー：２選
ロリポップ！ムームーサーバー
目次 閉じる
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の知識が必要になります。これらの知識があれば、フリーランスとして案件を獲得したり、転職活動の時も有利に進めることができます。
熊崎高道：簡単な履歴
ニューヨーク州立ファッション工科大学留学
全国ファッションデザインコンテスト1位、国際羊毛事務局主催デザインコンテスト金賞受賞。
アパレル会社、ファッションショップ経営2000年のはじめ頃から大学で学長・補佐・教授としてパソコンの授業でイラストレター、フォトショップなどを指導。
東京ファッションデザイナーコレクションに参加アメリカの大手企業とデザイナ契約など。契約など。
文化学園大学など30数校で使われています。
電子書籍
2013年アルリオーネ電子書籍出版部門設立：日本とアメリカで電子書籍を発売。
丸善雄松堂、凸版印刷、デジタル機構などと契約：文化学園大学などの全国著名な大学に入っていまアルリオーネ電子書籍出版部門「熊崎高道書」販売先契約先：アマゾン「kindel」、紀伊国屋書店 、丸善雄松堂 ,楽天ブックス、BookWePlus、BookLive、OverDribe・Rakuten GALAPAGOS、NTTぷらら、DMMブックス：シーティージャパン、オムニ：セブン&アイ、ブックウォカー、Booklker:KADOKAWAグループ
＊文化学園大学図書館：検索熊崎高道で貸し出しの現状が見られます！
以下はkindleサイト
服飾がわかる事典
https://is.gd/3x1WZK ：発行：日本実業出版社
アパレルソーイング用語集
https://is.gd/xstGqv ：発行：チャネラー
立体裁断と平面パターン：発行：チャネラー
基礎から学ぶシーイング：発行：チャネラー
アパレル素材とファッションデザイン：発行：繊研新聞
ファッションカラーとアパレルファッションデザイン画：アルリオーネ：協力：丸善雄松堂
パソコンで活用するファッションデザイン画 ：発行：チャネラー
デジタルドローイン ：発行：ローカス：協力：主婦の友
はじめてのお店づくり：発行：中央経済社
IT時代のショップ開業学：発行：チャネラー
ファッションビジネスに役立つパソコン活用：発行：日本繊維新聞
企画力倍増パソコン活用術：発行：繊研新聞
店舗経営と販売技術 ：発行：繊研新聞
ファッション業界のためのパソコン読本：発行：ローカス:協力：主婦の友
ファッション業界のためのパソコン読本 改定版 ：発行：ローカス:協力：主婦の友
