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のアドオンを使えば
パソコンのブラウザからでも確認ができます。

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

関連記事リスト

自分オリジナルの単語帳を作れるスマホアプリ「i暗記」がすごい!
自分オリジナルの単語帳を作れるスマホアプリ「i暗記」がすごい!...

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

ファビコン(favicon.ico)の設置方法、WordPressでファビコンを表示させる方法
ファビコン(favicon.ico)の設置方法、WordPressでフ...

WordPressでAPIを使ったサイト構築方法:ハーブティー専門店検索サイト編
WordPressでAPIを使ったサイト構築方法:ハーブティー専門店検...

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

カテゴリarchive.phpで子カテゴリ一覧を表示させるphpコード(WordPress)
カテゴリアーカイブページ(archive.php)で子カテゴリがあれば...

サイトの読み込みページを早くするWordPressプラグイン「Quick Cache」
Googleのスコアカードでサイトの状況の「ページ読み込み時間のパフォ...

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

WordPressを導入したら始めに入れたい、おすすめプラグイン5個
WordPressを導入したら始めに入れたい、おすすめプラグイン5個に...

WordPressタグアーカイブページでタグスラッグを取得する方法
Wordpressのアーカイブページのタグテンプレート(tag.php...

コメントを残す

このページの先頭へ