サンプルサイト作成しました！【その2】

はい！

サンプルサイトです！

今回のテーマは「ダイビングスクール🐬」

がっつりと写真を使うタイプのサイトですね。
とにかく写真で「伝える」ということをせねばなりません。

今回ちょっとこだわりました😝
作るにあたって、あちこち拝見させていただいたんですが、ダイビングショップやスクールの目的って2パターンあるんですよね💫

1.資格取得を目的としたり、経験者がツアーに利用するような、日常的にがっつりダイビングを趣味とする人向け

2.想い出づくりの一環として、観光地や未経験者のとしてダイビングを、楽しくおしゃれにやってみたい人向け

大体この二つでした。そしてそれぞれによってが全く違うんですね🐙面白い！

今回私が作ったのは、後者のほう。
思い出づくりの一環としてのダイビングサイト。

そして私が今回、こだわったのは「まるで写真を想い出アルバムにしたようなサイト」です。

遊び心のある、見てて楽しそうだな、かわいいなと思えるようなサイトにしたいと思いました🐠

まずは、今回使ったWordPressテーマは「Luxeritas-ルクセリタス-」。

お師匠様からは、「こーゆーのだと、HTML書いちゃった方が早いですよ」とアドバイス頂きましたが、とにかく「Luxeritas-ルクセリタス-」を慣れたかった私は、無理やり当てはめました😆💦

「Luxeritas-ルクセリタス-」はこちらからダウンロードできます☟

それを使い、せっせと作り上げたのがこちら☟

サンプルサイト：ダイビング

ちゃんとスマホ対応してますよ⭐

いやあ、いつもそうなんですが、デザイン案作るときは、あーしたいこーしたいで作っちゃうんですけど、いざ実装をし始めると後悔の嵐😂なんでこんなめんどくさいもの作ったんだろうと、自分を呪いますｗ

でも、前に比べれば、ずいぶんと早くなりましよ👍力は徐々に身についてます💪

一番こだわったのは、背景の切り替えの部分に手描きで波を描いたり、水泡を描いたり、入道雲を入れたり。

写真も、ただ張り付けるではなく写真を縁取りしたり落書きしたり✏

魚を切り抜いて、ペンで縁取りしたような感じを出して、手作りアルバムのようにランダムに張り付けていく✂

こんなんですね。

ただ、その背景にこだわったがゆえに、スマホ対応が…😂
ただ、縮小できると思っていたのが大間違い😱

そりゃそーだ。スマホ対応用にテキストサイズも画像配置もいじってるのに合うはずがない…

ただ縮小することすらなかなか私の技術では対応できず、結局背景を6分割し、それぞれのコンテンツに対応させていく方法になりましたｗ
多分そーなるんだろうけど、何か私でも出来る簡単な方法は…と思ったが駄目でしたねｗ

までも、お陰様で綺麗に妥協することなく、元のデザイン案通りに出来上がりました👏
今の私にしては力作ですｗていうか、お気に入り💖

やはり、実際に作るのが一番勉強になります✊

この調子で…よし！次行ってみよーー！！💨💨💨