Personnaliser le bandeau et la fenêtre

La fenêtre Consent est la première chose que voient vos visiteurs. Vous réglez l'apparence, les textes et le comportement dans l'administration, sans toucher à un fichier. La fenêtre (boîte) et la barre (bandeau) disposent pour cela d'éditeurs séparés, avec leurs propres jeux de couleurs.

Paramètres de base et textes

1. Dans le menu WordPress, ouvrir « Kakapo Consent » et, dans la navigation de gauche, choisir sous « Consent » l'entrée « Fenêtre » (en allemand : „Dialog“).
2. Dans la carte « Forme de base & position », définir l'« Affichage » (boîte ou barre), la « Position » (En bas, En haut, Au centre) et la « Couleur d'accentuation ».
3. Dans la carte « Textes », saisir le titre et le message ainsi que les quatre libellés « Accepter », « Paramètres » (en allemand : „Einstellungen“), « Refuser » et « Enregistrer la sélection ».
4. En dessous, activer « Consentement granulaire à l'unité » si les visiteurs doivent pouvoir autoriser individuellement chaque service détecté par l'analyse dans la vue des paramètres.
5. Vérifier le résultat dans la carte « Aperçu » : elle montre le véritable composant tel qu'il apparaît côté public et se laisse basculer sur ordinateur (1280), tablette (768) et mobile (390).

Réglage fin de la fenêtre

• « Dimensions & réglage fin » : rayon des coins de 0 à 32, largeur de 380 à 900, taille de police de base de 12 à 18, ombre (Aucune ombre, Discrète, Moyenne, Forte) et apparition (Sans, Apparition en fondu, Glissement depuis le bas, Ouverture)
• « Boutons & entrée en matière » : rayon des boutons de 0 à 24, disposition automatique (côte à côte) ou les uns sous les autres, poids du bouton Refuser (Traiter à égalité, Discret, Masquer) et entrée par l'aperçu ou directement par la vue détaillée
• « Overlay » : couleur, opacité de 0 à 90 et flou de 0 à 12 — l'assombrissement n'est dessiné que pour la fenêtre centrée, donc avec la disposition « Boîte » et la position « au centre »
• « Logo » : image issue de la médiathèque ou sous forme d'URL, alignement à gauche, à droite ou au centre, hauteur de 16 à 120 pixels
• « Comportement » : mode explicite, croix de fermeture, afficher la durée des cookies, regrouper « Fonctionnel » dans « Nécessaire » et masquer les catégories vides
• « Liens de pied de page » : politique de confidentialité, mentions légales et politique relative aux cookies, au choix pour chaque lien une page publiée ou une URL alternative

La barre a son propre jeu

L'entrée de menu « Bandeau » (en allemand : „Banner“) contient l'éditeur de la barre continue, avec ses propres couleurs pour la couleur primaire, le texte, l'arrière-plan et le texte des boutons, son propre choix de police et la position en haut ou en bas. Le champ « Message de la barre » est indépendant, sur le fond, du texte de la fenêtre ; s'il reste vide, la barre affiche le même texte que la fenêtre. C'est le « Mode d'affichage » sous « Généralités » (en allemand : „Allgemein“) qui décide de l'éditeur applicable — en cas de choix fixe, l'autre entrée de menu disparaît.

CSS personnalisé

Le panneau de la fenêtre contient le champ « Custom CSS ». Il est intégré côté public juste après la sortie de Consent et agit de la même manière sur la fenêtre, la barre et le widget ; les balises HTML sont supprimées à l'enregistrement. Comme le moteur de rendu travaille avec des styles en ligne, « !important » est le plus souvent nécessaire. La fenêtre porte un identifiant fixe, tout comme chaque bouton (entre autres .kwpc-btn-accept-all, .kwpc-btn-reject, .kwpc-btn-save).

#kwpc-banner