Site Blue Cook Book

Blue Cook Book

Création d'un site web de recettes de cuisine à des fins d'expérimentations.
Le but de la création de ce site est d'utiliser un thème proposé par Automatics et de le personnaliser via un thème enfant et des extensions sur mesure pour y ajouter, entre autre, des types de posts et champs personnalisés, une gestion d'espace membre.

Voir le projet

Création du site web

Elaborer ce site est un moyen de lier l’utile (rendre un cahier de recettes familiales accessible peu importe le lieu où l’on se trouve) à l’expérimentation en personnalisant un thème via l’ajout d’un thème enfant et d’extensions sur mesure.

Le thème utilisé ici est Dyad proposé par Automatics sur WordPress.com et téléchargeable pour du site WP autohébergé.

A partir du thème parent Dyad2, plusieurs choses ont été modifiées ou ajoutées :

  • Une page d’accueil front-page.php comportant ses requêtes personnalisées.
  • L’utilisation du page builder elementor pour la mise en forme de certaines pages.
  • Les articles par défaut sont utilisés pour du contenu nommé « cuisine pratique » c’est un peu la partie « blog » du site comportant des catégories comme « astuces culinaires » et « astuces pratiques »
  • Les recettes sont des types de posts personnalisés (Custom Post type) auxquelles sont liées des customs taxonomies pour trier les recettes selon leur type (entrées, plats, desserts, etc …)
  • Le CPT Recettes bénéficient de champs personnalisés pour indiquer des informations que l’on retrouve typiquement dans des recettes : le niveau de difficulté, temps de réalisation etc …
  • Les modules relatifs aux recettes sont gérés via des blocks Gutenberg sur mesure créés avec ACF (Advanced Custom Fields)
  • Ajout de fonctionnalités via le développement d’extensions sur mesure pour la gestion des types de post personnalisés (CPT), la création de blocks Gutenberg, la mise en place d’un espace membre.

Pour les besoins du site différentes images ont été créées en svg sous Affinity Designer alternative à Adobe Illustrator.

Améliorations à venir

Ce site, bien qu’il soit agréable visuellement et opérationnel, nécessite d’y travailler encore afin d’améliorer divers points :

  • L’accessibilité n’est pas performante et nécessite de revoir la structure html, d’ajouter une gestion de classes spécifiques sur la structure via du Javascript, etc …
  • La fonctionnalité d’impression des recettes doit être améliorée pour être plus « économique » en terme d’utilisation de l’espace sur une feuille A4 (taille des fonts plus petite, moins d’espace vide). L’objectif étant de n’avoir besoin d’imprimer qu’une seule feuille pour une imprimer une recette complète.
  • Agrémenter la gestion des membres abonnés de fonctionnalités supplémentaires : carnet de sélection de recettes.