ZenCartのテンプレート作成

昨日に引き続き、スタイルシートの手直しをしました。
直すところはほぼ同じなので、特別困ることもなく順調にすすみました。
ただ、デザイン的に気に入らないものがいくつかありました。
考えた当時はきっとこれがベストだと思ったんでしょうね・・・。
このテンプレートは、以前ブログでも書いた「初心者用のZenCartサイト」に掲載します。
使ってくれる人がいるとイイなぁ~。

あと今日は会議があり、会社としてやっていかなくてはならない事が見えました。

FTPでのアップロード,ZenCartのカスタマイズ

今日はまず「FTPとは何か?」というところから入っていきました。
今まで何回か使ったことはあったのですが、詳しい説明を聞くのは初めてです。
使ったことがあるのでなんとなく「こんなモノかな?」というイメージはありました。説明を聞くことでぼんやりとしたものが、はっきりとしてきました。とりあえずFTPが何の略かがわかっただけでも、相当理解しやすくなりました!

今日で一通り終わったので、再びZenCartのテンプレート作成に移ります。
改めてスタイルシートを見返してみると、修正する箇所が次から次へと。
きっと今までだったら疑問にも思わなかった所も気づく事が出来るようになりました。
Drupalで修業した成果だ!と少し嬉しくなりました。

ZenCartのカスタマイズ,見直し

一通り作り終えたところで、もう一度細かい部分まで見直してみることにしました。
思ったとおり直しが必要な箇所がいくつか見つかってしまいました。
それから、前はイイと思っていたのに改めて見てみると「なんか変!」と感じるモノもありました。
なんでその時に気づかなったのか自分でも不思議に思いますが、気を取り直して直しの作業に取り掛かります。

これで大丈夫!
手直ししたことによって、パッと見の印象が断然よくなりました!!

ZenCartのカスタマイズ

今日で四日目。
感覚をだいぶつかむことができたので、作業を進めるのが速くなってきました!
なんかおかしいと思ったら「あそこが間違っているのかな」とパッと思い浮かぶようになりました。
最初は本を見ながら「ここかな?」と探り探りしていたので、少しは進歩できたかなと思います。

一応今日で一通りのデザインを完成に近づけられました。
なんか暗い色のものが多かったので、もっと明るいものも作ればよかった・・・。

ZenCartのカスタマイズ

昨日教わったことを実践していきます!
「できるかな・・・。」
と多少の不安もありましたが、教わったことを思い返しながらやっていくと角に丸みのある枠を作ることができました。
角を丸くするのはCSSで簡単にできると思っていたのですが、画像を組み合わせて作っていくんですね。予想外のところで手間取ってしまいました。
またひとつ勉強になりました!

ZenCartのカスタマイズ

自分のイメージしたものが実際に出来上がるとなんだか少し感動します。
少し直すところもありますが、今日は3パターンのデザインを完成させました。

今日は、「角に丸みのある枠を作るにはどうしたらいいか」
ということで悩みました。
方法を教わったので明日は実行です!

GIMPでパーツの切り抜き、ZenCartのカスタマイズ

先週までに作り終えたデザインを今度はパーツごとに切り抜いていきます。
切り抜くときはパーツそのままを切り抜くのではなく、サイズを小さくできるところはなるべく小さくしていきます。
以前同じ作業を行ったときは、そのままを切り抜き失敗してしまいました。
一見簡単そうなのですが、グラデーションやパターンのことを考えながらすると案外手間取りました。

パーツの切り抜きが終わると次は実際にcssでデザインを起こしていきます。
久しぶりにZenCartのカスタマイズです。
復習しつつ進めていきたいです!

デザインの見直し

昨日で一段落したのですが、見直してみると気になる部分がでてきました。

特に一番最初に作ったもの!今見るとなんか納得いきません。
出来上がった時は「やった~!」と心の中で喜んでいたのですが・・・。
基本の色なんかは変えずに手直ししてみると、以前より良くなりました。
最初はあのデザインを考えるのだけで精一杯だったことを思うと、一週間で少し成長できたのかなと思います。

GIMPを使ってZenCartのデザインを考える4

デザインを考えッ続けて約一週間、今日までに16種類完成しました。
何度か煮詰まる時もありましたが、順調に進めたのではないかなと思います。

完成した16種類を並べて見てみると
「なんでこんなの作ったんだろう?」
と自分でも疑問に思ってしまうものもありましたが・・・。

そんな中で自分の中でのお気に入りも数種類あります!それがデザイン的に良いか悪いかは分かりませんが。自分で納得のいくものを作れると、なんだか達成感があり嬉しいです!

今日でデザインの方は一段落。今度はそれを利用して次の段階に進みます。

GIMPを使ってZenCartのデザインを考える3

昨日ブログで書いたように「共通点」を見つけたことで、かなりイメージが湧きやすくなりました。
「〇〇の商品を取り扱っているショップのデザインを考えよう」
と思ったとき、まず最初に色が浮かび上がってきます。
そのイメージを形にしていくと、「なかなかいい!」と思えるものから「・・・。」となるものも。
どちらにしても最初のイメージを大切にしていくのは、結構重要な事なのかなと思いました。
もし自分のイメージしていたものがいまいちだったとしても、そこから新しい発想が浮かんできます。

もちろん自分の考えだけに縛られていてはいけません。柔軟な気持でやっていきたいです。