Feature #603
ouvertAdapter les styles du formulaire de NL
0%
Description
Suite à #602, on a supprimé la zone de NL en footer.
On va remettre le formulaire d'inscription à la NL, mais uniquement sur cette page :
https://gp.inserm.staging.hosterra.network/newsletter/
Problème : en changeant le formulaire de son contexte d'origine, les styles cassent (cf. PJ).
On veut reproduire une apparence similaire à l'existant (voir PJ).
Construire le formulaire
Le formulaire s'insère dans la page via un bloc shortcode ([sibwp_form id=2])
Son HTML est géré en backend par Brevo ici :
https://gp.inserm.staging.hosterra.network/wp-admin/admin.php?page=sib_page_form&action=edit&id=2
Attention, tous les éléments/attributs sont pas autorisés, Brevo peut supprimer certains éléments/attributs à l'enregistrement
Gérer les styles
Les styles s'appuient sur une logique parent/enfants avec notamment :newsletter__wrapper pour le parentnewsletter__item pour les enfants
Fichiers
Mis à jour par ggallais il y a 5 jours
- Fichier screenshot-gp.inserm.staging.hosterra.network-2025.12.02-17_09_39.png screenshot-gp.inserm.staging.hosterra.network-2025.12.02-17_09_39.png ajouté
- Fichier Screenshot 2025-12-02 at 17-15-37 Newsletter · Inserm STAGING La science pour la santé.png Screenshot 2025-12-02 at 17-15-37 Newsletter · Inserm STAGING La science pour la santé.png ajouté
- Description mis à jour (diff)
Mis à jour par ggallais il y a 5 jours
- Lié à Feature #602: Supprimer la zone newsletter en footer ajouté
Mis à jour par ggallais il y a 5 jours
- Fichier Screenshot 2025-12-02 at 17-20-34 Newsletter · Inserm STAGING La science pour la santé.png Screenshot 2025-12-02 at 17-20-34 Newsletter · Inserm STAGING La science pour la santé.png ajouté
Note : On peut réutiliser certains styles disponibles en bidouillant.
Si on ajoute juste le bloc shortcode qui appelle la NL, tout est cassé.
Mais si
1. On imbrique ce bloque shortcode dans un bloc groupe
2. On ajoute la classe newsletter__wrapper au bloc groupe (cf. https://redmine.prod.inserm.cloud-ed.fr/attachments/654)
Alors on arrive un résultat qui ressemble un peu plus à l'objectif (cf PJ - même si ma capture d'écran a foiré et colle pas à ce qui s'affiche en vrai)