logo

School,Webデザイン

WordPressでクラシックテーマを作成し、ブログを公開しました。。

ブログ公開しました。

こんにちは!増元ひかりです。

本日は、公開したブログのコンセプトやデザイン、工夫した点などお話していきたいと思います!

デザイン&コンセプト

今回のブログのテーマは、緑と時計です。
緑色が象徴する 「癒やし」と「成長」をテーマに、心を整えるひとときを届けられるように。。
そして、時計のモチーフには、 「このブログを読むことで、あの日あの時に戻れるような体験を」という願いを込めて作りました。
特に、私が気に入っているデザインは、このブログのメインビジュアルにある緑の時計です。

この時計なんと、、、

今現在の日本時間が表示されているのです!!

これを実装するのはとても苦労しました。。。
しかし、これをやり遂げたときは達成感でいっぱいになりました(*^^*)
いいものができたと思っています!

実装してみよう!

その後、実装してみてもっとアニメーション入れよう!!となり、
フェードアップアニメーションやホバーなどを取り入れ、サイトが面白くなったと思います。
ただ、スマートフォンにはホバーの機能がなくなることをすっかり忘れていました。。。
手が加えられたらもう少しアニメーションを足してもいいかも。

また、配置もスマホ版とPC版を比べながら、どのようにしたら見やすいか色々なバージョンで試してみました。今のこの配置が1番見やすいなと思い、納得がいっています。
ですが、もしかしたら、私には気づかなかった点などがあると思うため、
それはコメントをしてぜひ教えて下さい!お待ちしてます!!

今後改善したいところ

現時点で一番気になっているところは、

緑の時計がせっかく動いているのにそれが分かりづらいというところ!

今後、秒針を作って動かして見たり、何時になったらギミックがあったりなど加えていきたいと思います!

ブログサイトを作ってみて

最初作ったときは、2ページのHTMLしかありませんでした。そこから、たくさんのphpが増えていき、1つのサイトを作るのにここまで時間と苦労がかかっていることを知りました。
今までは、サイトのデザインばかりに注目していましたが、今後はコードにも注目してみようと思います!

完成おめでとう!!