弊テンプレートでのNo image代替画像設定について

2024/02/05

2023/09/12

vanillaice (Akira)

なんとも表現しづらいけれども、『サムネイル, OGPの選出条件を満たさない場合(対象画像が存在しない)場合に代替として表示させる画像あるいは背景』のことです。わかりづれぇ (∵`)
『No image代替画像』で概ね通じるかと思います。

全テンプレートを対象とした修正を行っている最中で、この記事を書いている現時点で『ordinary_days』の上書き登録準備が完了したところです。つまりもう少しで全作業を終える、という段階にきています。

修正中にいくつかのご質問に回答する過程で『No image代替画像の指定』についてもう少し考える必要があるのかな、と感じまして。まず、No imageに関する表示は以下の3パターンです。

表示領域なし
画像ではなく背景 + No imageの文字
画像 + 画像上レイヤー + No imageの文字

1のパターンはそもそも表示領域がありませんので今回の件とは無関係です。2のパターンは領域に背景色のみを指定し、『画像なし』であることがわかるよう『No image』の文言が表示されます。

3のパターンは『代替画像』を表示させ、画像編集の必要が生じないよう『No image』の文字を載せ、背景と文字が同化しないよう画像と文言の間に『レイヤー(マスク)』を挟むみます。

それぞれのパターンで処理の仕方が異なり、今回の大規模修正で「No imageの変更が簡単になりましたよ」とお伝えしているわけですが、私の意図としては2のパターンでは「背景色及び文言を簡単に変更」3のパターンでは「画像及びレイヤー及び文言を簡単に変更」と、それぞれのパターンに則したカスタマイズを想定しています。

ところが、デフォルトが2のパターン(代替画像なし)のテンプレートでも代替画像を簡単に指定できると考える方が少なくないようなので、ordinary_daysからはそれも可能にしてあります。サンプルとして以下のような感じです。

注意点として、ダークモード対応テンプレートは記述箇所が離れています。『light/dark 共通』『lightmode』『darkmode』というまとまりにそれぞれ収まっており、1箇所に集まっていません。ダークモード対応テンプレートでは色に関する設定はlightとdarkで分離されている点に留意してください。

あとややこしいことに、これはFC2ブログのシステムと関連していますけれども、「ブログ個人設定で代替画像指定を行っているのに二度手間じゃないか」というご意見もあるかと思います。その件については以下の記事をご参照の上ご理解とご協力をお願いします。ブログ個人設定を活かすにはテンプレートのHTMLを変更する必要があり、HTMLのカスタマイズミスはCSSのそれと比べて重篤なものが多いので、できるだけCSSで済ませたい、済ませてほしい ^^;

これを既に修正済みのテンプレートに遡って適用するべきかどうか。まぁでもやった方が良いのだろう (∵`)

みなさんにお願いなんですが、アップデートを予定されている方、既にアップデート済みの方も、『修正完了』の記事が出るまで再修正が無いかどうかしばらく追ってみてください。専用記事をチェックして頂ければ、と思います。その都度ちょこちょことアナウンスしていると、登録してくださっている方々に不要かもしれないアラートが何度も届いて申し訳ないので、自主的にチェックしてもらえると助かります。

また、急ぎ足での修正のため、見落としなどもあるかと思います。不具合やミスと思われる点に気づかれた際はお知らせ頂ければ幸いです。

それとまたしても私自身の使用テンプレートに共有テンプレートの内容を上書きしてしまった。バカかよ (；ωq｀)
見づらい点等ありましたらこちらも併せてご指摘頂けるとありがたいです。ごめんなさい。

Comment