Logo d'entête du site tutoriel en ligne
15% sur l'intégralité du catalogue avec le code avril26
(Jusqu'au 30/04/2026 - Remise appliquée lors de la validation de votre paiement)
Important: l'accès à nos formations et leur achat
 nécessite au préalable une inscription (gratuite) sur notre site.
 Vous pouvez le faire en suivant ce lien

WP Layout Master : La Fusion Gutenberg & InDesign.

Le chaînon manquant entre votre contenu Web et vos exigences Print.

NOUVEAU : consolidation JSON multi-pages.

Avec ce nouveau moteur d'extraction de données qui seront ensuite consolidées en JSON pour y être injectées dans Adobe Indesign, voici un tout nouveau moteur d'extraction : 

  • Récupérer à partir d'une page parent autant de pages enfants détectées
  • Choisir d'importer ou non la page parent
  • Structuration du contenu. Tous les styles seront disponibles dans Indesign

Regardez la démonstration avec ce CRASH-TEST de plusieurs dizaines de pages Web converties en quelques secondes en 42 pages Adobe Indesign. La structure permet ensuite de concevoir ensuite une table des matières par exemple et d'être exporté en PDF interactif.

Mieux vaut un bon cas pratique plutôt qu'un long discours pour vous montrer une utilisation de WP Layout MASTER pour Adobe Indesign dans un flux de production éditorial. Un site Web et une zone de rédaction de contenu mise à disposition en ligne pour un/des auteur(s) directement depuis le CMS Wordpress.
A l'autre bout de la chaîne, un maquettiste charger de couler et finir de mettre en page le contenu rédigé par un (ou plusieurs) auteur(s).
Des modifications et mises à jour en temps réel et une maîtrise totale du flux de production.

WP Layout Master s'adapte instantanément à VOTRE contenu métier. Il ne se limite plus aux données standards de WordPress, il scanne votre site, comprend vos plugins spécifiques, et extrait automatiquement toutes leurs données "cachées" (prix, références, horaires, surfaces...).

Pour suivre et vous tenir au courant de mes dernières actualités, abonnez-vous à mon compte Linkedin

Ne copiez plus. Construisez.

WP Layout Master n'est pas un simple script d'importation. C'est un moteur de mise en page intelligent qui abolit la frontière historique entre votre site WordPress et vos documents Adobe InDesign. Il transforme des données brutes (JSON) en une composition graphique structurée, fluide et respectueuse des règles typographiques.

WP Layout Master : La Fusion Gutenberg & InDesign.

Une Philosophie "Lego" : Le Coulage Modulaire.

Oubliez le "copier-coller" destructeur ou les imports XML rigides. WP Layout Master adopte une approche de construction brique par brique. Le script ne se contente pas de déverser du texte ; il analyse la structure de vos articles Gutenberg (colonnes, galeries, citations, séparateurs) et choisit, en temps réel, la meilleure stratégie pour la matérialiser dans InDesign.

  • Architecture fluide : Il détecte si le contenu doit être un texte courant ou une structure complexe (tableau de mise en page).

  • Adaptabilité : Qu'il s'agisse d'une grille d'images ou d'un texte sur deux colonnes, le script construit le conteneur adéquat avant d'y verser le contenu.

Géométrie Visuelle & Respect du Ratio.

C'est ici que réside la véritable intelligence du système. Contrairement aux imports classiques qui déforment ou rognent les images, WP Layout Master intègre un calculateur géométrique natif.

  • Respect de l'image : Le script analyse les dimensions réelles de chaque image source.

  • Méthode "Scale Down" : Il n'impose pas une taille arbitraire. Il crée un bloc, laisse l'image prendre sa place naturelle, puis recalcule mathématiquement l'échelle exacte pour qu'elle s'adapte à la largeur de votre colonne.

  • Résultat : Aucune déformation, aucun pixel écrasé, et un respect total des marges (insets) définies dans vos styles.

NOUVEAU : récupération de contenus Web (Hors administration Wordpress)

Le concept ? C'est un moteur qui se cache derrière le "Mode Lecteur" de vos navigateurs (Safari, Firefox) :

  • au lieu de chercher des balises précises (qui cassent à la moindre mise à jour du site), l'algorithme "note" la densité textuelle des blocs HTML.
  • Il déduit où se trouve le cœur de l'article et détruit tout le bruit autour (menus, pubs, sidebars).

Le flux fonctionne désormais en deux temps : une application PHP (en ligne que je fournis) nettoie et prépare le terrain, puis mon script InDesign WP Layout MASTER coule le contenu.

Est-ce un outil magique et parfait à 100 % ? Honnêtement non, et c'est un choix assumé.
Par contre face aux structures parfois très exotiques du Web, j'ai privilégié la robustesse à la réussite totale.

Concrètement, si le script rencontre un élément non-importable nativement (comme un lecteur vidéo ou un tableau web complexe), il ne fait pas planter InDesign. A la place, il génère des repères visuels clairs pour le maquettiste, télécharge automatiquement les images de couverture (vignettes YouTube ou Streamlike), et prépare l'espace de travail.

L'objectif n'est pas de remplacer le graphiste, mais d'éliminer 80 % des tâches ingrates (copier-coller, hiérarchie des titres, récupération manuelle des images) pour lui laisser le contrôle absolu sur la mise en page finale.

Le Pont Sémantique : Du CSS aux Styles InDesign.

Le script parle la langue du Web. Il ne se contente pas d'importer le fond, il importe aussi l'intention de forme. Grâce à son "Radar de Styles", il scanne les classes CSS additionnelles de vos blocs WordPress (ex: para_col_2_txt) et les mappe automatiquement vers vos feuilles de styles InDesign correspondantes.

  • Continuité Artistique : Une classe définie dans un bloc Gutenberg déclenche le bon style dans InDesign.

  • Pilotage à distance : Vous préparez le design depuis le back-office Web, le script exécute la direction artistique sur le papier.

Une Typographie Chirurgicale.

La bête noire de l'automatisation est souvent le "nettoyage". WP Layout Master a été affiné pour éliminer les scories habituelles des imports automatiques.

  • Zéro parasites : Gestion intelligente des retours chariots. Pas de lignes vides orphelines en fin de bloc, pas de sauts de paragraphes inutiles.

  • Cloisonnement des Styles : Une protection active empêche la "contamination" des styles. Chaque élément naît dans un environnement sain.

Pourquoi choisir WP Layout Master ?

  • Gain de temps phénoménal : Une mise en page complexe de plusieurs pages générée en quelques secondes.

  • Fidélité : Ce que vous validez sur le Web est ce que vous obtenez en Print.

  • Stabilité : Conçu pour gérer les exceptions, les images manquantes ou les structures de tableaux complexes sans faire planter InDesign.

  • Maîtrise du contenu : une fois les données injectées dans Adobe Indesign vous gardez lla main en peaufinant la mise en page avec vos propres exigences de graphiste, maquettiste.

WP Layout Master : Arrêtez de recommencer votre travail. Transformez-le.

Exemple de mise en oeuvre : lier WP Layout Master avec un agenda Wordpress.

Le concept : Vous avez un site WordPress avec des données structurées (un agenda, des fiches produits, des annonces immobilières). Plutôt que de faire du copier-coller pour chaque fiche, nous allons construire une Brique InDesign (un gabarit) une seule fois, lui dire où se trouvent les informations et laisser le script la multiplier.

Pour cet exemple, nous imaginons que vous utilisez le plugin d'agenda The Events Calendar (plugin gratuit de gestion d'évènement pour Wordpress).

- Étape 1 : le scan des données (Découvrir ce que WordPress nous envoie)

Vous avez généré votre URL dans WordPress. Maintenant, regardons ce qu'elle contient.

  1. Dans InDesign, ouvrir une page blanche.
  2. Lancer le script WP Field Mapper.
  3. Dans la zone Source de données, coller votre URL WordPress et cliquer sur Charger.
  4. La magie opère : la liste se remplit. En haut, vous voyez les champs classiques (title, featured_image). En dessous, vous découvrez toutes les données secrètes de votre plugin (qui commencent par meta.), par exemple : meta._EventStartDate (la date) ou meta._EventCost (le prix). C'est votre catalogue de pièces détachées.

- Étape 2 : le dessin (Créer la "coquille" vide)

Dans la page InDesign, dessiner votre carte d'événement idéale, exactement comme vous la voulez visuellement :

  1. Tracer un bloc rectangulaire (qui accueillera la photo).
  2. Tracer un bloc texte principal, mettez-le en gros et en gras (pour le titre).
  3. Tracer un autre bloc texte, choisissez une belle police, mettre une icône calendrier 📅 devant. Laissez un espace vide après l'icône.

- Étape 3 : le marquage (Connecter les blocs à WordPress)

C'est l'étape cruciale. Il faut maintenant dire à InDesign quelle donnée va dans quel bloc, en utilisant toujours le script WP Field Mapper.

  • Pour les images (Le tampon invisible) :
  1. Avec votre souris, sélectionner le bloc rectangulaire vide destiné à l'image.
  2. Dans le Field Mapper, chercher et cliquer sur featured_image dans la liste.
  3. Cliquer sur le gros bouton INSÉRER / ASSOCIER. Rien ne semble se passer à l'écran, c'est normal : le script a collé une étiquette invisible sur votre bloc (cf Fenêtre/Utilitaires/Intitulé de script dans Indesign).
  • Pour le texte simple (Le Titre) :
  1. Prendre l'outil Texte (T) dans InDesign et cliquez à l'intérieur de votre bloc texte principal pour faire clignoter le curseur.
  2. Dans le Field Mapper, cliquez sur title.
  3. Cliquez sur INSÉRER / ASSOCIER. Le texte {title} s'écrit dans votre bloc. Laissez-le tel quel.
  • Pour les phrases composées (La vraie puissance de l'outil) : vous voulez écrire une phrase naturelle qui mélange du texte fixe et des données variables.
  1. Placer votre curseur texte après votre icône calendrier : "📅 Le "
  2. Dans le Field Mapper, chercher meta._EventStartDate et cliquer sur Insérer.
  3. Continuer à taper votre phrase : " à "
  4. Dans le Field Mapper, cherchez meta._EventStartTime et cliquer sur Insérer.
  5. Résultat à l'écran : Votre bloc texte ressemble maintenant à ça : 📅 Le {meta._EventStartDate} à {meta._EventStartTime}. Astuce de pro : Vous pouvez sélectionner uniquement {meta._EventStartDate} avec votre souris et le mettre en rouge et en gras. Le script respectera cette couleur lors du coulage final !

- Étape 4 : La Mise en Bibliothèque (Sauvegarder la Brique)

Votre carte est prête et marquée.

  1. Sélectionner tous vos blocs (l'image, le titre, la date) avec la flèche noire.
  2. Les grouper (CTRL+G ou CMD+G).
  3. Ouvrir votre panneau de votre bibliothèque locale (.indl).
  4. Glisser votre groupe à l'intérieur.

Renommer cet élément avec un nom clair, par exemple : CARTE_AGENDA. Vous pouvez maintenant effacer ce groupe de votre page InDesign. Il est sauvegardé "à vie".

Tous droits réservés - Tutoriel en Ligne  - SIRET:  49416273800020
th-largeclosechevron-circle-upchevron-circle-down linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram