Dressmaking

カテゴリ「サイト運営メモ」[119件](2ページ目)
今回ハンドメイドのギャラリーをてがろぐで作ってみて、イラストギャラリーの方もてがろぐにできそうだなと思ったけど、大量の過去絵があるから無理そう。

画像1枚あたり=1投稿ごとにカテゴリを付けたものを呼び出すことでセクションの出し分けをしているから、今と同じ感じの表示をしたいなら大量の画像を時系列順にカテゴリ分けしながら1枚ずつ1投稿しなくてはならない。

ギャラリーモードじゃなくて画像一覧モードを使えば記事の投稿を伴わずに画像だけを一気にまとめて表示もできるけど、その場合はちゃんと時系列順になるのかなぁ。

やるとしたら、過去絵は現状維持で完全に倉庫化して別ページに放り込む。
てがろぐ利用開始以後のイラストだけを新ギャラリーとして切り分けするとか。

できない理由を書いてるつもりだったけど、書いてるうちにできそうな気もしてきた。

イラストギャラリーをてがろぐ化するメリットは結構ある。
・現状のようにギャラリーとMemoに二重投稿する必要がなくなる
・FTPを介さなくて良くなるから更新作業がiPadだけでも楽にできる
・現状のギャラリーは1ページに大量に画像がありすぎて初訪問時に重すぎる問題が解決する

#てがろぐ #カスタマイズ #手打ちサイト
サイトリニューアルしました【Ver.5】

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

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

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

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

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

line

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

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

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

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

line

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

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

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

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

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

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

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

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

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

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

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

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


#カスタマイズ #手打ちサイト #備忘録 #てがろぐ
ギャラリーからファンアート等の掲載を取り下げていましたが、やっぱり戻すことにしました。

すっきりした綺麗なサイトを作りたかったのではなく、多少ごちゃごちゃしてしまっても自分の好きなものや、やってきたことが詰まったサイトを作りたいという初心に還ろうと思ったからです。
うん、やっぱりこの方がしっくりくる。動線悪そうなのでいずれ改装はしたいけど。。

ドール関係で作ったものやハンドメイド作品なんかも、いずれちゃんと撮影してギャラリーに載せたいなと思っています。
ドールやハンドメイド系はサイト分けた方がいいのかなと思うこともしばしばあるのだけど、前も言ったようにドール遊びや手仕事とイラストを描くことは自分の中で地続きなので分けることに違和感があるのです。
切り離すことがあるとすれば、現実との繋がりができるようなこと(販売とか)をする時なのかなぁ。

サイト内でブログを分ければいいんだろうけどそれは以前やってあまり上手くいかず、今の「てがろぐになんでも放り込んで後からギャラリーで整理する方式」だと不思議と気楽に更新ができるのです。

一応自分の中ではここはイラストサイトじゃなくて「ものづくりが好きで考え事が多い人のライフログサイト」というつもりで始めたことなので、(嫌でない方は)お付き合いいただければ幸いです。

#モチベーション #お知らせ
ある一定の条件下で当サイトにアクセスした際にサイト全体が404エラー表示になってしまっていた不具合を解消しました。

…って今まで一切見ることができていなかった方に向けてアナウンスしてもほぼ意味ないですが、一応お知らせまで。。

#お知らせ
ギャラリーからファンアート(二次創作と実在商品レポ系)の掲載を取り下げました。
気が変わるかもしれないので、一応戻せるようにはしてあります。

ここのMemoのページには、今後描く(or作る)ものも含めて引き続き掲載予定です。
サイトを作る前に描いていた古いファンアートについては突然消えた形になり恐縮です。。

#お知らせ
トップ絵変更
20231114182124-admin.png
トップ絵を変更&トップのデザインを少し変更しました。
反映されていない場合はお手数ですがキャッシュクリアをしてみてください。

以下こぼれ話。

line

以前の、トップ絵を丸くトリミングするデザインも可愛くて気に入ってたけど、絵の端っこが削ぎ落とされるのが勿体無いという貧乏性が発動してしまったので、四角いまま可愛く見せられる方法はないものか…と思い至り、チェキ風にしてみました。

私は正方形の絵を描くことが多いというのも相まって、今まで以上にサイト全体の雰囲気にマッチしたのではないかなと思います。

line

ところで、ここまで時間を掛けて1枚の絵を描いたのは本当に久しぶりです。
サイトに載せてる絵の中では一番時間かかったんじゃないかな。
別に今まで手を抜いてたとかでなく、ブランクが長かったので時間を掛けて絵を描くことができなくなっていたのです。

さいとうなおき先生が「とりあえず1枚の絵に10時間くらい掛けて描いてみよう」と言っていたことが自分の中で印象深かったので、それを一つの目安にしてみました。
いつも10時間くらい掛けてるつもりでいましたが、procreateの統計情報を見てみたらせいぜい1〜2時間、どんなに長くても5〜6時間くらいのものが殆どでしたね;; 体感時間は当てにならない。

これまで描くモチベーションを保ってこれたのは、サイトを作ったからこそだと思っています。
とりあえず今出せる全力は出し切りました。


#トップ絵 #カスタマイズ #創作全般 #イラスト
そういえば前のスマホではギャラリーモードでサムネ画像が正方形にトリミングされないという不具合が出てたのですが、新しいスマホではちゃんとトリミングされてますね。

古いスマホだとCSSのaspect-raitoプロパティが効かないとかあったのかな。
でもブラウザのバージョンは同じなんじゃないの…???よくわからん!

他にもいろんなところで意図しない表示崩れ起きてるんだろうなぁ。

#カスタマイズ #備忘録 #てがろぐ
リンク用バナーを変更しました

過去バナーの配布はいったん終了としましたが、ダウンロードして使ってくださっている方はそのままでも全く問題ありません。お好きな方を使っていただけたらと思います。

#お知らせ
ちょっぴりサイトメンテ

  • Memoの日付表示の復活
  • ギャラリー少し整理
  • いいねボタンお試し実装
  • その他書くほどでもない細かい調整


サイト改装しようと思ってたけど、今のデザインがやっぱりしっくりくるのでしばらくこれでいこうかなと思います。
デザイン性以外の部分で、改装時に直そうと思ってたところなどを手入れしました。

line

Memoの日付表示の復活
「こいつサイト更新しすぎだろ」と思われるのがなんか恥ずかしくて、Memoの各エントリーの日付を非表示にするというだいぶこじらせたことをしてましたが、やっぱり自分で過去記事読みなおす時とかに不便…というか風情の無さが気になったので、普通に日付表示をすることにしました。
自分のサイトを頻繁に更新するってなにも悪いことじゃないし、頻度も一つの生きた情報かなと。

ギャラリー少し整理
基本的には「サイトは自分データベース」という方針なので描いたものはすべてギャラリーにアーカイブしておくつもりだったんですが、ちょっと心境の変化があったのでそれに即した感じに整理しました。

今後も特に予告なくギャラリーは整理していくかもしれません。

一応すぐ戻せるようにはしてあるので、気が変わったら戻すかも。

ただ、アーカイブ性も担保したいという理由から、Memoには基本的にありのまますべて残します。
したがって、ギャラリー整理の対象はサイト作成以降のもののみで、古い絵はそのままです。古いものまで整理したら何も残らなさそうだったので…。

この方針にしたことで、Memoにはより実験的な絵も気楽に載せていけるようになったらいいなと踏んでます。

いいねボタンお試し実装
いいねボタン・改を実装してみました。

今のところ、お礼イラストもメッセージも何もありません。。
その代わりちょっとだけ可愛いことが起きます。
押下可能回数の上限を高めに設定したので、(人間だったら)実質ほぼ無限に押すことができます。

以前から何度か書いてると思うのですが私は「いいね」という概念が苦手なので、自分の中では「来たよ」ボタンとか「了解」ボタンくらいのつもりなのですが、サイトデザインに馴染ませる都合、ハートマークじゃないと何のボタンかわからなさすぎるのでとりあえずハートになりました。

諸事情であまりこまめに確認できないので、こちらからのリアクションとかも何もないと思いますが、押したいなと思った時に自由に押してくれたら嬉しいです。

エラーが出てしまうときや、押しても何も反応がない時はお手数ですがキャッシュクリアをしてみてください。

あくまでお試し設置なので、予告なく撤去する可能性があります。

その他書くほどでもない細かい調整
・持ち帰り用の旧バナーを撤去(既に使用中の場合はそのまま使っていただいて大丈夫です)
・スマホビューの時もMemoの上部に各種便利ボタンを表示(タブレットなどでは消えるor表示崩れの可能性あり)
・ほか、忘れるくらい細かいとこなど


#カスタマイズ #手打ちサイト #備忘録
サイトをリニューアルするたびに、この「サイト運営メモ」に自分で助けられています。
書いてる時は備忘録というより達成感(&説明したい病)で記録してる部分の方が大きいし、「こんな細かいこといちいち書いても誰も読まないだろう」と思ってしまうんですが、半年とか経ってから見ると、どういう意図でそのカスタマイズをやったのかも含めて書いてあるので当時の記憶も蘇って凄く助かるということがわかりました。

細かすぎることは非公開のメモに付けてますけど、そっちはあまり見返すことがないんですよね;
サイトの方が、一応人に向けて書いてるので、半分他人である未来の自分にとっても読みやすいし分かりやすいことが多いです。

#カスタマイズ #手打ちサイト
1 2 3 10 11 12