バナーとダイアログをカスタマイズする

Consent ダイアログは、訪問者が最初に目にするものです。見た目、テキスト、動作は、ファイルに触れることなく管理画面で設定します。その際、ダイアログ（ボックス）とバー（バナー）は、それぞれ独自の色の組を持つ別々のエディターになっています。

基本設定とテキスト

1. WordPress メニューの「Kakapo Consent」を開き、左のナビゲーションの「Consent」の下で「ダイアログ」（ドイツ語：„Dialog“）の項目を選びます。
2. カード「基本の形と表示位置」で「表示形式」（ボックスまたはバー）、「表示位置」（下、上、中央）、「アクセントカラー」を決めます。
3. カード「テキスト」でタイトルとメッセージ、および四つのラベル「同意する」「設定」（ドイツ語：„Einstellungen“）「拒否」「選択を保存」を入力します。
4. その下の「サービスごとの個別同意」をオンにすると、訪問者が設定の画面でスキャンされた各サービスを一つずつ許可できます。
5. カード「プレビュー」で結果を確かめます。実際のフロントエンドのコンポーネントが表示され、デスクトップ (1280)、タブレット (768)、モバイル (390) に切り替えられます。

ダイアログの微調整

• 「サイズと微調整」: 角の丸み 0 から 32、幅 380 から 900、基本の文字サイズ 12 から 18、影（影なし、控えめ、中、強い）、表示の仕方（なし、ふんわり表示、下からせり上げ、ズームイン）
• 「ボタンと入口」: ボタンの角の丸み 0 から 24、並びは自動（横並び）または縦並び、拒否ボタンの重み（同等に見せる、控えめ、隠す）、入口は概要から、または直接、詳細の表示から
• 「オーバーレイ」: 色、不透明度 0 から 90、ぼかし 0 から 12 — 暗転が描かれるのは中央のダイアログのときだけ、つまりレイアウト「ボックス」かつ表示位置「中央」のときです
• 「ロゴ」: メディアライブラリの画像、または URL。配置は左、右、中央、高さは 16 から 120 ピクセル
• 「動作」: 明示モード、閉じる X、Cookie の実行時間を表示、「機能」を「必須」にまとめる、空のカテゴリーを隠す
• 「フッターのリンク」: プライバシーポリシー、運営者情報、Cookie ポリシー。リンクごとに公開済みのページか、別の URL を選べます

バーには独自の一式があります

メニュー項目「バナー」（ドイツ語：„Banner“）には、全幅のバーのエディターがあります。プライマリカラー、テキスト、背景、ボタンのテキストに独自の色、独自のフォント選択、そして上または下の表示位置を持ちます。入力欄「バーのメッセージ」は、内容の上ではダイアログのテキストから独立しています。空のままなら、バーはダイアログと同じテキストを表示します。どちらのエディターが効くかは「全般」（ドイツ語：„Allgemein“）の「表示モード」が決めます — 固定の選択にすると、もう一方のメニュー項目はなくなります。

独自の CSS

ダイアログのパネルには入力欄「Custom CSS」があります。これはフロントエンドで Consent の出力の直後に読み込まれ、ダイアログ、バー、ウィジェットに等しく効きます。HTML タグは保存のときに取り除かれます。レンダラーがインラインスタイルで動くため、たいてい「!important」が必要です。ダイアログには固定の識別子が付いており、各ボタンにも付いています（とりわけ .kwpc-btn-accept-all、.kwpc-btn-reject、.kwpc-btn-save）。

#kwpc-banner