ホームページのDIY 全体リニューアル

こんにちは長山です。BLOG久しぶりです。ホームページをリメイクしていました。

当店のホームページは

PCで作る PCで快適にご覧いただく PCサイトだったんですが

去年 LINE予約導入を期に 私も初めてスマホを買って

他のスマホ表示のサイトを閲覧する機会が増え

当店のホームページの 見づらさ を痛烈に感じました。

下がそれですが

文字が小さくて 見えない! ハズキルーペが必要なくらいです。

拡大しても、電話予約、ネット予約ボタンが邪魔でした。

そして今回

PCでつくる スマホで快適にご覧いただく スマホサイトに

リメイク することを決意しました。

一ヶ月がたち

ついに 完成しました。

制作は、いつものコピペ & ワードプレスエディタを使いDIYしました。

PC タブレット スマホ すべてに同じhtml cssで共通で対応させました。

ご覧下さい。新サイトをiframeで表示しました。

指で←←みゅ〜ん→→拡大しなくても

見やすい文字サイズ(16px)になっていると思います。

画像はスマホでご覧いただくのに十分な最小画質(260px以下)にしてあります。

よって表示速度も4Gで1.9秒!普通です。
グーグルのTest My Site 測定しました。

新しいサイトで気に入っているところは

  1. レスポンシブデザイン?的な(横に伸び〜るだけ)感じ。デバイスの画面サイズに依存しないwebサイト!
  2. ハンバーガーメニュー()内のボタンの押しやすさ
  3. 新着BLOG(RSS)のお知らせに アイキャッチ画像 を表示されているところ、表示させたくない記事、今回の記事にのような美容に関係ない記事を除外するよう設定したこと

です。






シェアする

  • このエントリーをはてなブックマークに追加

フォローする