Chaque semaine apporte son lot de défis et d’opportunités. Cette semaine, j’ai eu l’occasion de travailler sur un nouveau projet dans le domaine de l’éducation. En raison de confidentialité, pour le reste de l’article je vais mentionner l’éducation dans le domaine de la médecine.
Ma mission était claire : développer une page d’inscription dédiée pour les étudiants et créer un espace personnel où ils pourraient accéder à leurs informations.
L’expérience a été enrichissante, et je suis ici pour partager comment WordPress, associé à Elementor et ACF (Advanced Custom Fields), a aidé à transformer une problématique technique en une solution fonctionnelle.
Le défi initial
Le désire était d’avoir une solution permettant aux étudiants de s’inscrire et de consulter leurs informations sans pour autant créer un compte utilisateur.
Cela permettrait d’éviter la gestion des rôles et des accès à l’interface admin de WordPress, simplifiant ainsi la conformité RGPD. La réponse semblait résider dans un post WordPress unique, où les informations des étudiants seraient centralisées et protégées par un mot de passe.
Les outils du succès
Pour mener à bien ce projet, j’ai utilisé WordPress comme plateforme principale, avec l’aide d’Elementor pour la conception et ACF pour la création des fiches candidats. Chaque fiche était constituée uniquement de champs ACF, assurant ainsi une structure uniforme.
Image d’exemple de la fiche étudiant
Le hic avec la sécurité
Tout semblait bien se passer jusqu’à ce que je découvre un hic majeur: la fonction de protection par mot de passe de WordPress s’appliquait uniquement au module « contenu de la publication », et non à tous les autres modules utilisés dans le single du theme builder d’Elementor.
Cela signifiait que, bien que le module principal de contenu était bien protégé par un mot de passe, tous les autres modules ajoutés pour enrichir la page étaient accessibles sans aucune restriction. Ainsi, les informations des étudiants pouvaient être partiellement exposées, un risque inacceptable dans ce contexte.
Image d’exemple du problème
La solution créative
Face à ce dilemme de sécurité, il était impératif de trouver une solution robuste qui garantirait la protection intégrale de la page tout en conservant l’esthétique et la fonctionnalité désirées. Après plusieurs essais et recherches, une idée créative a commencé à germer dans mon esprit : pourquoi ne pas créer un modèle de page unique avec Elementor et appliquer ce modèle à tous les contenus concernés ?
Cela permettrait de contourner la limitation de la protection par mot de passe tout en maintenant une apparence uniforme et professionnelle pour chaque page.
Création du Modèle de Page avec Elementor :
D’abord, je suis allé dans la section « Modèles » d’Elementor et j’ai créé un nouveau modèle de type page.
Ce modèle servirait de base pour les pages d’étudiants, intégrant une esthétique cohérente et les champs ACF nécessaires.
L’un des avantages d’Elementor est la possibilité de définir des valeurs par défaut pour les champs ACF, ce qui m’a permis de structurer le modèle comme je le voulais, même sans données réelles pour le moment.
Application du Modèle aux Contenus :
Le défi suivant était d’appliquer ce modèle nouvellement créé à tous les posts d’étudiants. Après quelques recherches supplémentaires, j’ai découvert un fragment de code qui pourrait faire le travail.
En ajoutant ce bout de code à mon thème ou dans une extension sur mesure, j’ai pu remplacer le contenu standard du post par le contenu de mon modèle Elementor, tout en conservant la protection par mot de passe.
add_filter('the_content', function($content){
if (get_post_type() != ‘mon-cpt’) {
return $content;
}
$elementor_template_id = 686;
$elementor_content = \Elementor\Plugin::$instance->frontend->get_builder_content_for_display($elementor_template_id);
return $elementor_content ? $elementor_content : $content;
});Ce code, qui peut être ajouté dans le thème (enfant/sur mesure) ou dans une extension sur mesure, permet de remplacer le contenu de la page par le contenu d’un modèle Elementor, assurant ainsi la protection complète de la page.
Une fois le code en place, j’ai procédé à des tests approfondis pour m’assurer que la protection par mot de passe fonctionnait comme prévu sur l’ensemble de la page.
Les tests ont été concluants, montrant que le modèle Elementor avec le fragment de code fonctionnait parfaitement pour assurer la sécurité des données des étudiants.
Image d’exemple de la résolution du problème avant la saisie du mot de passe
Image d’exemple de la résolution du problème après la saisie du mot de passe
La morale de l’histoire
Ce projet m’a rappelé que peu importe les obstacles rencontrés, une solution créative n’est jamais loin. Avec un peu d’ingéniosité et la puissance de WordPress couplée à Elementor et ACF, la transformation d’une problématique technique en une solution ingénieuse est toujours à portée de main.
Conclusion
WordPress, associé à des outils puissants comme Elementor et ACF, offre une plateforme robuste pour surmonter les défis techniques.
Que vous soyez un développeur chevronné ou un amateur de technologie, les possibilités de créer et d’innover sont infinies.
Soyez curieux, soyez créatif, et vous serez surpris de voir jusqu’où votre imagination peut vous mener.
