Bienvenue dans ce tutoriel ! Aujourd'hui, nous allons nous plonger dans la décoration et la mise en page du thème BoxShop, qui est un thème WordPress puissant et flexible. Contrairement aux thèmes précédents, cette fois-ci nous allons nous concentrer sur la fa?on d'éditer et de configurer le thème dans le backend en utilisant WPBakery Page Builder. Dans ce guide, nous allons décomposer chaque étape en détail pour vous aider à comprendre rapidement comment gérer et personnaliser efficacement votre thème BoxShop pour rendre votre site Web plus attrayant et fonctionnel.
Etapes : Site web backend → pages → Home → WPBakery Page Builder
![Image [1] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service de réparation WordPress professionnel, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080211293628.png)
Recherchez d'abord les pages, puis la page d'accueil, comme suit
![Image [2] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Professional WordPress Repair Service, Global Reach, Fast Response](http://gqxi.cn/wp-content/uploads/2024/08/2024080211325523.png)
Selon les différents modèles, le nom de la page d'accueil sera différent, veuillez identifier la page d'accueil (home), c'est la page d'accueil qui est mise en place, généralement mise en place, si ce n'est pas le cas, il faut aller ailleurs pour l'ajuster !
![Image [3] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080211431878.png)
Cliquez sur Modifier pour saisir les données, comme indiqué ci-dessus
![Image [4] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080211451279.png)
Ensuite, nous aurons une telle interface, en fait, c'est aussi l'éditeur WPBakery Page Builder pour éditer, avant le thème Basel est aussi l'éditeur WPBakery Page Builder, mais c'est l'éditeur visuel front-end, et ceci ne supporte que l'édition back-end, vous devez garder les paramètres dans le back-end, et ensuite aller dans le front-end pour voir les résultats, donc il y aura Avantages et inconvénients, l'avantage est que le front-end et le back-end sont séparés, il n'y aura pas de résultats causés par une mauvaise utilisation, l'inconvénient est que vous ne pouvez pas voir l'effet direct de moreThème Basel WPBakery Page Builder EditorIl peut être consulté en cliquant sur le lien suivant
Passons à l'action.
![Image [5] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080211533535.png)
Il s'agit de la partie arrière.
![Image [6] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080211551136.png)
Effet frontal correspondant
![Image [7] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080211581662.png)
L'image est très simple, elle sera expliquée en détail ici, vous pouvez aller voir l'image.Thème Basel WPBakery Page Builder EditorLe contenu est clair, ou vous pouvez le traduire pour le rendre compréhensible.
![Image [8] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service de réparation WordPress professionnel, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080212011415.png)
Il s'agit d'un module pour les produits avec plusieurs options, si vous devez ajouter des options, vous devez ajouter des onglets, sélectionnez le signe + pour ajouter, ou le signe + après l'option à ajouter.
![Image [9] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080212101087.png)
Sélectionnez la nouvelle option pour ajouter un module de produit
![Image [10] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service de réparation WordPress professionnel, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080212112144.png)
Section (partie) ici pour définir le nom de la nouvelle option, veuillez vous assurer que l'id suivant chaque degré n'est pas le même, sinon il ne pourra pas conduire à l'incapacité de sauter !
L'effet est alors réalisé comme suit
![Image [11] - Comment décorer et mettre en page efficacement les thèmes de BoxShop : un guide complet (04) - Photon Fluctuation Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080212132017.png)
Etapes : Site web backend → pages → Home → TS Banner2
![Image [12] - Comment décorer et mettre en page efficacement les thèmes de BoxShop : un guide complet (04) - Photon Fluctuation Network | Service de réparation WordPress professionnel, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080903315199.png)
La bannière est aussi l'image, elle peut être comprise comme une bannière, ce n'est rien à dire, mais il faut juste faire attention à un point, la taille de l'image doit être cohérente, sinon elle a l'air tordue, vous pouvez utiliser certains outils d'image pour recadrer à une spécification uniforme !
![Image [13] - Comment décorer et mettre en page efficacement les thèmes de BoxShop : un guide complet (04) - Photon Fluctuation Network | Service de réparation WordPress professionnel, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080903343892.png)
Comme le montre l'image ci-dessus, l'affichage est meilleur, mais il est évident que l'affichage est différent d'un écran à l'autre.
![Image [14] - Comment décorer et mettre en page efficacement les thèmes de BoxShop : un guide complet (04) - photonfluctuation.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080903353311.png)
Ci-dessous se trouve l'écran de l'ordinateur portable, vous devrez faire un compromis car il est adaptable.
![Image [15] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080905593992.png)
Les paramètres, principalement les liens de saut pour les images, sont parfaitement configurés.
![Image [16] - Comment décorer et mettre en page efficacement les thèmes de BoxShop : un guide complet (04) - Photon Fluctuation Network | Service de réparation WordPress professionnel, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080906093319.png)
Il existe un effet tactile de la souris, qui consiste à toucher l'image, ce qui permet d'ajuster les paramètres en fonction de la situation réelle.
![Image [17] - Comment décorer et mettre en page efficacement les thèmes de BoxShop : un guide complet (04) - Photon Fluctuation Network | Service de réparation WordPress professionnel, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080906125270.png)
En ce qui concerne les modules de produits, comme indiqué ci-dessus
![Image [18] - Comment décorer et mettre en page efficacement les thèmes de BoxShop : un guide complet (04) - Photon Fluctuation Network | Service de réparation WordPress professionnel, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080906190374.png)
Choisissez un bon nom de produit, vous pouvez écrire le nom dans le module du produit, vous pouvez aussi quand le degré ajouter un titre ou un texte pour écrire le nom, dans la sélection de la classification du produit, si vous ne choisissez pas, l'affichage par défaut de tous les produits, le tri automatique, et puis c'est le style de l'affichage du produit, ainsi que certains du contenu et des détails de l'affichage, vous pouvez en fonction de la traduction !
![Image [19] - Comment décorer et mettre en page efficacement les thèmes de BoxShop : un guide complet (04) - photonfluctuation.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080906241547.png)
![Image [20] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service de réparation WordPress professionnel, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080906251865.png)
En ce qui concerne les blogs et les vidéos, c'est assez facile aussi. Comme dans l'image ci-dessus
Etapes : Backend → pages → Home → TS Blog
![Image [21] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080906260991.png)
Blog si vous ne voulez pas montrer une classification spécifique des articles du blog, ne cochez pas, son défaut est coché, donc dans l'émergence de l'article par défaut supprimé, mais votre nouveau blog ne montre pas, c'est-à-dire, ici est mis en place un problème !
Etapes : Backend → pages → Home → Video Player
![Image [22] - Comment décorer et mettre en page efficacement les thèmes de BoxShop : un guide complet (04) - Photon Fluctuation Network | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080906281966.png)
La vidéo insérée ici se présente sous la forme d'un lien, et non d'un shortcode intégré, alors faites attention !
![Image [23] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service de réparation WordPress professionnel, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080906353058.png)
Ce thème est livré avec le module d'abonnement, le tableau suivant, il a plusieurs styles à choisir, mais généralement choisir la valeur par défaut, plus en ligne avec ce modèle !
![Image [24] - Comment décorer et mettre en page efficacement les thèmes BoxShop : un guide complet (04) - Photon Fluctuation Network | Service de réparation WordPress professionnel, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080906385292.png)
![Image [25] - Comment décorer et mettre en page efficacement les thèmes de BoxShop : un guide complet (04) - Photon Fluctuation Network | Service de réparation WordPress professionnel, dans le monde entier, réponse rapide](http://gqxi.cn/wp-content/uploads/2024/08/2024080906402327.png)
Vous pouvez également ajouter une image de fond si vous en avez besoin, mais il est recommandé d'utiliser l'image par défaut.
résumés
C'est la fin de ce tutoriel, nous espérons qu'à travers cette explication détaillée, vous avez une compréhension plus claire de la décoration et de la mise en page du thème BoxShop et de sa capacité à fonctionner. Dans le prochain numéro, nous continuerons à explorer comment utiliser le thème BoxShop livré avec des fonctionnalités permettant de personnaliser les paramètres, afin de créer un site web unique qui répondra mieux à vos besoins. Nous vous remercions de votre attention et vous donnons rendez-vous dans le prochain numéro !
Lien vers cet article :http://gqxi.cn/fr/15364L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires