Natalie Mota

Sur cette page, le titre principal (H1) s'affiche en haut avec une image de fond en bannière , offrant une présentation visuelle immersive. Juste en dessous du titre, une section de filtres dynamiques , créée avec ACF (Advanced Custom Fields) , permet aux utilisateurs de trier la galerie des photos selon différents critères. Cette galerie est composée de plusieurs publications, affichant ainsi une sélection organisée et interactive du contenu.

Sous la galerie, un bouton "Charger plus" est disponible pour permettre aux utilisateurs d'afficher davantage de photos sans recharger la page. Ce bouton envoie une requête AJAX à la base de données, récupérant dynamiquement de nouvelles images qui sont ensuite ajoutées à la galerie. Cette approche améliore l'expérience utilisateur en rendant le chargement des images plus fluide et interactif.

Lorsque l'utilisateur survole une image de la galerie, une icône en forme d'œil apparaît, permettant d'accéder directement à la page du poste concerné en cliquant dessus. De plus, une icône "plein écran" est présente sur chaque image, offrant la possibilité d'ouvrir une lightbox pour afficher la photo en plein écran. Enfin, en bas à gauche et à droite de chaque image , des informations sur le post s'affichent, fournissant des détails supplémentaires comme le titre, la catégorie. Cela enrichit l'expérience utilisateur en facilitant la navigation et l'exploration du contenu.

La page de poste est structurée en deux conteneurs principaux : À gauche , un conteneur regroupe toutes les informations du poste , récupérées dynamiquement. Cela inclut le titre, la date de publication, la catégorie et d'autres détails pertinents. À droite , un deuxième conteneur affiche l'image principale du post , mettant en avant le visuel associé. Juste en dessous de ces deux blocs : Un bouton de contact permet aux visiteurs d'interagir facilement. Des flèches de navigation situées à droite offrent la possibilité de naviguer entre les différents posts sans avoir à revenir à la galerie. Enfin, tout en bas de la page, deux photos apparentées , issues de la même catégorie que le post en cours, s'affichent de manière similaire à la galerie. Cela permet de découvrir d'autres contenus pertinents en un coup d'œil.