Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

バナー

最終更新 Markdown で表示Agent セットアップ

Frontmatter に追加できるフィールドの 1 つが banner です。ページ上部に目立つセクションを表示し、リンクや書式向けの HTML を使えます。

破壊的な状況を知らせるときだけ使い、不要になったら削除してください。

---
title: Banner
description: How to display a banner at the top of the page and when to use it.
banner:
  content: Do <strong>not</strong> use banners in the <a href="/style-guide/build-the-page/frontmatter/">Frontmatter</a> unless a change will cause customer application to break.
---

スタイル / 種類

Note

note バナーは、重要な情報を知らせるときに使います。

---
title: Banner
description: How to display a banner at the top of the page and when to use it.
banner:
  content: Ensure you read this!
  type: note
---

Tip

tip バナーは、重要な提案を知らせるときに使います。

---
title: Banner
description: How to display a banner at the top of the page and when to use it.
banner:
  content: Consider this alternative!
  type: tip
---

Caution

caution バナーは、今後の破壊的な変更を警告するときに使います。

---
title: Banner
description: How to display a banner at the top of the page and when to use it.
banner:
  content: This is deprecated and will break on <strong>1970-01-01</strong>!
  type: caution
---

Danger

danger バナーは、エラーを知らせるときに使います。

---
title: Banner
description: How to display a banner at the top of the page and when to use it.
banner:
  content: This has been removed!
  type: danger
---

Default

default バナーは、上記以外の場合に使います。

---
title: Banner
description: How to display a banner at the top of the page and when to use it.
banner:
  content: Do <strong>not</strong> use banners in the <a href="/style-guide/build-the-page/frontmatter/">Frontmatter</a> unless a change will cause customer application to break.
---

役に立ちましたか?