モバイル対応(Photo Gallery編)

シェアする

昨年、
重い腰を上げてモバイル対応を果たした当サイト。

リニューアル後は確実にアクセス数が増えたのが
データとして現れています。

その後も少しずつ改良を加えているのですが
今回はモバイル時にイマイチ見づらかった、Photo Galleryのリニューアルに着手。

ギャラリー系のプラグインを変更して対応

これまではWordPress定番の「next gen gallery」というプラグインを使用していたのですが、これを新興の「foo gallery」に変更。

一から構築し直します

Macでみた場合

リニューアル前は、正方形のサムネイルが並ぶ感じだったのを
モザイクタイル?状に並ぶタイプを選択

lightboxの装飾がイマイチ気に入らないのですが
これは後日手を入れましょう

iPhoneでみた場合

iPhoneで見るとこんな感じ。
ちゃんとレスポンシブになっています。

タップして拡大表示にすると
キチンと画面に合わせて拡大し、
ナビゲーションも上の方(横向きにした場合は左側)にあるので
閲覧しやすくなったかな??

正直、
どうしてもモバイルで見ると意図しない感じになるので
全員iMac27インチで見ろ!と怒鳴りたいのですが
全くもって現実的ではないので、対応せざるえません。。。

しょうがないけど時代の流れです。。。

さてさて
忙しい時期に、このタイミングで手を付けたのは
au沖縄セルラープレゼンツ ALLSTAR MOTOCROSS in OKINAWA
のサイトのギャラリーページの予行演習も兼ねているため。

上手くできそうなので、一気に仕上げるつもりです

ああ
okinawan-riderz.comの方も、モバイル対応しなければ・・・

PIXTAで写真素材販売中

写真素材 PIXTA

PIXTAで写真素材販売中

シェアする

フォローする