
* chore(docs): rename `exampleSite` to `docs` and create `examples` * chore(build): update build script to support new version format and source directories; add v0.10 to documentation menu
4.6 KiB
title, linkTitle, aliases, prev
title | linkTitle | aliases | prev | |
---|---|---|---|---|
コールアウトコンポーネント | コールアウト |
|
/docs/guide/shortcodes |
読者に重要な情報を表示するための組み込みコンポーネントです。
Note
GitHubスタイルのアラートはv0.9.0以降でサポートされています。 これはMarkdown構文を活用してコールアウトをレンダリングするため、コンテンツの移植性と可読性が向上します。
例
{{< callout >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
{{< callout type="info" >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
{{< callout type="warning" >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
{{< callout type="error" >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
{{< callout type="important" >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
デフォルト
{{< callout >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
{{</* callout */>}}
**コールアウト** は注目を集めることを目的とした短いテキストです。
{{</* /callout */>}}
Info
{{< callout type="info" >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
{{</* callout type="info" */>}}
**コールアウト** は注目を集めることを目的とした短いテキストです。
{{</* /callout */>}}
Warning
{{< callout type="warning" >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
{{</* callout type="warning" */>}}
**コールアウト** は注目を集めることを目的とした短いテキストです。
{{</* /callout */>}}
Error
{{< callout type="error" >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
{{</* callout type="error" */>}}
**コールアウト** は注目を集めることを目的とした短いテキストです。
{{</* /callout */>}}
Important
{{< callout type="important" >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
{{</* callout type="important" */>}}
**コールアウト** は注目を集めることを目的とした短いテキストです。
{{</* /callout */>}}
カスタムアイコン
{{< callout icon="sparkles" >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
{{</* callout icon="sparkles" */>}}
**コールアウト** は注目を集めることを目的とした短いテキストです。
{{</* /callout */>}}
{{< callout type="important" icon="sparkles" >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
{{</* callout type="important" icon="sparkles" */>}}
**コールアウト** は注目を集めることを目的とした短いテキストです。
{{</* /callout */>}}
絵文字
{{< callout emoji="🌐" >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
{{</* callout emoji="🌐" */>}}
**コールアウト** は注目を集めることを目的とした短いテキストです。
{{</* /callout */>}}
{{< callout type="info" emoji="ℹ️" >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /callout >}}
{{</* callout type="info" emoji="ℹ️" */>}}
**コールアウト** は注目を集めることを目的とした短いテキストです。
{{</* /callout */>}}
オプション
パラメータ | 説明 |
---|---|
type |
コールアウトのタイプ。(デフォルト、info 、warning 、error ) |
emoji |
コールアウトの前に表示される絵文字。 |
icon |
コールアウトの絵文字 (タイプに関連、またはカスタム絵文字にすることもできます)。 |