hextra_mirror/exampleSite/content/docs/guide/shortcodes/callout.ja.md

title, linkTitle, aliases, prev

title	linkTitle	aliases	prev
コールアウトコンポーネント	コールアウト	callouts	/docs/guide/shortcodes

読者に重要な情報を表示するための組み込みコンポーネントです。

Note

GitHubスタイルのアラートはv0.9.0以降でサポートされています。 これはMarkdown構文を活用してコールアウトをレンダリングするため、コンテンツの移植性と可読性が向上します。

例

{{< callout emoji="👾">}} コールアウトとは、注意を引くための短いテキストです。 {{< /callout >}}

{{< callout type="info" >}} コールアウトとは、注意を引くための短いテキストです。 {{< /callout >}}

{{< callout type="warning" >}} コールアウトとは、注意を引くための短いテキストです。 {{< /callout >}}

{{< callout type="error" >}} コールアウトとは、注意を引くための短いテキストです。 {{< /callout >}}

使用方法

デフォルト

{{< callout emoji="🌐">}} Hugoはブログ、ポートフォリオ、ドキュメントサイトなど、様々な種類のウェブサイト作成に使用できます。 {{< /callout >}}

{{</* callout emoji="🌐" */>}}
  Hugoはブログ、ポートフォリオ、ドキュメントサイトなど、様々な種類のウェブサイト作成に使用できます。
{{</* /callout */>}}

情報

{{< callout type="info" >}} 最新リリースについてはGitHubをご覧ください。 {{< /callout >}}

{{</* callout type="info" */>}}
  最新リリースについてはGitHubをご覧ください。
{{</* /callout */>}}

警告

{{< callout type="warning" >}} このAPIは次のバージョンで非推奨になります。 {{< /callout >}}

{{</* callout type="warning" */>}}
  このAPIは次のバージョンで非推奨になります。
{{</* /callout */>}}

エラー

{{< callout type="error" >}} 問題が発生しました。まもなく爆発します。 {{< /callout >}}

{{</* callout type="error" */>}}
  問題が発生しました。まもなく爆発します。
{{</* /callout */>}}