WPtouchプラグインで、スマートフォン対応しました!

今まで、このサイトをスマートフォンで見た時、普通にパソコンサイトが表示されていましたが、WordPressプラグイン「 WPtouch 」を使用して、スマートフォンサイトに対応しました!(*´∇`*) 本当は、レスポンシブに対応させる予定だったけど、仕事忙しすぎて勉強時間が無い!状態だったため、手軽に出来そうな「 WPtouch 」で遊んでみたので、忘れない様に設定箇所をまとめときます!      

驚きを隠せないほどの簡単さ!

SDCサイト WPtouch スマートフォンサイト対応 正直なところ、細かい設定は一切していません!作業時間は、15分ぐらいでサクサク行けると思います。 まずは、 1.WordPress管理画面の「 プラグイン 」から「 WPtouch 」をダウンロード → 有効 2.設定のところに「 WPtouch 」が出現するので、設定画面へ  

デフォルトだと英語なので、まず日本語化へ

SDCサイト WPtouch スマートフォンサイト対応 基本画面 一般設定箇所の、一般言語を「japanese」にして、一度設定を保存します。 これで、日本語になりましたので、後は雰囲気でなんとかなるかと思います!! 基本的な部分はね! ヾ(@°▽°@)ノ  

アイコンの設定が出来るみたい!ただし…

SDCサイト WPtouch スマートフォンサイト対応 画像 スマホサイト用にアイコンを作る事ができるみたい! 今回はphotoshopでサクッと作っちゃいましたが、私の場合はアップロードボタンが押せなかった…。・゚・(ノε`)・゚・。 そのため、FTPでサーバーに直接データ放り込みました! plugins → wptouch → images辺りに、 上の画像にあるアイコンが沢山配置してあるフォルダに、今回使いたいアイコン画像をアップロードすればOK! (アイコンサイズは、59×60pxでpngが良いっぽい) すると、右側のアイコンnに、先ほどアップロードした画像が表示されすはず!  

さっきのアイコン画像の設定と固定ページの表示

SDCサイト WPtouch スマートフォンサイト対応 アイコン画像 画像見たままになっちゃいますが、一番上のプルダウンメニューから使用したいアイコン画像を選べばOK( ̄∀ ̄*) あと、私の場合は、固定ページ(AboutとContactページ)を表示したかったので、 ページ名の所のチェックボックスにチェックを付けて、 アイコン設定すればスマホでも固定ページが表示されますよ!  

基本的な設定はこれで終わり!

SDCサイト WPtouch スマートフォンサイト対応 変化 まだ、ちょっと調べただけですが「 WPtouch 」は結構カスタマイズ出来るみたいなので、 今後時間ある時にやってみたいなぁ〜。 仕事のデスマが終わったら…。゜゜(´□`。)°゜。

コメントを残す