WordPressで簡単作成!スマホ対応サイトの作り方

総務省の発表によるとスマホ(スマートフォン)の普及率は、2011年末で世帯普及率が29.3%となったそうです!

最近ではPCを使わずスマホだけ使用するという人も増えてきており、サイトのスマホ化も必須となってきています。

そこで今日はWordPressで簡単に作成できるスマホ(スマートフォン)対応サイトの作り方について書いてみたいと思います。

WordPressならスマホ対応サイトの作成も簡単

WordPressならスマホ対応のサイト作成もプラグインを入れるだけ!
とっても簡単に出来てしまいます。

WordPressのスマホ化プラグインWPTouch

WordPressサイトをスマホに対応させるにはWPTouchというプラグインを使います。

プラグインの新規追加で「WPTouch」を検索します。
2012-08-07_10h28_23

「いますぐインストール」をクリックし、プラグインを有効化にします。
2012-08-07_10h31_46

設定画面で「WPtouch Language」をJapaneseに変更>「Save Options」をクリック

2012-08-07_10h48_54

これで日本語で設定画面が日本語に変更されますので、タイトルなどの細かい設定をしていきます。

カスタム User-Agent

WPTouchはiPhoneやiPod、Android、BlackBerryなどには対応していますが、それ以外のスマホに対応させたい場合、詳細オプションにある「カスタム User-Agent」を使います。

現在、正規にサポートしていないデバイスに対して WPtouch を有効にするために、User-Agent をコンマで区切って入力してください。

Windows Phoneの場合は「IEMobile/9.0」と入力>オプションを保存
2012-08-07_12h43_53

参考:WordPressのプラグイン「WPtouch」をWindows Phone 7.5にも最適化させてみた – オレンヂ

スタイルを変更する

背景やカラーを変更したい場合は詳細設定の「スタイル&カラーオプション」から出来ます。
2012-08-07_13h01_01

サイトをスマホに対応させた後に、どういう風に表示されるかはFirefoxのアドオンを使えば
パソコンのブラウザからでも確認ができます。

そのやり方については次回に説明したいと思います。

関連記事リスト

WordPressにソーシャルボタンを設置するプラグイン「WP Social Bookmarking Light」
WordPressにソーシャルボタンを設置するプラグイン「WP Soc...

WordPressで特定のカテゴリ(タグ)記事だけを表示させる方法
WordPressで特定のカテゴリやタグ内の記事を表示させる方法。アイ...

カスタム投稿タイプを使ってカメラ専用のページを作る②
カスタム投稿タイプで専用ページを作る方法②です。今回はテンプレートの作...

は、早すぎる!?日本のスマホ普及率と通販利用状況について
は、早すぎる!?日本のスマホ普及率と通販利用状況について。...

カスタム投稿タイプを使ってカメラ専用のページを作る①
カスタム投稿タイプを使ってカメラ専用のページを作りました。プラグインの...

カテゴリごとに異なる画像やテキストを表示させるWordPressプラグイン(Category Meta plugin)
カテゴリページごとに違う画像やテキストを挿入したい場合に使えるプラグイ...

あるとちょっと便利なWordPressプラグイン3個
最近はサイト作りはWordPressが基本なのですが、入れているプラグ...

WordPressにCSV Importerを使ってWeb APIデータをインポートする
Web APIで取得したXMLデータをCSVで保存をし、そのデータをW...

キャッシュプラグインを入れてもサイト表示が遅い!を解決する方法
キャッシュプラグインを入れてもまだサイト表示が遅いので、DBをキャッシ...

E-comのYoutube語学番組が視聴者数100万突破!スマホからのアクセス急増
英語、中国語など20カ国語のオンライン語学学習サービスを提供している株...

コメントを残す

このページの先頭へ