Elementor pour WordPress: Section interne facilement expliquée

L'utilisation d'Elementor pour WordPress t'offre de nombreuses possibilités pour la conception de ton site web. Une des fonctionnalités les plus utiles est la section interne, qui te permet de rendre ton agencement encore plus flexible. Dans ce guide, tu apprendras comment travailler efficacement avec les sections internes pour ajuster ton design.

Principales conclusions

• La section interne te permet d'ajouter des colonnes supplémentaires aux sections existantes.
• Tu peux ajuster la largeur et la hauteur des sections internes pour créer une mise en page attrayante.
• L'ajout d'arrière-plans, d'images et de vidéos aux sections internes améliore la conception visuelle de ta page.

Guide étape par étape

• Pour créer une section interne, commence par ouvrir l'éditeur Elementor et accède à la barre latérale gauche. Clique sur l'onglet "Essentiel". Là, tu trouveras la section interne.

• Une fois que la vue est déployée, tu peux faire glisser et déposer la section interne dans ta section existante. Toutefois, un simple clic ne suffit pas. Fais glisser la section interne dans l'une des colonnes, ce qui te donnera des colonnes supplémentaires à l'intérieur de cette colonne.

• Une fois que tu as placé la section interne, tu remarqueras que tu as maintenant un total de trois colonnes: deux externes et une interne. Pour augmenter le nombre de colonnes, tu peux simplement faire un clic droit sur la section interne et choisir l'option "Dupliquer".

• De plus, tu peux positionner ou déplacer les nouvelles sections internes de la même manière que tu le ferais avec les sections externes. Une méthode simple pour expérimenter avec la mise en page.

• Je te recommande de réfléchir à quelques-unes des sections internes que tu souhaites utiliser pour des éléments tels que des titres, des images et du texte. Clique sur la section interne pour ouvrir le panneau. Là, tu peux décider comment styliser les différents éléments.

• Entre les options de mise en page, tu peux ajuster la taille et l'espacement des colonnes. Il te suffit de choisir les paramètres qui correspondent à tes préférences.

• En plus de l'ajustement de la mise en page, tu peux également définir la largeur de la section interne. Cela se fait via le curseur dans la zone de mise en page. Fais glisser la ligne pour ajuster la largeur en conséquence.

• Une fonction importante est la personnalisation de l'espacement des colonnes. En ajoutant une deuxième colonne, tu peux affiner ces réglages et optimiser l'équilibre visuel de ta page.

• Pour apporter d'autres ajustements à la section interne, tu peux changer l'arrière-plan de la section sous l'onglet Style. Choisis si tu veux ajouter une couleur, un dégradé ou une image.

• Si tu souhaites définir un dégradé d'arrière-plan, tu peux spécifier la couleur supérieure et inférieure. L'ajout d'effets au survol peut également être sélectionné dans la section Style.

• Un autre aspect intéressant est la possibilité d'utiliser des vidéos comme arrière-plan pour tes sections. En insérant un lien vidéo, tu peux t'assurer que la vidéo se lira automatiquement en arrière-plan.

• Évidemment, tu peux également utiliser un diaporama. Ajoute simplement tes images et ajuste les effets de transition et la durée d'affichage.

• Enfin, nous devrions jeter un œil aux paramètres avancés. Ici, tu peux ajouter des ID CSS à la section interne pour mieux contrôler le comportement sur différentes tailles d'écran (design responsive).

Conclusion

En résumé, nous avons discuté des étapes de base pour utiliser efficacement la section interne dans Elementor. Cette fonctionnalité te permet de peaufiner ta mise en page et de créer des designs attrayants. En ajoutant plus de colonnes, d'images, de vidéos et d'arrière-plans, tu peux concevoir un site Web à la fois fonctionnel et attrayant.