Votre premier bloc Phoenix, avec l’IA comme copilote

Ce que nous allons créer

Une variante de bloc dans un design isolé, ses styles déclarés dans styles.json et ses contenus modifiables.

Pour qui ?

Technique · bases HTML et CSS utiles. Cet atelier se suit seul ; un récapitulatif et un exemple sont prévus pour rejoindre la série.

Le déroulé — de 15 h à 17 h

1. 0–10 min · Identifier les champs du bloc et les limites du design.
2. 10–25 min · Demander à l’IA une structure sémantique et un CSS local au composant.
3. 25–40 min · Adapter le Twig et réutiliser les helpers et champs Phoenix existants.
4. 40–50 min · Tester un titre long, une image absente et le mobile.
5. 50–60 min · Relire le code, expliquer les choix et conserver un exemple commenté.
6. 60–70 min · Pause courte et questions sur la démonstration.
7. 70–100 min · Mise en pratique guidée : reprendre l’exercice sur le projet collectif ou sur votre propre installation, si vous en avez une.
8. 100–115 min · Montrer un résultat, tester une modification et obtenir un retour précis.
9. 115–120 min · Faire le bilan, choisir une prochaine action et découvrir comment rejoindre la communauté pour poursuivre les échanges.

Ce que l’IA apporte, ce que Phoenix apporte

L’IA aide à préparer, comparer et expliquer. Nous vérifions ses propositions. Phoenix permet d’intégrer le résultat dans un design isolé et des blocs dont le contenu se gère dans WordPress. L’assemblage et la validation sont montrés en direct ; aucun import automatique d’un site généré par IA n’est promis.

Avant de venir

Connaître les bases HTML/CSS pour pratiquer ; une installation WordPress locale et Phoenix seront utilisées par l’animateur.

Pour suivre la démonstration, aucun abonnement IA payant n’est imposé. La pratique sur votre propre site demande votre installation et vos accès. La séance montre un projet collectif ; elle ne garantit pas un site personnel terminé à chaque participant.

Un prompt à essayer

Propose une structure HTML sémantique pour un bloc [usage], à partir de ces champs existants [champs]. Sépare HTML et CSS. N’ajoute ni réglage global, ni shortcode, ni bibliothèque. Précise les hypothèses à vérifier.

Après l’atelier

Adapter la variante à un autre contenu et noter les limites à corriger.

Informations pratiques

Atelier en ligne le jeudi, de 15 h à 17 h, heure de Montréal (America/Toronto). La date de cette séance et les modalités de connexion seront confirmées avant l’ouverture des inscriptions. Participation gratuite pour cette première programmation. Le tarif d’une éventuelle autre séance sera indiqué sur sa fiche.

Entre les ateliers

Vous pouvez aussi demander à rejoindre la communauté Prositeweb pour poursuivre les échanges. L’accès au groupe WhatsApp suit le même parcours que sur Prositeweb : une demande séparée et une invitation par courriel selon son traitement.