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 >}} コールアウト は注目を集めることを目的とした短いテキストです。 {{< /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	コールアウトの絵文字 (タイプに関連、またはカスタム絵文字にすることもできます)。