Référencer les 17 blocs Gutenberg dynamiques

Ce guide décrit Fy2Press 1.0.0. Les écrans peuvent changer dans une version ultérieure : vérifiez la version affichée dans l’écran des extensions avant de le suivre.

Résultat attendu

Relier chaque bloc rendu côté serveur à la surface du catalogue qu’il contrôle.

La version affichée enregistre 17 blocs Gutenberg dynamiques. Chaque bloc possède des métadonnées apiVersion 3, un callback de rendu PHP et une prévisualisation ServerSideRender. Les métadonnées ne déclarent aucun attribut utilisateur; la référence ne doit donc inventer aucun contrôle d’inspecteur.

Avant de commencer

• Insérez le bloc depuis la catégorie Fy2Press.
• Confirmez que son contexte produit ou collection se résout dans l’aperçu de l’éditeur.
• Prévisualisez la page publique, car l’inscription du bloc ne prouve pas la parité du rendu du thème.

Ce que couvre ce guide

Gardez en tête qui fait quoi : Shopify conserve les produits, l’inventaire, les commandes, les paiements et le passage à la caisse ; Fy2Press amène le catalogue dans WordPress et l’affiche ; WordPress héberge vos pages et vos contenus éditoriaux. Rien dans ce guide ne déplace les commandes, les clients ou les paiements vers WordPress.

La version affichée enregistre 17 blocs Gutenberg dynamiques. Chaque bloc possède des métadonnées apiVersion 3, un callback de rendu PHP et une prévisualisation ServerSideRender. Les métadonnées ne déclarent aucun attribut utilisateur; la référence ne doit donc inventer aucun contrôle d’inspecteur.

Étapes

1. Insérez le bloc depuis la catégorie Fy2Press. Consultez l’inventaire complet lié à la version rendu ci-dessous et testez le plus petit exemple représentatif avant de le réutiliser.
2. Confirmez que son contexte produit ou collection se résout dans l’aperçu de l’éditeur. Consultez l’inventaire complet lié à la version rendu ci-dessous et testez le plus petit exemple représentatif avant de le réutiliser.
3. Prévisualisez la page publique, car l’inscription du bloc ne prouve pas la parité du rendu du thème. Consultez l’inventaire complet lié à la version rendu ci-dessous et testez le plus petit exemple représentatif avant de le réutiliser.

Vérifier le résultat

Vérifiez le résultat là où vos visiteurs le verront. Ouvrez la page WordPress publique, et pas seulement l’écran de Fy2Press, puis comparez un produit représentatif avec Shopify, y compris son prix, sa disponibilité, ses variantes et sa collection. Répétez une petite modification une fois pour confirmer que le comportement est stable.

• Confirmez le nom exact ou l’identifiant stable.
• Comparez le contexte déclaré à la page rendue.
• Testez les états de données vides, longues et indisponibles.
• Comparez les sorties Gutenberg, code court, Elementor et WPBakery seulement lorsque la matrice de couverture déclare un composant.

Problèmes fréquents

• Ne déduisez aucun attribut, contrôle de bloc ni composant de constructeur à partir d’un nom similaire.
• Ne comptez pas les composants propres aux constructeurs parmi les codes courts publics.
• Ne décrivez pas une couverture conceptuelle comme une parité de contrôles, de balisage ou de comportement.

Dépannage

1. Reconfirmez la version et l’édition du paquet installé.
2. Réduisez le problème à un composant, une fiche de catalogue connue et une URL WordPress.
3. Comparez le nom exact, l’identifiant stable, le contexte et la sortie avec l’inventaire lié à la version ci-dessous.
4. Déterminez si la responsabilité en échec appartient à Shopify, Fy2Press ou WordPress.
5. Conservez la réponse rendue et les réglages avant toute modification, puis répétez une fois le plus petit test sûr.

Sécurité et données

Si vous demandez de l’aide, notez la version du plugin, les versions de WordPress et de PHP, votre thème ou constructeur de pages, l’adresse de la page et les étapes suivies. Utilisez des produits d’essai et retirez des captures les jetons, les données de clients, les détails de commandes et les adresses privées avant de les transmettre.

Effet sur la recherche

Les composants de référence peuvent modifier les titres, liens, données produit et contrôles interactifs. Examinez la sémantique rendue, l’accessibilité, le comportement canonique et le transfert d’achat vers Shopify sur une page représentative.

Renseignements pour le soutien

Si vous demandez de l’aide, notez la version du plugin, les versions de WordPress et de PHP, votre thème ou constructeur de pages, l’adresse de la page et les étapes suivies. Utilisez des produits d’essai et retirez des captures les jetons, les données de clients, les détails de commandes et les adresses privées avant de les transmettre.

Guides connexes

• Publier avec WordPress
• Design et gabarits
• Google et SEO

Version et disponibilité

Documentation de Fy2Press 1.0.0. Le plugin gratuit est disponible sur WordPress.org. La version PRO est vendue séparément par l’entremise de Freemius, notre fournisseur de licences et de paiement.

Pour aller plus loin : Construire avec les blocs et les codes courts (FR-CA)