57ème MeetUp WordPress Toulouse du lundi 13 juin à La Cantine by La Mêlée.
Programme de la soirée
Introduction par Mathias Peguet
Mathias Peguet a ouvert la soirée en souhaitant la bienvenue aux participants et en présentant l’agenda du meetup. Il a souligné l’importance des rencontres régulières pour la communauté WordPress de Toulouse et a remercié les participants pour leur présence.
Revue du Web par Mike Lecomte
Mike Lecomte a présenté une revue du web, partageant des statistiques et des ressources utiles pour les développeurs WordPress.
Voici les points clés de sa présentation :
- Statistiques sur WordPress :
- WordPress alimente 43% de tous les sites internet avec 32 millions de sites dans le monde.
- Automattic, la société derrière WordPress, est valorisée à 7,5 milliards de dollars.
- WooCommerce, utilisé par 6 millions de sites, reste une solution e-commerce de premier plan.
- Bordures transparentes vs. “none” :
- Importance d’utiliser des bordures transparentes pour une meilleure accessibilité, notamment pour les utilisateurs malvoyants utilisant le mode High Contrast.
- Techniques de design :
- Limitation de la hauteur des paragraphes pour inciter au clic avec des options comme la transparence et des boutons « Voir plus ».
- Mockups rapides et gratuits :
- Présentation de ressources pour créer des mockups (maquettes) rapidement avec Pixeltrue.
- IA pour la langue des signes :
- Utilisation des modèles de langage pour traduire du texte en langue des signes via des modèles 3D.
- WP Boutik :
- Extension headless pour WooCommerce utilisant React et Laravel, offrant divers services tels que la gestion des livraisons, les factures, et les promotions.
Télécharger le support de la revue [PDF, 683 ko]
Atelier sur Kadence et l’IA par Cyrille Sanson
Cyrille Sanson animait un atelier pratique sur l’utilisation de Kadence et de l’IA dans le cadre de la rénovation d’un site WordPress.
Présentation de la suite Kadence (thème, constructeur, IA)
Kadence theme
Kadence est un thème WordPress léger et flexible, conçu pour offrir des performances rapides et une personnalisation poussée. Il permet de créer des sites web professionnels avec une interface utilisateur intuitive et des options de configuration étendues.
Kadence est apprécié pour sa compatibilité avec les constructeurs de pages comme Elementor ou Beaver Builder, et pour ses fonctionnalités intégrées telles que le chargement rapide, les options de mise en page avancées, et la prise en charge de WooCommerce.
Kadence Blocks
Kadence Blocks est un constructeur qui enrichit l’éditeur de blocs Gutenberg de WordPress. Il ajoute une série de blocs personnalisables qui facilitent la création de mises en page complexes sans avoir besoin de coder.
Parmi les blocs disponibles, on trouve des blocs de grille, de galerie, de carrousel, de témoignages, d’accordéons…
Kadence AI Starter Templates
Kadence AI Starter Templates est une extension qui utilise l’intelligence artificielle pour simplifier le processus de création de sites web. Elle propose des modèles de sites prédéfinis qui peuvent être personnalisés selon les besoins de l’utilisateur.
L’IA analyse le contenu et les objectifs du site pour générer des suggestions de designs et de structures de pages adaptés. Cette extension permet aux utilisateurs de gagner du temps en proposant des modèles prêts à l’emploi et en automatisant certaines tâches de design et de configuration.
Ensemble, Kadence, Kadence Blocks et Kadence AI Starter Templates forment un écosystème puissant pour la création de sites WordPress, tout en offrant une grande facilité d’utilisation et de personnalisation.
Ces différents produits existent en version gratuite et Pro. C’est les versions pro qui ont été utilisées pour l’atelier, afin d’exploiter tout le potentiel.
Mise en pratique
L’objectif de l’atelier était de tester Kadence Blocs et l’Intelligence Artificielle intégrée, pour faire une ébauche de design pour la rénovation d’un site.
Utilisation de l’assistant IA de Kadence
- Lancement
- Étape 1 : Informations sur l’entreprise
Il s’agit de fournir les renseignements de base de l’entreprise : structure juridique, type d’activité, adresse.
- Étape 2 : description du site
Il s’agit de produire une description détaillée de l’activité (jusqu’à 1000 mots maximum). Pour ce faire, j’ai utilisé ChatGPT pour analyser le site source. J’ai employé un GPT de ChatGPT : une configuration sur mesure dédiée à cette tâche. Je prévois de rédiger un article à ce sujet, qui expliquera la configuration utilisée.
- Étape 3 : sélection des mots clés et du style
- Étape 4 : objectifs du site
On choisi ici les fonctionnalités du site. Cela déclenchera au besoin l’installation d’extension complémentaires : WooCommerce, Events Manager, etc.
- Étape 5 : choix des images (arrière-plan et illustrations)
L’IA propose un ensemble d’images, mais je préfère effectuer un choix iconographique en amont. Pour ce projet, j’ai utilisé des images de Pixabay pour les arrière-plans et des images existantes du site pour les illustrations.
Cela garantit un résultat plus cohérent et visuellement convaincant.
Et voici l’effet démo…
Un problème a surgi à la fin de la dernière étape. Normalement, cette étape devait enchaîner sur une proposition de plusieurs designs avec des variations possibles de couleurs et de polices, suivie de l’installation de plusieurs pages. Cependant, j’avais oublié d’installer l’extension Kadence AI Starter Templates, qui est chargée de cette partie du processus. Une fois l’extension activée, nous avons pu compléter la démonstration sans encombre.
Conclusion de l’atelier
À l’heure actuelle, l’utilisation d’une IA pour construire un site peut offrir un gain de temps considérable. Elle permet avant tout d’éviter le syndrome de la page blanche, ce qui est un avantage non négligeable.
Corriger les propositions de l’IA et les utiliser comme source d’inspiration est souvent plus facile et plus rapide que de partir de zéro.
Il n’y a pas de souci à se faire : l’IA n’est pas encore capable de générer un site en seulement cinq étapes.
À suivre…
Conflit d’intérêt et code promo
Je tiens à préciser que je n’ai aucun lien financier avec l’équipe de Kadence. Si j’ai animé cet atelier, c’était dans le but de partager mon retour d’expérience avec la communauté.
Cela dit, l’équipe de Kadence a eu la gentillesse de me fournir un code promo de -20% valable jusqu’au 20 juillet 2024 : 20Toulouse24.
Voir les offres de Kadence : https://www.kadencewp.com/pricing/
L’after
Après l’atelier, les participants ont continué les échanges au bar d’en face, Le Poêle de la bête, permettant de discuter plus informellement des sujets abordés pendant le meetup.
Le dernier Meetup de la saison aura lieu le 2 juillet toujours à la Cantine Numérique.