サイトリニューアルしました【Ver.5】

なんだかんだで通算5回目のリニューアルになりました。

今までピンクや紫基調のデザインが多かったですが、今回はイエロー主体でやさしめポップな印象にしてみました。
黄色が（ピンクの次に）好きというのもあるし、黄色ってどんな色とも相性がいい気がするので、どんなテイストの作品を載せても調和するかなぁ、と思いまして。

全体的に薄いのでちょっと視認性は悪いかも？
でもまぁ本文と画像のメインコンテンツが見やすければいいだろう精神です。

さらにPC・タブレットでは全体的にミニマルな感じにまとめています。ちょっと見づらいかもですが、いかにも”個人サイト然”としてて可愛くなったのではないでしょうか。

色合いや全体のシンプル感など、Ver2くらいに回帰した感じですね。

続きを読む 🔽

【トップ絵のこと】
今回のトップ絵はタイトルをつけるなら「手癖リース」とでもいう感じでしょうか。
なんとなく好きな感じのものを詰め込みました。何も決めずにいきあたりばったりで。
電話しながら落書きしてるときみたいな、何が出てくるのかわからない感じを楽しむ感じで。

この辺もゆるく楽しく描くという原点回帰な感じです。最近ちょっと頑張りすぎな絵が多かったので；；

こういう力の抜けた絵が映えるようなデザインにしたので、シールを貼り替えるくらいの気分でこまめに新しいものを描けたらいいなと思っています。

そして、トップ絵にするために絵を描いたのはこれが初めてでした。
今までは描いたもので気に入ったものを流用してたので。



もうひとつのコンセプトは「忘れた頃の自分でも手に負えるシンプルデザイン」です。
前回のVerで、自分で＆BingAI（GPT-4）を使って作ったパーツやスクリプトはほぼそのまま流用したので、今回新たに書いたコードはほんの少しで済みました。

メインコンテンツが増えたり、HTMLをいじるのが久々な時でも、簡単にトップページのメニューリンクを貼れることを第一に考えました。

今回の特に大きな変更点は、「Doll/Craft」のページが復活したことです。
これまでハンドメイド系コンテンツは切り離したりMemoに統合したりと、長いこと扱いに手をこまねいてきましたが、最近またドール服などを作るようになって作品数が増えそうだったので、再び単独のコンテンツとして切り離すことにしました。

【ハンドメイド用ギャラリーの仕様を考える】
イラストギャラリーと違って、ハンドメイドのギャラリーはサムネ画像をクリックした時に画像を拡大するのではなく、個別のページに飛ぶ仕様にしたいと考えました。
制作過程や補足コメントなんかの文字情報（長文）や追加の写真情報を作品画像と並列で見せたいからです。

Wordpressだったらそういう仕様にするのは簡単なので、WordPress時代には実際そうしてたのですが、HTML手打ちサイトだとちょっと大変そうです。

前回リニューアル時にサイトのHTML化に踏み切った際に、ちょうどハンドメイドに飽きてたということもあり、そのようなギャラリーを実装することなくMemoに統合してアーカイブした経緯があります。
そこを今回のリニューアルで改めて着手した…という感じです。

”サムネ画像クリックで個別ページに飛ぶ仕様のギャラリー”を作るにあたって、更新のたびに自分でサムネ画像とHTMLページを作って…というのは考えただけでしんどかったので、ここでもてがろぐを活用させてもらいました。

【てがろぐの有償ライセンスを買う】
このタイミングでてがろぐの有償ライセンスを購入しました。

Doll/Craftのページはてがろぐを条件ごとに複数回に分けて呼び出して埋め込んでいる都合、クレジット表記も都度付属することになり、1ページ内に複数表示されることになるのが個人的にあまり美しくないと感じたので、有償ライセンスを購入することでクレジット表記を非表示にさせてもらいました。

それでなくても、なんらかの形で応援させていただきたいなと以前から思っていましたし、このサイトはてがろぐなしではもう成り立たないので。

【それにしても散らかりすぎ】
冒頭で「忘れた頃の自分でも手に負えるシンプルデザイン」と言いましたが、確かに１つ１つのページのデザイン自体はシンプルなので記憶喪失にでもならない限りメンテできると思います。

ただ、いろんなところに散らばったファイルを埋め込んだり呼び出したりしていて、構造的な意味ではグッチャグッチャです。
一回時間が空いて忘れてしまったら多分もう手に負えないので、記憶がHOTなうちに何かマップみたいなものを書いてメモしておかないとなぁ。。と思ってます。
見ている人には全く関係ないですね；；


#カスタマイズ #手打ちサイト #備忘録 #てがろぐ