Zero Code Implementation : Publication de belles pages de présentation de produits avec le thème Blocksy

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

Pourquoi Blocksy ?

Image [2] - Construire des pages de présentation de produits avec zéro code : Guide d'utilisation de Blocksy

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
  • 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
  • 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
  • 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

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

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
  • 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
  • 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
  • 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

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
  • 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

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
  • 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
  • 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

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.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨询:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
© Déclaration de reproduction
Cet article a été écrit par lmx
LA FIN
Si vous l'aimez, soutenez-le.
félicitations153 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires