Maîtriser WPBakery Page Builder : Un guide de base pour rénover les thèmes de Bâle avec facilité (06)

Cet article vous guidera pas à pas dans le processus de masterisation.Editeur du constructeur de pages WPBakeryLe thème "Basel" a été rénové à l'aide du logiciel "Revolution Slider". Chaque étape et chaque paramètre sont expliqués en détail, du Revolution Slider à l'utilisation des rangées (ROW).

Ensuite, nous commencerons officiellement

L'éditeur WPBakery Page Builder commence à rénover le thème Basel

Etapes Website Frontend → Editer avec WPBakery Page Builder

Comme indiqué ci-dessus dans la page d'édition frontale, nous pouvons voir qu'il y a différents modules, l'illustration ci-dessus montre le curseur révolutionnaire (bannière d'affichage).

Il existe également des fonctions telles que ROW et Column.

Laissez-moi vous raconter tout cela.

1) Nous parlons d'abord du Revolution Slider (Revolution Slider) Il s'agit de la page d'accueil de la fonction poster, celle-ci n'est pas définie ici, nous n'avons donc pas besoin de la déplacer !

Comme indiqué ci-dessus, nous accédons à la page d'édition

1. le front-end du site Steps → le symbole du stylo (éditer)

Il suffit de sélectionner le modèle de poster (bannière) à partir duquel nous avons importé les données de démonstration et le tour est joué !

2) ROW

3. colonnes

Les lignes et les colonnes sont fondamentalement le même module, bien sûr, vous pouvez mettre le module directement, mais vous ne pouvez pas contrôler la taille du module ainsi que certaines des caractéristiques d'affichage, nous en parlerons lentement plus tard !

ROW (row) permet de contrôler l'ensemble du module, quel que soit le nombre de modules à l'intérieur, il est un tout, il est également placé à l'intérieur du tout plutôt qu'un seul, par la suite nous parlerons de la colonne (Colonne), vous verrez.

Comme démontré ci-dessus, il est en mesure de faire glisser l'ensemble du module

Rangée de pas → Symbole (élargi)

Rangée de pas → Symbole du stylo (modifier)

Étapes Paramètres de la rangée→Général

Comme indiqué ci-dessus sur la page d'édition, j'écrirai une explication de certaines des fonctions de base encerclées ci-dessus.

Extension de la rangée : peut être interprétée comme la taille du module entier.

L'étirement de la ligne et du contenu et l'étirement de la ligne et du contenu (sans espacement) sont de pleine largeur (tout compris) et le contenu n'est pas de pleine largeur.

La ligne par défaut et la ligne étirée sont la différence entre une ligne par défaut et un espace, qui est la position du centre.

Comme le montre l'image ci-dessus, vous pouvez l'ajuster en fonction de vos besoins réels.

Espace entre les colonnes : peut être considéré comme un espace, la situation générale n'a pas besoin d'être déplacée, mais si l'extrémité avant est plus encombrée, nous nous adaptons au besoin.

Position du contenu : position du contenu, généralement par défaut.

Comme indiqué ci-dessus, ajustez en fonction de la situation réelle, n'oubliez pas d'enregistrer les modifications pour les sauvegarder !

Étapes Paramètres de la rangée→Options de conception

Parlons des options de conception, qui permettent d'ajuster l'arrière-plan et les couleurs, ainsi que l'espacement entre le haut, le bas, la gauche et la droite.

Couleur de la bordure : la couleur de la bordure

Style de la bordure : le style de la bordure (style)

Rayon de la bordure : l'espace de la bordure (il n'est généralement pas nécessaire de l'ajuster)

Aucun des éléments ci-dessus n'a besoin d'être ajusté pour les cas simples.

Arrière-plan : la couleur et l'image d'arrière-plan à ajouter, ainsi que l'effet d'affichage de l'image.

Ajuster l'arrière-plan de l'ensemble du module en fonction de la situation réelle, comme indiqué ci-dessus.

Si l'image ci-dessus montre un écran sans arrière-plan et un écran avec arrière-plan

Réglages de la rangée d'étapes→CSS box

Comme le montre la figure ci-dessus, il s'agit ici d'ajuster les écarts supérieur et inférieur ainsi que gauche et droit, ce qui peut être utilisé pour l'affichage frontal de l'ajustement, ainsi que le style du module, en général, il n'est pas nécessaire d'ajuster, les modules supérieur et inférieur généraux seront utilisés en cas de congestion, le cadre extérieur ci-dessus a été ajusté dans le cadre du module, nous ajustons généralement la marge hors du cadre de l'écart, vous pouvez ajouter une valeur positive ou une valeur négative, pour obtenir l'écart.

Étape ROW → trois symboles (format du nombre de lignes)

Disposition des lignes : sélectionnez le nombre de lignes (exemples ci-dessus : une, deux, deux lignes larges à gauche, deux lignes étroites à droite, et trois), vous pouvez voir selon l'icône

Saisissez une mise en page personnalisée pour votre rangée : vous pouvez ajouter le nombre de rangées vous-même (le formulaire moléculaire convient).

Comme l'icône derrière l'image ci-dessus signifie →
+ : ajouter un module, cloner une ligne entière, copier une ligne, coller, fermer, tout le monde comprend en fonction des boutons et de la traduction.

Ce qui précède décrit la fonction de l'éditeur WPBakery Page Builder ROW, je vais en dire plus sur la fonction de l'éditeur pour décorer le thème Basel, cet article ne décrit que certaines des fonctions de base, plus adapté pour les novices, si vous avez une étude plus approfondie de la décoration du thème Basel, bienvenue à en discuter avec moi !

résumés

Ce qui précède est une introduction aux fonctionnalités de base de Row (ROW) dans l'éditeur de WPBakery Page Builder. Dans le prochain article, nous continuerons à expliquer d'autres fonctionnalités de l'éditeur pour vous aider à rénover complètement le thème Basel, restez à l'écoute.

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.