スマートフォン＆携帯電話に対応するプラグイン

WordPress（PCブログ）をモバイル端末（スマートフォン＆携帯電話）に対応して表示させるプラグインの設置＆カスタマイズ方法

• スマートフォンに対応　⇒　WPtouch
• 携帯電話に対応　⇒　Ktai Style

WPtouch（スマートフォンに対応）

WPtouchのインストールとカスタマイズ方法

WPtouchのインストール方法

ダッシュボード→「プラグイン」→「新規追加」をクリック
検索窓に【WPtouch】と入力して「プラグインの検索」をクリック

「いますぐインストール」をクリック

「プラグインを有効化」をクリック

WPtouchの設定

ダッシュボード→設定「WPtouch」をクリック

WPtouch Languageのプルダウンリストで「Japanese」を選択すると日本語で表示される。

▼記事一覧オプション

▼詳細オプション

▼プッシュ通知オプション

変更なし

▼スタイル＆カラーオプション

各サイトごとに変更する

▼デフォルト＆カスタムアイコンプール

アイコンを追加する

【参考サイト】
iPhone-like icon maker

▼ロゴアイコ//メニュー項目＆ページアイコン

※「Email メニュー項目を有効にする」のチェックを外す。

WPtouchのカスタマイズ

▼個別記事の日付表記＆投稿者の非表示

・「10月 21st,2012」→「2012.10.21」
・「投稿者」　→　「カテゴリー」
・「↓コメントを入れる」　→　表示しない

・wp-content/plugins/wptouch/themes/default/single.php　（5行目～22行目）

【参考サイト】
WPtouchをカスタマイズしてブログをオリジナルデザインでスマフォ対応させたよ！（カスタマイズ編） | クリエイティブメモメモ

設定が終わったら、WPtouch Languageのプルダウンリストで「Automatically detected」にする。

その他

パソコンでスマートフォンの表示確認

【参考サイト】
iBBDemo2.0をインストール　iPhone、iPadのエミュレータ　スマートフォン制作のテスト環境　Windows 7版

Ktai Style（携帯電話に対応）

Ktai Styleのダウンロード＆インストール方法

【ダウンロードサイト】
WordPress Plugins/JSeries » Ktai Style (携帯対応プラグイン)

▼インストール＆有効化

サーバーの「wp-content/plugins/」にアップロード→管理パネルでプラグインの有効化

Ktai Styleの設定＆カスタマイズ

▼テーマの選択

ダッシュボード→携帯表示→「テーマ」をクリック

以上

この投稿のトラックバックURL: