ナビゲーションを閉じる（1/2）
ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。
画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。
sample-12701 / core/navigation-overlay-close 基本形【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close /-->sample-12702 / core/navigation-overlay-close displayMode：displayMode="icon"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close /-->sample-12703 / core/navigation-overlay-close displayMode：displayMode="text"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"displayMode":"text"} /-->sample-12704 / core/navigation-overlay-close displayMode：displayMode="both"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"displayMode":"both"} /-->sample-12705 / core/navigation-overlay-close text：text="短いサンプル"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"text":"短いサンプル"} /-->sample-12706 / core/navigation-overlay-close text：text="長いサンプルの文章で折り返し方と余白の見え方を確認します。"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"text":"長いサンプルの文章で折り返し方と余白の見え方を確認します。"} /-->sample-12707 / core/navigation-overlay-close backgroundColor：backgroundColor="key-color"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"key-color","textColor":"white"} /-->sample-12708 / core/navigation-overlay-close backgroundColor：backgroundColor="red"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"red"} /-->sample-12709 / core/navigation-overlay-close backgroundColor：backgroundColor="pink"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"pink"} /-->sample-12710 / core/navigation-overlay-close backgroundColor：backgroundColor="purple"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"purple","textColor":"white"} /-->sample-12711 / core/navigation-overlay-close backgroundColor：backgroundColor="deep"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"deep","textColor":"white"} /-->sample-12712 / core/navigation-overlay-close backgroundColor：backgroundColor="indigo"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"indigo","textColor":"white"} /-->sample-12713 / core/navigation-overlay-close backgroundColor：backgroundColor="blue"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"blue"} /-->sample-12714 / core/navigation-overlay-close backgroundColor：backgroundColor="light-blue"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"light-blue"} /-->sample-12715 / core/navigation-overlay-close backgroundColor：backgroundColor="cyan"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"cyan"} /-->sample-12716 / core/navigation-overlay-close backgroundColor：backgroundColor="teal"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"teal"} /-->sample-12717 / core/navigation-overlay-close backgroundColor：backgroundColor="green"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"green"} /-->sample-12718 / core/navigation-overlay-close backgroundColor：backgroundColor="light-green"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"light-green"} /-->sample-12719 / core/navigation-overlay-close backgroundColor：backgroundColor="lime"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"lime"} /-->sample-12720 / core/navigation-overlay-close backgroundColor：backgroundColor="yellow"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"yellow"} /-->sample-12721 / core/navigation-overlay-close backgroundColor：backgroundColor="amber"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"amber"} /-->sample-12722 / core/navigation-overlay-close backgroundColor：backgroundColor="orange"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"orange"} /-->sample-12723 / core/navigation-overlay-close backgroundColor：backgroundColor="deep-orange"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"deep-orange"} /-->sample-12724 / core/navigation-overlay-close backgroundColor：backgroundColor="brown"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"brown"} /-->sample-12725 / core/navigation-overlay-close backgroundColor：backgroundColor="light-grey"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"light-grey"} /-->sample-12726 / core/navigation-overlay-close backgroundColor：backgroundColor="grey"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"grey"} /-->sample-12727 / core/navigation-overlay-close backgroundColor：backgroundColor="dark-grey"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"dark-grey"} /-->sample-12728 / core/navigation-overlay-close backgroundColor：backgroundColor="cocoon-black"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"cocoon-black"} /-->sample-12729 / core/navigation-overlay-close backgroundColor：backgroundColor="cocoon-white"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"cocoon-white"} /-->sample-12730 / core/navigation-overlay-close backgroundColor：backgroundColor="watery-blue"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"watery-blue"} /-->sample-12731 / core/navigation-overlay-close backgroundColor：backgroundColor="watery-yellow"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"watery-yellow"} /-->sample-12732 / core/navigation-overlay-close backgroundColor：backgroundColor="watery-red"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"watery-red"} /-->sample-12733 / core/navigation-overlay-close backgroundColor：backgroundColor="watery-green"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"watery-green"} /-->sample-12734 / core/navigation-overlay-close backgroundColor：backgroundColor="ex-a"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"ex-a"} /-->sample-12735 / core/navigation-overlay-close backgroundColor：backgroundColor="ex-b"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"ex-b"} /-->sample-12736 / core/navigation-overlay-close backgroundColor：backgroundColor="ex-c"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"ex-c"} /-->sample-12737 / core/navigation-overlay-close backgroundColor：backgroundColor="ex-d"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"ex-d"} /-->sample-12738 / core/navigation-overlay-close backgroundColor：backgroundColor="ex-e"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"ex-e"} /-->sample-12739 / core/navigation-overlay-close backgroundColor：backgroundColor="ex-f"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"ex-f"} /-->sample-12740 / core/navigation-overlay-close textColor：textColor="key-color"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"key-color"} /-->sample-12741 / core/navigation-overlay-close textColor：textColor="red"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"red"} /-->sample-12742 / core/navigation-overlay-close textColor：textColor="pink"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"pink"} /-->sample-12743 / core/navigation-overlay-close textColor：textColor="purple"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"purple"} /-->sample-12744 / core/navigation-overlay-close textColor：textColor="deep"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"deep"} /-->sample-12745 / core/navigation-overlay-close textColor：textColor="indigo"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"indigo"} /-->sample-12746 / core/navigation-overlay-close textColor：textColor="blue"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"blue"} /-->sample-12747 / core/navigation-overlay-close textColor：textColor="light-blue"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"light-blue"} /-->sample-12748 / core/navigation-overlay-close textColor：textColor="cyan"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"cyan"} /-->sample-12749 / core/navigation-overlay-close textColor：textColor="teal"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"teal"} /-->sample-12750 / core/navigation-overlay-close textColor：textColor="green"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"green"} /-->sample-12751 / core/navigation-overlay-close textColor：textColor="light-green"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"light-green"} /-->sample-12752 / core/navigation-overlay-close textColor：textColor="lime"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"lime"} /-->sample-12753 / core/navigation-overlay-close textColor：textColor="yellow"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"black","textColor":"yellow"} /-->sample-12754 / core/navigation-overlay-close textColor：textColor="amber"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"amber"} /-->sample-12755 / core/navigation-overlay-close textColor：textColor="orange"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"orange"} /-->sample-12756 / core/navigation-overlay-close textColor：textColor="deep-orange"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"deep-orange"} /-->sample-12757 / core/navigation-overlay-close textColor：textColor="brown"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"brown"} /-->sample-12758 / core/navigation-overlay-close textColor：textColor="light-grey"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"backgroundColor":"black","textColor":"light-grey"} /-->sample-12759 / core/navigation-overlay-close textColor：textColor="grey"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"grey"} /-->sample-12760 / core/navigation-overlay-close textColor：textColor="dark-grey"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"dark-grey"} /-->sample-12761 / core/navigation-overlay-close textColor：textColor="cocoon-black"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"cocoon-black"} /-->sample-12762 / core/navigation-overlay-close textColor：textColor="cocoon-white"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"cocoon-white"} /-->sample-12763 / core/navigation-overlay-close textColor：textColor="watery-blue"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"watery-blue"} /-->sample-12764 / core/navigation-overlay-close textColor：textColor="watery-yellow"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"watery-yellow"} /-->sample-12765 / core/navigation-overlay-close textColor：textColor="watery-red"【コピー用コード】
サイトエディターのナビゲーションオーバーレイ内で、閉じる操作を確認してください。
<!-- wp:navigation-overlay-close {"textColor":"watery-red"} /-->