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

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

関連記事リスト

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

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

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

wordpressのデータベース(mySQL)に独自テーブルを作りデータを取り出す方法まとめ
WordpressのMySQLデータベースに独自テーブルを追加して、そ...

コメントスパム対策プラグインAkismetのAPIキー(無料)を取得する方法
コメントスパム対策プラグインAkismetのAPIキー(無料)を取得す...

投稿する画像を任意のサイズに変更するワザ
WordPressでブログを投稿していると何かと面倒になってくるのが、...

WordPressのバックアップ・プラグイン「BackWPup」でサイト全体を保存する
WordPressのバックアップ・プラグイン「BackWPup」でサイ...

Windows Live Writerで過去に投稿した記事を編集するには
Windows Live Writerで過去に投稿した記事をインポート...

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

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

コメントを残す

このページの先頭へ