Si vous utilisez le WordPress Je construis un site web et je veux créer une page de présentation des produits qui soit à la fois belle et fonctionnelle, mais je ne sais pas écrire du code.Blocksy Un thème est l'outil idéal pour ce travail. Cet article présente le thème Blocksy étape par étape pour vous aider à créer rapidement votre page de présentation de produits.
![Image [1] - Construire des pages de présentation de produits avec zéro code : Guide d'utilisation de Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620163853316-image.png)
Pourquoi Blocksy ?
![Image [2] - Construire des pages de présentation de produits avec zéro code : Guide d'utilisation de Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620163716714-image.png)
Blocksy est un thème WordPress gratuit, léger et personnalisable. Il est similaire à Gutenberg ou des constructeurs de pages tels qu'Elementor. Avec Blocksy, c'est possible :
- Personnaliser la structure et la présentation des pages
![Image [3] - Construire une page de présentation de produit avec zéro code : un guide pour utiliser Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620185808948-image.png)
- Mise en place d'emballages intérieurs pleine largeur ou en cassette
![Image [4] - Construire des pages de présentation de produits avec zéro code : Guide d'utilisation de Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620185850900-image.png)
- Ajouter des modules pour les images des produits, les profils, les prix, etc.
![Image [5] - Construire des pages de présentation de produits avec zéro code : Guide d'utilisation de Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620191537899-image.png)
- Afficher plusieurs informations sur les produits à l'aide d'une carte
II. travaux préparatoires
Avant de commencer, effectuez les opérations suivantes :
1) Installer et activer le thème Blocksy
Allez dans Backstage → Apparence → Thèmes → Ajouter un thème → Recherchez "Blocksy", cliquez sur Installer et activez-le.
![Image [6] - Créer des pages de présentation de produits avec zéro code : Guide d'utilisation de Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620190448661-image.png)
2. installer le plug-in Blocksy Companion
Après l'installation, il vous sera demandé d'activer le plugin Blocksy Companion, cliquez pour confirmer. Ce plugin fournit des modules et des modèles de pages supplémentaires.
![Image [7] - Construire une page de présentation de produit avec zéro code : un guide pour utiliser Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620190350499-image.png)
3. la préparation des matériaux du produit
au préalablePhotos du produit, le titre, le prix, les caractéristiques, etc. pour une édition ultérieure rapide.
Troisièmement, la page d'affichage des nouveaux produits
- Créer une nouvelle page
Backend → Page → New → Entrez un nom de page, par exemple "Product Showcase".
![Image [8] - Construire une page de présentation de produit avec zéro code : un guide pour utiliser Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620183618859-image.png)
- mettre en placeModèles de pageMise en page pleine largeur
Dans la colonne Paramètres sur le côté droit de la page, sélectionnez le modèle "Blocksy - Full Width Page".
![Image [9] - Construire une page de présentation de produit avec zéro code : un guide pour utiliser Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620184355420-image.png)
- Ajout d'un contenu d'affichage
L'éditeur Gutenberg est recommandé :
- Insertion de modules "colonnes", par exemple des structures à deux ou trois colonnes
![Image [10] - Construire des pages de présentation de produits avec zéro code : Guide d'utilisation de Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620185002779-image.png)
- Ajoutez une image, un titre, un texte d'introduction et un bouton tel que "Acheter maintenant" dans chaque colonne.
Il est également possible d'utiliser le module "Médias et textes" pour obtenir une présentation clairement structurée de graphiques et de textes côte à côte.
![Image [11] - Construire des pages de présentation de produits avec zéro code : Guide d'utilisation de Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620185138833-image.png)
Ou choisissez Blocksy's Sites de départ Fonction de modèle :
- Aller à Blocksy → Starter Sites
![Image [12] - Construire des pages de présentation de produits avec zéro code : un guide pour utiliser Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620175334888-image.png)
- Choisissez un modèle de site de démonstration avec une vitrine de produits (par exemple, "Shop" ou "Business").
- Importer en un clic et modifier directement le contenu du contenu
![Image [13] - Construire des pages de présentation de produits avec zéro code : Guide d'utilisation de Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620191953534-image.png)
IV. ajuster les détails du style
- Modifier la palette de couleurs et les polices de caractères
Allez dans Apparence → Personnaliser → Couleurs et polices pour définir des paramètres tels que la couleur d'arrière-plan, la couleur des boutons, le style du texte, etc.
![Image [14] - Construire des pages de présentation de produits avec zéro code : un guide pour utiliser Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620185353246-image.png)
- Activer les coins arrondis et les effets d'ombre
Les paramètres de style du bloc vous permettent d'activer les coins arrondis et les ombres de carte pour les images afin de rendre la page plus esthétique.
![Image [15] - Construire une page de présentation de produit avec zéro code : un guide pour utiliser Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620185501721-image.png)
- Adaptation des pages à différents appareils
Blocksy aréactifFonctionnalités de mise en page, pas de paramètres supplémentaires, les pages sont adaptables aux téléphones mobiles, tablettes et autres terminaux.
V. Publication de pages et gestion de menus
Une fois la conception terminée, cliquez sur le bouton Publier dans le coin supérieur droit de la page. Allez ensuite dans Apparence → Menu et ajoutez la page au site principal.menu de navigationIl est facile pour les visiteurs de parcourir les informations sur les produits.
![Image [16] - Construire des pages de présentation de produits avec zéro code : un guide pour utiliser Blocksy](https://www.361sale.com/wp-content/uploads/2025/06/20250620190110615-image.png)
VI. résumé
Blocksy Ce thème permet à tout utilisateur de WordPress de créer facilement une page de présentation de produits. Du choix d'un modèle à l'ajout de contenu en passant par l'ajustement du style, il ne nécessite aucune compétence en matière de développement, il suffit d'une simple opération pour le réaliser. Que vous souhaitiez afficher un seul produit ou des informations sur plusieurs produits, vous pouvez atteindre un niveau professionnel d'effet visuel.
Ouvrez le backend maintenant et créez votre propre page de présentation de produits avec Blocksy.
Lien vers cet article :https://www.361sale.com/fr/61508L'article est protégé par le droit d'auteur et doit être reproduit avec mention.























![Emoji[wozuimei]-Photonflux.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Émoticône [baoquan] - Photon Wave Network | Services professionnels de réparation WordPress, couverture mondiale, réponse rapide](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Pas de commentaires