Explication des fonctionnalités de mise en page d'Elementor

Elementor est un puissant plugin de construction de pages qui aide les utilisateurs à créer facilement des pages, des posts et des modèles. Lorsque vous utilisez Elementor, cliquez sur l'icône de l'engrenage dans le coin inférieur gauche pour accéder aux fonctions de configuration de la page. Dans cet article, nous allons présenter ces fonctions de réglage en détail, afin de mieux utiliser ces outils pour améliorer l'effet de la page.

I. Paramètres généraux

Dans les Paramètres généraux d'Elementor, vous pouvez définir les propriétés de base de la page, y compris le titre de la page, le statut de publication, l'image vedette, etc.

titre de la page

• titre de la pageTitre : Permet de définir le titre de la page. Ce titre sera affiché dans les onglets du navigateur et dans les résultats des moteurs de recherche, veillez donc à ce qu'il soit clair et qu'il contienne des mots-clés.

état de la page

état de la pageStatut de publication : Permet de définir le statut de publication de la page et contient les options suivantes :

• schémaLa page n'est pas encore complète et n'est visible que par les administrateurs et les rédacteurs.
• En attente de révisionLes pages doivent être révisées par un autre administrateur ou éditeur avant d'être publiées.
• intimeLe site Web de la Commission européenne ne contient pas de données sur l'activité de la Commission européenne : seuls les administrateurs et les rédacteurs connectés peuvent le voir.
• PubliéLa page a été affichée publiquement et est accessible à tous les utilisateurs.

Image en vedette

• Image en vedetteImage de couverture : Permet de définir l'image de couverture d'une page. Normalement, les images de couverture ne doivent pas être téléchargées pour les pages normales car elles n'apparaissent pas dans la liste. Cependant, pour les pagesArticles de blogL'image de couverture est très importante et peut être affichée dans une combinaison de graphiques et de texte dans la liste de blogs pour améliorer la lisibilité.

Masquer le titre

• Masquer le titre: Le bouton coulissant permet de masquer les en-têtes qui sont affichés par défaut sur la page. Cela n'affecte pas le bloc d'éléments d'en-tête que vous utilisez directement sur la page.

mise en page

mise en page: Permet de sélectionner la mise en page de la page en cours, il y a trois options :

• par défaut (réglage)La mise en page par défaut : utilise la mise en page par défaut du thème, ce qui est généralement recommandé.
• Elementor CanvasLa page n'a pas de haut et de bas par défaut, vous devez les créer vous-même. Convient pour créer une page unique différente du site principal.
• Elementor Full WidthLa largeur de page par défaut est 100% étirée à la même largeur que l'écran. Si cela ne fonctionne pas, vous pouvez définir la mise en page de la section sur la page en pleine largeur.

Deuxièmement, les paramètres de style

Les paramètres de style vous permettent de définir l'arrière-plan et l'espacement intérieur de la page afin de la rendre plus esthétique et cohérente.

Type d'arrière-plan

Elementor propose deux types d'arrière-plan :

• Couleur + ImageVous pouvez définir un arrière-plan de couleur unie ou télécharger une image d'arrière-plan.
• couleur dégradée: Définir un arrière-plan de couleur dégradée pour améliorer l'effet visuel de la page.

distance interne

• distance interne: Permet de définir l'espacement entre les bords extérieurs de la zone de contenu d'une page et le contenu afin de s'assurer que le contenu de la page n'épouse pas les bords, améliorant ainsi la lisibilité et l'esthétique.

III. paramètres avancés

Les paramètres avancés sont principalement utilisés pour ajouter du code CSS personnalisé, ce qui nécessite quelques connaissances en la matière.

CSS personnalisé

• CSS personnaliséLe code CSS personnalisé peut être ajouté à une page afin d'en embellir et d'en personnaliser l'apparence. Par exemple, le CSS personnalisé peut être utilisé pour ajuster le style et la disposition des éléments de la page.

/* Exemple de code CSS personnalisé */

body {
    font-family : Arial, sans-serif ;
}

.elementor-section {
    padding : 20px ; background-color : #f4f4f4 ; } .elementor-section {
    background-colour : #f4f4f4 ; }
}

Avec les paramètres ci-dessus, vous pouvez tirer pleinement parti des fonctionnalités d'Elementor pour créer une page qui répond à vos besoins et à votre esthétique.

résumés

Les fonctions de mise en page d'Elementor sont très puissantes et flexibles. En utilisant ces fonctionnalités à bon escient, les pages peuvent être facilement créées et personnalisées afin d'améliorer la qualité globale et l'expérience utilisateur de votre site web.