Analyse complète de la présentation de la page d'accueil du thème Avada et conseils pour le paramétrage des conteneurs (04)

Lors de l'utilisation du thème Avada, de nombreux débutants peuvent être confus sur la mise en page de la page d'accueil, en particulier dans la sélection et la configuration des conteneurs et des modules. Comparé à d'autres constructeurs de pages tels que Elementor et WPBakery Page Builder, l'éditeur intégré du thème Avada fournit une méthode de mise en page plus intuitive et plus efficace. Dans cet article, nous allons expliquer en détail comment faire la mise en page de la page d'accueil dans Avada pour vous aider à démarrer rapidement et à maîtriser les compétences de réglage des conteneurs et des modules.

Etapes : Website Frontend→Edit Live→ADD COLUMNS

Sur la première page, nous voyons ce symbole placé au centre et à droite, alors comment choisir ?

Si vous ajoutez la ligne que vous avez maintenant, cliquez sur Ajouter au centre.

Si vous souhaitez ajouter un élément ci-dessous, cliquez sur le symbole d'ajout sur le côté droit.

Si vous souhaitez définir les paramètres actuels des conteneurs de cette colonne, sélectionnez le symbole du stylo de droite

Ensuite, il y aura des paramètres de conteneur correspondants, tels que la largeur, le style, l'espacement et l'appareil à afficher, etc.

Comme indiqué ci-dessus, le thème Avada est livré avec l'éditeur, pour l'ajustement du cadre extérieur et intérieur, il est visuel, pour l'éditeur elmentor et WPBakery Page Builder, vous avez également besoin de cliquer et ensuite de configurer l'intérieur avancé, peut être trop pratique !

Sur le chemin, le bleu est le cadre intérieur, le violet est le cadre extérieur, il est possible de tirer directement, de haut en bas ou des deux côtés, ce point est encore très bien fait !

Après l'avoir ajouté, une fenêtre contextuelle apparaît pour sélectionner le style du conteneur (comme illustré ci-dessous).

Je pense que c'est aussi une bonne conception, il ne permet pas aux modules d'être autonomes, un conteneur doit contrôler le module, mais elmentor et l'éditeur WPBakery Page Builder sont ceux qui permettent aux modules d'être autonomes !

L'avantage est qu'il n'y a pas besoin de s'inquiéter de leurs propres conteneurs qui auront un mauvais arrangement de l'effet, je parle de s'il y a plus de quatre colonnes ou plus, où fondamentalement couvert, il n'y a pas besoin d'aller pour configurer manuellement le conteneur, mais elmentor et WPBakery Page Builder éditeur est en mesure d'aller à leur propre pour ajouter plus de conteneurs, bien sûr ! Il y a plus d'éléments incontrôlables, tels que la disposition de la distorsion ou l'affichage du front-end n'est pas net, bien sûr, cet espace personnalisé est plus élevé !

Comme indiqué ci-dessus, nous ajoutons un conteneur 1/1, également sur une disposition de conteneur, puis nous cliquons sur ajouter un module, (comme indiqué ci-dessous).

Si vous n'avez pas l'impression qu'il y a trop de modules, alors si vous avez un certain niveau de compétence, vous pouvez essayer le coin supérieur droit de la recherche, bien sûr, le conseil aux débutants est toujours dans cette page à trouver, plus d'action !

Il s'agit du bloc de texte, ou de l'élément de texte, qui est également le plus utilisé

Cliquez sur le symbole du stylo au milieu (modifier) Notez que tous les symboles latéraux sont des paramètres de conteneur, s'il s'agit d'un module, cliquez sur le symbole du milieu.

Etapes : Frontend→Edit Live→ADD COLUMNS→Text Block

Il y a ensuite un certain nombre de paramètres, le contenu du texte, la position du texte et la présentation de l'appareil.

Il n'est pas recommandé de le faire, car cela risquerait de gâcher la mise en page.

Cliquez sur le point d'interrogation pour obtenir l'explication correspondante, si vous voulez obtenir une colonne de plus d'un, directement avec le conteneur de la mise en page multi-colonnes sur la ligne, c'est plus compatible, il n'y aura pas de paramètres frontaux qui ne sont pas compatibles avec la situation !

Bien entendu, dans Design (conception), vous pourrez également régler la couleur d'arrière-plan et la distance intérieure, en fonction de la situation réelle.

Module de bouton-poussoir

Etapes : Website Frontend→Edit Live→ADD COLUMNS→Button

Ensuite, nous pouvons définir certaines informations du bouton sur le côté gauche, telles que le lien, le texte du bouton, le format du saut du bouton, etc.

Si vous ne comprenez pas la signification de chaque paramètre, vous pouvez vérifier que les points d'interrogation correspondants sont expliqués, c'est le détail d'un bon thème !

Design : vous pouvez ici définir le style du bouton, ainsi que l'icône, la taille du bouton, etc.

Etapes : Website Frontend→Edit Live→ADD COLUMNS→image

Module image

Cliquez sur Modifier, puis remplacez l'image, téléchargez-la dans la bibliothèque multimédia ou localement, et ajoutez le lien pour compléter le saut d'image de base !

Dans Design (conception), le traitement peut être ajusté à la largeur et à la position maximales, etc., il y a une image qui peut être placée à l'extérieur, vous pouvez comprendre une image de contrôle de conteneur, c'est un masque, ou tout à fait intéressant !

Vous pouvez également définir la position de ce masque, sa taille, la duplication de l'image, etc.

Légende, vous pouvez également créer une légende pour l'image.

Il existe de nombreux types avec des positions de tête différentes, à vous de choisir en fonction de votre situation réelle.

Rouge parce que la couleur d'arrière-plan est rouge

Comme indiqué ci-dessus, il peut être modifié

Tous les modules sont animés dans le dernier réglage (Extras).

Les éléments suivants peuvent être ignorés, certains modules n'en disposant pas

résumés

Avec ce tutoriel, je suis sûr que vous avez acquis une compréhension plus approfondie de la mise en page d'accueil du thème Avada. De la sélection des conteneurs à la configuration des modules, nous voyons comment l'éditeur Avada simplifie l'opération de mise en page. Si vous avez trouvé ce numéro utile, nous vous invitons à rester à l'écoute, nous continuerons à expliquer d'autres trucs et astuces sur le thème Avada dans le prochain numéro pour vous aider à construire des sites web professionnels avec plus de flexibilité.

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 : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.