画像したい（{{< figure >}}）

• 本文

![](画像ファイルのパス)

• 出力

<img src="画像ファイルのパス">

キャプションしたい

• ショートコード

{{< figure src="画像ファイルのパス" title="画像のタイトル" >}}

• 出力

<figure>
    <img src="画像ファイルのパス">
    <figcaption><h4>画像のタイトル</h4></figcaption>
</figure>

画像の表示を制御したい場合は、ビルトインの{{< figure >}}ショートコードを使います。

オプションしたい

figureショートコードは、さまざまなオプションに対応しています。

• src: 画像のパスもしくはURL

• alt: alt属性

• title: 画像のタイトル

• caption: 画像のキャプション

• class: class属性

• height: height属性

• width: width属性

• loading: loading属性

• attr:

• attrlink:

• link: 画像からリンクさせるURL

  • target: target属性

  • rel: rel属性