post_category_banner.liquid

post_category_banner.liquid用於展示部落格文章分類頁橫幅

範本變數

變名稱	類型	描述
`post_category`	Array	部落格文章分類
`post_category.banner_media`	Object	部落格文章分類橫幅圖片
`post_category.banner_media.url`	String	部落格文章分類橫幅圖片 URL
`post_category.banner_media.width`	Integer	部落格文章分類橫幅圖片原始寬度
`post_category.banner_media.height`	Integer	部落格文章分類橫幅圖片原始高度
`post_category.banner_media.alt`	String	部落格文章分類橫幅圖片 ALT 屬性

範例

以下是部落格文章分類橫幅圖片展示範例：

{% if post_category.banner_media != blank %}
  {% assign width = post_category.banner_media.width %}
  {% assign height = post_category.banner_media.height %}
  {% assign alt = post_category.banner_media.alt %}
  {{
    post_category.banner_media.url
    | image_tag:
      class: 'post-category-banner',
      widths: 'auto',
      sizes: 'auto',
      origin: width,
      loading: 'lazy',
      width: width,
      height: height,
      alt: alt
  }}
{% endif %}