2024/8/12

エントリのアセットフィールドにaltの内容を表示する #craftcms

Craft CMS に画像とかのアセットのフィールドを設定する。

ボリューム毎にフィールドレイアウトの設定ができ、そこでaltのフィールドを追加する事ができる。

20240809-122538.png

これを追加する事で画像にaltを設定することができる

20240809-122621.png

alt は画像毎に設定するのがいいのか、利用箇所毎に設定するのがいいのかは色々考えがありそうだけど。

このaltに設定した内容は、エントリの編集画面から画像をクリックすれば画像の編集画面がスライドしてくるのでそこで確認できる。


画像のフィールドの表示を「カード」にするとエントリの編集画面上で alt を表示することができる。

20240809-122645.png

ボリュームのフィールドレイアウトで、alt フィールドの設定で「エレメントカードで表示」を有効にする。

20240809-122705.png

これをすることで、表示はカードっぽくなり、alt の内容も表示される。

20240809-122841.png

ぱっと見このテキストが alt フィールドのものなのかどうかはわかりにくいが、、、
慣れてしまえばあることがすぐ確認できてありがたい。

アセットフィールドの表示形式が「カード」以外の他の「リスト」「大きなサムネイル」の場合は alt フィールドの値は表示されない。

20240809-122733.png

アセットフィールドの表示形式で「カード」が追加されたのは最近なイメージだけど、場所をとるからどうなんだろうなぁ、、、と思ったりしていた。
このブログの設定もこんな感じで Matrix の中にリストにしてある。

20240809-125619.png

とはいえ、こういう用途があるなら常に「カード」にしておくのもいいかもなぁと思い始めている。

フィールド毎に表示形式を選べるよりは、インスタンスで同じフィールドも複数設置できるので、フィールドレイアウトの方で表示形式の設定をできたり、上書き出来るといいのかもなぁ、、と思ったりもする。

とはいえこういう細かい改善は、著者の人にとって使いやすくするための改善なんだろう。