Maîtriser les paramètres de mise en page globale dans Elementor : un guide détaillé

Lors de l'utilisation d'Elementor Construire WordPress Lors du contrôle du site web, leParamètres de mise en page globaleIls sont essentiels pour garantir un site cohérent et visuellement attrayant. Les paramètres de mise en page globaux définissent l'apparence et la mise en page par défaut des pages du site, qu'elles soientLa largeur du contenu, le remplissage du conteneur ou l'espacement entre les éléments.Ceux-ci peuvent être gérés globalement afin de réduire la duplication des efforts dans la conception des pages et d'assurer l'uniformité de la conception du site.

Dans ce guide détaillé, nous verrons comment accéder et configurer les paramètres de mise en page globale d'Elementor pour vous aider àOptimisez votre site webde la conception des pages et de l'expérience utilisateur.

Que sont les paramètres globaux de mise en page ?

Les paramètres de mise en page globale sont un ensemble d'outils dans Elementor qui permettent de contrôler les paramètres de mise en page par défaut pour les pages du site. Ces paramètres n'affectent pas seulement le style de mise en page de l'ensemble du site, mais offrent également la flexibilité nécessaire pour gérer facilement la mise en page de manière cohérente d'une page à l'autre. Ces paramètres vous permettent de définir la largeur du contenu de la page, le remplissage et les espaces des conteneurs, la façon dont les titres de page sont affichés, le type de mise en page par défaut, et plus encore.

Comment accéder aux paramètres globaux de mise en page

Pour accéder aux paramètres de mise en page globale d'Elementor, suivez les étapes suivantes :

Allez dans l'éditeur Elementor: :

• Dans le tableau de bord de WordPress, sélectionnez la page que vous souhaitez modifier et cliquez sur "Utilisation de l'éditeur Elementor".

• Cela ouvre l'éditeur Elementor, où vous pouvez apporter des modifications au contenu et à la présentation de la page.

Ouvrir les paramètres du site: :

• Dans la barre d'outils supérieure de l'éditeur, cliquez sur "Paramètres du site"L'icône. est un bouton avec une icône d'outil ou de réglage.

Sélectionner les paramètres de mise en page: :

• Dans le panneau Paramètres du site, recherchez et cliquez sur "ouverture (jargon des échecs)Cette option ouvre la fenêtre "Paramètres de mise en page globale". Cette option permet d'ouvrir la fenêtre "Global Layout Settings", dans laquelle plusieurs paramètres de mise en page peuvent être configurés.

Paramètres de mise en page globale

Après avoir ouvert les paramètres de mise en page globale, vous verrez plusieurs options de mise en page. Nous décrivons ci-dessous en détail ce que fait chaque option et comment elle est configurée :

1. largeur du contenu

correspond à l'anglais -ity, -ism, -ization: définit la largeur par défaut du contenu de la page. Généralement, lorsqu'elle est définie pour une mise en page "encadrée", la largeur du contenu affecte la manière dont le contenu est affiché sur le bureau.

Paramètres recommandés: Habituellement1140 pixels.est un paramètre couramment utilisé.Particulièrement adapté aux écrans de bureau. Cette largeur garantit que le contenu s'affichera correctement sur la plupart des écrans, sans être trop étroit ni occuper tout l'écran.

Méthode de configurationDans l'option Largeur du contenu, entrez la valeur de la largeur souhaitée (en pixels). Cette valeur peut être ajustée en fonction des exigences de conception spécifiques afin de garantir que le contenu s'affiche correctement sur différents appareils.

2) Remplissage des conteneurs

correspond à l'anglais -ity, -ism, -izationLe padding : Lorsqu'on ajoute un élément ou un widget à un conteneur, le padding du conteneur préserve un certain espace entre l'élément et le bord du conteneur. Un remplissage adéquat garantit que le contenu de la page n'apparaît pas trop compact, ce qui améliore la lisibilité et l'esthétique visuelle.

Méthode de configurationDans l'option "Remplissage du conteneur", vous pouvez ajuster la quantité de remplissage en haut, en bas, à gauche et à droite du conteneur. En cliquant sur l'icône de lien, vous pouvez également définir différentes valeurs de remplissage pour différentes directions. Par exemple, vous pouvez définir un remplissage plus important pour le haut afin de garantir que le contenu de la page dispose de suffisamment d'espace pour respirer.

3. les lacunes du projet

correspond à l'anglais -ity, -ism, -izationEspace entre les éléments : L'espace entre les éléments détermine l'espacement par défaut entre plusieurs éléments ou widgets lorsqu'ils sont ajoutés à un conteneur. Ce paramètre est important pour que la mise en page reste nette et cohérente.

Méthode de configurationDans le réglage "Gap", il est possible deAjuster l'espacement entre le haut et le bas (colonnes) et entre la gauche et la droite (lignes) d'un élément. En cliquant sur l'icône du lien, il est possible de définir séparément l'espace libre pour les différentes directions afin de mieux répondre aux besoins de la conception de la page.

4) Sélecteur de titre de page

correspond à l'anglais -ity, -ism, -izationCe paramètre vous permet deModifier la pagequandMasquer le titre de la page. Par défaut, le sélecteur de titre de page est généralement h1.entry-title, mais si votre thème utilise un sélecteur différent, vous pouvez l'ajuster ici.

Méthode de configuration: dans "Sélecteur de titre de pageDans l'option "Titre de page", entrez le sélecteur de titre de page utilisé par le thème. Par exemple, si votre thème utilise un sélecteur personnalisé, remplacez-le par le sélecteur approprié. CSS Nom du sélecteur.

5. les ajustements de la section de tension

correspond à l'anglais -ity, -ism, -ization: Ce paramètre vous permet de contrôler la largeur maximale de la section de la page. En général, la largeur maximale de la page est déterminée par le paramètrebalise bodymais si votre thème utilise d'autres balises pour limiter la largeur de la page, vous pouvez entrer le nom de la balise correspondante ici.

Méthode de configuration: dans "La section de tension s'adapteDans l'option "body", entrez le nom de la balise du thème qui limite la largeur de la page. En général, seul body est indiqué, mais pour les thèmes qui utilisent d'autres balises, vous devrez ajuster en conséquence.

6. mise en page par défaut

correspond à l'anglais -ity, -ism, -izationCe paramètre détermine le type de mise en page par défaut pour la page.Par défaut, les pages sont mises en page selon les paramètres du thèmemais vous pouvez choisir d'utiliser les mises en page Elementor Canvas ou Elementor Full Width.

Méthode de configurationDans l'option "Mise en page par défaut", vous pouvez sélectionner Elementor Canvas ou Elementor Full Width comme type de mise en page par défaut pour l'option "Mise en page par défaut". Mise en page par défaut". Ce paramètre vous permet d'obtenir rapidement une mise en page plein écran, ce qui est particulièrement utile pour créer des pages spéciales telles que des pages d'atterrissage ou des pages d'accueil.

Sauvegarder et appliquer les paramètres globaux de mise en page

Après avoir effectué les modifications requises, n'oubliez pas de cliquer sur "Enregistrer les modifications"pour s'assurer que tous les réglages sont pris en compte.

Lorsque vous créez une nouvelle page ou modifiez une page existante, l'éditeur Elementor applique automatiquement ces paramètres par défaut. Cela permet non seulement de gagner du temps en répétant les paramètres, mais aussi d'assurer un style de conception cohérent sur l'ensemble de votre site.

rendre un verdict

En maîtrisant les paramètres de mise en page globale d'Elementor, vous pouvez contrôler efficacement l'apparence et la mise en page par défaut des pages du site. Ces paramètres offrent un haut degré de flexibilité, vous permettant de gérer votre site de manière cohérente avec vos besoins spécifiques en matière de conception. Qu'il s'agisse de la largeur du contenu, du remplissage du conteneur ou de l'espacement des éléments, une utilisation judicieuse de ces paramètres peut améliorer l'expérience globale de l'utilisateur de votre site et garantir qu'il s'affiche correctement sur différents appareils, en utilisant la fonction de mise en page globale d'Elementor.Elementor ProVous pouvez expérimenter plus de widgets pour apporter une excellente fonctionnalité.