a-blog cms 一覧画像を優先順位をつけて出し分ける

以前のブログはこちら

広告

こんにちは。ましじめの田村です。

私が執筆した著書、『現場のプロから学ぶ CSSコーディングバイブル』は、Web制作の現場で役立つテクニックやノウハウをまとめています。
興味を持っていただけた方は、ぜひご覧ください。
https://amzn.to/3A8kNHC

このリンクは Amazon のアフィリエイトプログラムを通じて設定されています。

a-blog cmsでエントリーサマリーで決まった優先順位で画像を表示させたい場合があったとします。

「カスタムフィールドの画像があれば表示」

「なければユニットの画像を表示」

「なければダミー画像を表示」

という優先順位をつけて画像を表示したいというケースでは次のコードで実現出来そうです。

  <!-- BEGIN_IF [{entry_image@path}/isset/] -->
  <img src="%{MEDIA_ARCHIVES_DIR}{entry_image@path}[resizeImg(400,400)]" alt="">
  <!-- ELSE_IF [<!-- BEGIN image:veil -->{path}<!-- END image:veil -->/isset/] -->
  <!-- BEGIN image:veil -->
  <img src="%{ROOT_DIR}{path}[resizeImg(400,400)]" alt="">
  <!-- END image:veil -->
  <!-- ELSE -->
  <img src="/assets/img/dummy/noImage.png" alt="">
  <!-- END_IF -->

例はentry_imageというカスタムフィールド名とします。

決まった優先順位で画像を表示させたい場合に参考にしてみてください。


関連するタグ

全 1 件中 1 〜 1 件目を表示

この記事を書いた人

たむら しょうご

HTML&CSSコーダー

ウェブアクセシビリティ対応、フロントエンド開発、CMSを利用したウェブサイト制作を担当しています。
趣味はガーデニングです。

ましじめのスキルが必要ですか?

遠慮なくご相談ください。我々はあなたのプロジェクトに最善を尽くし、あなたのウェブサイトの制作を強力にサポートいたします。

お問い合わせはこちらから