Dans notre dernier numéro, nous avons examiné laThème Astrade quelques conseils de base en matière de typographie. Aujourd'hui, nous allons continuer à approfondir la fa?on dont laElementorFaites un meilleur usage des mises en page de type conteneur et grille dans l'éditeur pour vous aider à créer des sites web plus flexibles et plus esthétiques. Que vous soyez débutant ou expérimenté, ces conseils vous seront utiles.

Si vous devez créer deux, quatre ou même plus de modèles

Comme indiqué ci-dessus, vous devez d'abord ajouter un conteneur (Container)

étapes : Site web front-end → Modifier avec Elementor → Mise en page → Conteneur ou grille

Le choix du conteneur et de la grille doit se faire en fonction de la situation réelle, mais il est recommandé de privilégier le conteneur.

Container peut choisir parmi une variété de dispositions, bien s?r, Grid fonctionne également, mais Container peut toujours ajouter des modules à l'intérieur, tandis que la Grid est fixe, comme indiqué ci-dessous, la bo?te rouge est Container, si vous avez besoin d'afficher plusieurs modules, certainement Container, la bo?te jaune est Grid, le résultat est évident !

Mais la grille a aussi ses propres avantages, si vous avez déjà un conteneur, mais que vous voulez le diviser en deux ou même quatre dispositions, cela réinitialise le conteneur deux dispositions du conteneur n'est pas en mesure de faire glisser le conteneur vers le premier, mais la grille peut être ajustée à tout moment, le tableau suivant, donc nous allons en fonction de la situation réelle pour ajuster la grille de la grille de la grille.

Ensuite, nous allons parler de la mise en place et de la méthode de deux mises en page

L'illustration ci-dessus présente deux modèles de conteneurs : à gauche, un module de texte et de titre, un module de texte et un module de bouton ; à droite, un module d'image unique.

Le premier module de texte à gauche Pourquoi les gens pensent-ils qu'il peut être ajusté si petit ?

Nous trouvons le module de texte Edit Text Editor

Etapes : Frontend → Edit with Elementor → Edit Text Editor

Besoin de redimensionner le texte, suivez les étapes ci-dessus, la couleur est ajustée à l'endroit où se trouve le contenu.

C'est ainsi que les choses se mettent en place.

Le module de boutons permet de définir le texte et la position, bien entendu, le style de la couleur d'arrière-plan peut également être ajusté !

Etapes : Site web Frontend→Editer avec Elementor→Creative Button

Le module d'image à droite n'est pas trop encombrant, il suffit de le recadrer à la bonne taille si vous en avez besoin, verticalement et non horizontalement.

Voici comment se présentent les deux mises en page

Bien entendu, les quatre schémas sont les mêmes

Après avoir configuré les quatre modèles, ajoutez un titre et un module de texte à chacun d'entre eux.

La couleur d'arrière-plan est fixée au noir pour un conteneur

L'arrière-plan du module est blanc

Le module définit la largeur, la position et l'espacement.

Résumé :

à la fin de cet article, vous devriez avoir une meilleure compréhension de l'utilisation des conteneurs et de la grille, et être en mesure de choisir la bonne mise en page en fonction de vos besoins réels. N'oubliez pas que le conteneur convient aux besoins de mise en page plus flexibles, tandis que la grille peut vous aider à diviser rapidement la mise en page dans les conteneurs existants. Dans le prochain numéro, nous continuerons à vous apporter d'autres conseils et astuces pratiques sur le thème Astra, 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 : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.