目指せ!!スマホ対応のホームページ

昨日に引き続きホームページネタなんですが、スマホ対応といってもいろいろと種類がありまして、今までのホームページでもスマホ対応のページも作ってたんです。
パソコン用のホームページからスマホ対応のページにリンクがあるってな感じで…。
このサイト構成だと、「パソコンようサイトに入る⇒スマホ対応サイトに入る」という『２段階』の手間があって、さらに４月21日からはスマホでの検索結果にパソコンようサイトが表示されなくなるので２段階目のスマホ対応サイトに入るということもできなくなっちゃうわけです。
このseesaaブログのスマホ対応は、パソコンでサイトに入ると「anry.seesaa.net/」というアドレスに入ってパソコン用デザインが表示されて、スマホで入ると『anry.seesaa.net/s/』というアドレスに入ってスマホ用デザインが表示されてるんです。
アメブロなんかでは、パソコン用は「ameblo.jp/anry/」で、スマホ用は『s.ameblo.jp/anry/』という風に自動で振り分けられてるみたいです。
seesaaはカテゴリ形式で振り分け、アメブロはサブドメイン形式で振り分けということみたいです。
こんな自動振り分けは「.htaccess(タクセス)」というファイルでパソコンやスマホなどのデバイスによってアクセスするURLを自動で振り分けるように設定すればできるみたいなんです。
…ということで、パソコン用は「anry.co/」で、スマホ用は『s.anry.co/』というように別々のサイトを作って自動振り分けをしようと取り組んでたんです。
ここ数週間、この別々のホームページを作って自動振り分けするためにスマホ対応ページを作ってたんですがこの２つのサイトの自動振り分けには１つ問題がありまして…。
サイトが別々なので更新する時にはサイトを２つとも更新しないといけないんです(涙)
休業日のお知らせやキャンペーン情報、配信している健康情報なども、追加するたびに２つのサイトを更新しないといけなくなっちゃうんです。
健康情報は月１回くらいの配信なので追加作業の１回、休業日のお知らせやキャンペーン情報は掲載する時と削除する時の２回、さらに２つのサイトだから２倍…。
めちゃくちゃ大変です(涙)
そうこう考えながらいろいろと勉強してたら、サイトは１つでもパソコン用とスマホようで自動でレイアウトだけ変更されるってのがあると知りまして…。
「レスポンシブウェブデザイン」っていうらしいんですが、これはかなり素晴らしいようです。
サイトは１つなので更新も１サイトだけ、なのにデザインはデバイスによって自動で変更してくれる…。
よしっ!!これに決めた!!…と「レスポンシブウェブデザイン」について勉強してたんですが、めちゃくちゃ難しい(号泣)
視覚障碍者の私にはひっくり返ってもできなさそうでした(汗)
…でさらに勉強してたら、『ワードプレス』ってのが出てきまして…。
このワードプレスっていうのはブログと同じようなシステムでホームページが更新できて、さらに「レスポンシブウェブデザイン」にも対応してたりするとか…。
初めての挑戦なのでワードプレスもレスポンシブウェブデザインもちんぷんかんぷんなんですが、2015年のホームページは『レスポンシブウェブデザインのワードプレスでホームページを作成』ということで頑張ります!!
このワードプレスってのは面白くて、ホームページとブログを同時に作れるんです!!
成長の過程を見たい方は「http://anry.co/」をご覧ください。
日に日にホームページが出来上がっていくのが見れますよ(笑)