画像のリサイズ・トリミング可能な自作ショートコード

このテーマ内で画像のリサイズ・トリミングができる「custom-figure」というショートコードを作成しました。

使い方

• Hugo標準のfigureショートコードの機能をそのまま使えます
• HugoのImage Processingで使えるResize、Fit、Fillが使えます

Image Processingについてはこちらをチェック

Image processing

Resize, crop, rotate, filter, and convert images.

{{< custom-figure src="image.png" title="Resize スイカ" Resize="320x180" >}}

{{< custom-figure src="image.png" title="Fit スイカ" Fit="320x180" >}}

{{< custom-figure src="image.png" title="Fill スイカ" Fill="320x180" >}}

{{< custom-figure src="image.png" title="Crop スイカ" Crop="320x180" >}}

表示例

元画像は512x512です