今まで、このサイトをスマートフォンで見た時、普通にパソコンサイトが表示されていましたが、WordPressプラグイン「 WPtouch 」を使用して、スマートフォンサイトに対応しました!(*´∇`*)
本当は、レスポンシブに対応させる予定だったけど、仕事忙しすぎて勉強時間が無い!状態だったため、手軽に出来そうな「 WPtouch 」で遊んでみたので、忘れない様に設定箇所をまとめときます!
驚きを隠せないほどの簡単さ!
正直なところ、細かい設定は一切していません!作業時間は、15分ぐらいでサクサク行けると思います。
まずは、
1.WordPress管理画面の「 プラグイン 」から「 WPtouch 」をダウンロード → 有効
2.設定のところに「 WPtouch 」が出現するので、設定画面へ
デフォルトだと英語なので、まず日本語化へ
一般設定箇所の、一般言語を「japanese」にして、一度設定を保存します。
これで、日本語になりましたので、後は雰囲気でなんとかなるかと思います!!
基本的な部分はね! ヾ(@°▽°@)ノ
アイコンの設定が出来るみたい!ただし…
スマホサイト用にアイコンを作る事ができるみたい!
今回はphotoshopでサクッと作っちゃいましたが、私の場合はアップロードボタンが押せなかった…。・゚・(ノε`)・゚・。
そのため、FTPでサーバーに直接データ放り込みました!
plugins → wptouch → images辺りに、
上の画像にあるアイコンが沢山配置してあるフォルダに、今回使いたいアイコン画像をアップロードすればOK!
(アイコンサイズは、59×60pxでpngが良いっぽい)
すると、右側のアイコンnに、先ほどアップロードした画像が表示されすはず!
さっきのアイコン画像の設定と固定ページの表示
画像見たままになっちゃいますが、一番上のプルダウンメニューから使用したいアイコン画像を選べばOK( ̄∀ ̄*)
あと、私の場合は、固定ページ(AboutとContactページ)を表示したかったので、
ページ名の所のチェックボックスにチェックを付けて、
アイコン設定すればスマホでも固定ページが表示されますよ!
基本的な設定はこれで終わり!
まだ、ちょっと調べただけですが「 WPtouch 」は結構カスタマイズ出来るみたいなので、
今後時間ある時にやってみたいなぁ〜。
仕事のデスマが終わったら…。゜゜(´□`。)°゜。