Comment décorer et composer efficacement les thèmes de BoxShop : un guide complet (04)

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

Recherchez d'abord les pages, puis la page d'accueil, comme suit

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 !

Cliquez sur Modifier pour saisir les données, comme indiqué ci-dessus

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.

Il s'agit de la partie arrière.

Effet frontal correspondant

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.

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.

Sélectionnez la nouvelle option pour ajouter un module de produit

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

Etapes : Site web backend → pages → Home → TS Banner2

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 !

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.

Ci-dessous se trouve l'écran de l'ordinateur portable, vous devrez faire un compromis car il est adaptable.

Les paramètres, principalement les liens de saut pour les images, sont parfaitement configurés.

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.

En ce qui concerne les modules de produits, comme indiqué ci-dessus

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 !

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

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

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 !

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 !

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 !

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
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : [email protected]
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.