TM
Thème custom
Le rendu public reste dans des fichiers PHP/Tailwind lisibles, versionnables et faciles à modifier par l’agent.
Stratégie WordPress AI-first
Un thème WordPress custom que l’AI peut vraiment construire.
Nous sommes repartis de zéro pour choisir l’architecture la plus propre: WordPress natif, Gutenberg contrôlé, ACF Pro, Tailwind v4, tokens Brand DNA et workflow SSH/WP-CLI.
Décision centrale
Un rendu propre avec une édition client claire.
Le design vit dans le thème. Le contenu vit dans WordPress. Les options modifiables vivent dans ACF. Gutenberg devient une surface de composition stable, pas un canevas libre qui fragilise le layout.
TM
Gutenberg contrôlé
La page reste visuelle dans l’admin, mais seules les sections prévues et les champs utiles sont exposés.
TM
ACF Blocks
Chaque section importante devient un bloc avec ses champs: titre, texte, média, boutons, variantes et espacements.
Stack technologique
Simple, native, performante.
La v1 garde volontairement peu de couches. On ajoute une abstraction seulement si elle réduit une vraie complexité ou améliore nettement la collaboration.
WP
WordPress
CMS pour pages, articles, médias, révisions, SEO, formulaires et utilisateurs.
PHP
PHP natif
Templates directs pour garder le debug et la performance simples.
JSON
theme.json
Tokens WordPress pour palette, typographie, espacements et contrôles Gutenberg.
CSS
Tailwind CSS v4
CSS compilé sans runtime client, avec classes explicites dans les fichiers du thème.
Corpus à maîtriser
Helios doit maîtriser tout le cycle WordPress.
La stack ne s’arrête pas au thème. Elle inclut les blocs, les formulaires, le SMTP, le SEO, le cache, la sécurité, le déploiement, les migrations et les validations.
Fondation
- WordPress core
- PHP templates
- theme.json
- block.json
- WP-CLI
- Git + SSH
Construction
- Gutenberg
- ACF Pro
- ACF Blocks
- Tailwind CSS v4
- Brand DNA tokens
- Component Library
Opérations
- Fluent Forms
- FluentSMTP + Brevo
- Rank Math
- CleanTalk
- WP Cerber
- WP Rocket / Redis
| Domaine | Technologies | Maîtrise attendue | Preuve |
|---|---|---|---|
| Fondation | WordPress, PHP, theme.json, block.json, WP-CLI | Architecture native et maintenable | Thème actif, lint OK, pages générées |
| Construction | Gutenberg, ACF Pro, ACF Blocks, Tailwind v4 | Blocs contrôlés et design system vivant | Édition sidebar + rendu responsive |
| Formulaires | Fluent Forms, FluentSMTP, Brevo, CleanTalk | Soumission fiable, livrabilité, antispam | Entrée formulaire + log courriel sent |
| Performance | Redis, Nginx Helper, WP Rocket selon projet | Cache propre sans masquer les erreurs | Routes critiques testées après purge |
Brand DNA token system
Une marque se règle par variables globales.
Couleurs, radius, espacements, containers, surfaces et typographies deviennent des tokens. Quand un token change, les composants suivent sans retoucher chaque section une par une.
Primary
–color-primary
Accent
–color-accent
Radius
–radius-tm
Spacing
–spacing-section
Processus AI
De la maquette vers WordPress.
01
Nommer les sections
Hero, logos, services, contenu + média, preuves, CTA, FAQ, contact.
02
Définir les champs
Chaque bloc expose seulement les options utiles et sécuritaires.
03
Coder les blocs
Markup PHP, classes Tailwind statiques, CSS minimal et logique ACF claire.
04
Composer la page
Gutenberg assemble les blocs sans donner un canevas fragile.
05
Vérifier
Responsive, accessibilité de base, poids frontend, cache, formulaires et SEO.
06
Promouvoir
Les patterns utiles deviennent des blocs réutilisables dans le blueprint.
Édition designer-safe
Les petites retouches restent possibles.
La designer ne devrait pas devoir ouvrir le code pour changer un titre, une image, une icône, un bouton ou une variante prévue. Ces décisions deviennent des champs propres dans ACF.
Exemple de bloc hero
Eyebrow
ACF field
Titre
ACF field
Texte
ACF field
Image
ACF field
Bouton primaire
ACF field
Bouton secondaire
ACF field
Variante de layout
ACF field
Fond
ACF field
Espacement
ACF field
FAQ ACF Pro
Une section FAQ avec repeater.
Chaque question/réponse est une rangée du repeater ACF. Vincent peut voir que le contenu est structuré, réordonnable et sécuritaire.
Est-ce que la FAQ est éditable dans Gutenberg? +
Oui. La section est un bloc ACF et les questions/réponses sont gérées par un repeater dans le panneau de droite.
Est-ce que le client peut casser le design? +
Non. Le client modifie les champs prévus; le thème garde le markup, le rythme, les espacements et les styles.
Est-ce que l’AI peut ajouter une nouvelle question? +
Oui. L’agent peut ajouter une rangée au repeater, vérifier le rendu et documenter la preuve.
Pilote tactikbase
La preuve est installée.
Le pilote démontre le workflow complet: fresh install, thème custom, ACF Pro, Tailwind v4, HTTPS et validation responsive.
URL
Domaine
tactikbase.tactikdev.com
Srv
Serveur
tactikdev3
WP
Thème actif
tactik-base 0.1.0
ACF
Plugins minimums
ACF Pro, Redis, Nginx Helper
Edit
Édition
Gutenberg + ACF Blocks
SSL
Statut
HTTPS actif, noindex dev
Nouveau paradigme
Une base pensée de zéro pour la performance et la collaboration AI.
Le standard TactikMedia part du besoin réel: code propre, édition contrôlée, design system vivant, performance mesurable et capacité pour l’agent de comprendre, modifier et vérifier chaque couche du site.