Comment créer une page d’accueil personnalisée pour un blog WordPress en utilisant elementor

Chaque Blog WordPress a une page d’accueil différente selon le thème utilisé. Dans la plupart des blogs WordPress, la page d’accueil affiche généralement des articles sur le blog concerné. Qu’il s’agisse d’articles à jour ou d’articles spécialisés qui sont filtrés selon des critères précis. Si la mise en page \/ l’apparence de la page d’accueil d’un sujet ne vous impressionne pas, vous pouvez utiliser votre propre design pour créer une page d’accueil personnalisée qui remplace la page d’accueil par défaut fournie par le sujet. Elementor est un plug – in parfait. Si vous n’en avez pas entendu parler. Elementor est le plugin de création de page le plus populaire de WordPress. Il dispose d’un éditeur visuel qui peut faire glisser et publier tout le contenu. Non seulement vous pouvez utiliser elementor pour créer des pages, mais vous pouvez également créer des modèles personnalisés pour les en – têtes, les pieds de page et d’autres parties d’un sujet. Si vous êtes un utilisateur de WordPress sans compétences en programmation, travailler avec elementor sera très amusant.
Comment créer une page d’accueil personnalisée pour un blog WordPress en utilisant elementor vous pouvez ajouter n’importe quel élément que vous aimez en créant une page d’accueil personnalisée pour un blog WordPress en utilisant elementor. À partir du curseur, de vos photos (éventuellement), de votre profil, des boutons d’attention des médias sociaux, de vos articles (que vous pouvez filtrer), et plus encore. Dans cet exemple, nous montrerons comment créer une page d’accueil de blog simple, comme indiqué ci – dessous. Ce n’est qu’un exemple. Vous pouvez créer une page d’accueil de blog personnalisée, qui est beaucoup mieux que votre propre page d’accueil conçue. Elementor lui – même a quelques modèles prédéfinis de page d’accueil de blog qui peuvent vous convenir.
Si vous êtes complètement étranger à elementor, lisez notre article précédent pour savoir comment utiliser elementor. Vous pouvez apprendre à ajouter et personnaliser des sections et des widgets. La page d’accueil du blog personnalisé que nous allons créer ici se compose de trois parties:
Partie 1: placer des widgets d’image, des widgets d’éditeur de texte et des widgets d’icônes sociales. Partie 2: placer le Widget titre. Section 3: placer le Widget de message. Créez d’abord une nouvelle page (page – > Ajouter une nouvelle page), puis modifiez – la avec l’élément (utilisez l’élément pour cliquer sur le bouton Édition). Si vous créez une page d’accueil personnalisée à partir du modèle par défaut, vous pouvez ouvrir la Bibliothèque de modèles en cliquant sur l’icône du dossier dans la zone toile.
Recherchez le modèle de page d’accueil de votre blog préféré et cliquez sur le bouton Insérer pour l’importer dans la zone toile. Créez votre propre page d’accueil de blog à partir de zéro avant de commencer à créer une page, vous pouvez définir la mise en page. Cliquez sur l’icône Gear en bas du panneau de configuration (panneau de gauche). Vous pouvez définir la mise en page dans les options de mise en page du bloc paramètres généraux de l’onglet paramètres. Section 1 comme indiqué ci – dessus, nous utiliserons cette section pour placer des widgets d’image, des widgets d’éditeur de texte et des widgets d’icônes sociales. Cliquez sur le bouton plus dans la zone toile pour ajouter une nouvelle section. Sélectionnez une structure à deux colonnes.
Faites glisser le Widget image et placez – le dans la première colonne de la section. Allez dans le panneau paramètres pour les paramètres. Vous pouvez sélectionner une image en cliquant sur le sélecteur d’image dans le bloc d’image de l’onglet contenu. Alternativement, si vous souhaitez utiliser WordPress Ava (image du profil de l’auteur), vous pouvez cliquer sur l’icône de la base de données et sélectionner l’image du profil de l’auteur. Pour assigner un style à une image, vous pouvez passer à l’onglet styles. À partir de cet onglet, vous pouvez définir la taille de l’image (largeur et hauteur), le rayon de la bordure, le type de bordure, la taille de la bordure, la couleur de la bordure, la couleur de la bordure, la couleur de la bordure, la bordure
Possibilité de sélectionner la structure de la colonne. Après avoir ajouté une section, ajoutez un widget de titre et remplacez le texte par défaut par votre propre texte. Vous pouvez ensuite aller à l’onglet styles pour spécifier un style pour le titre. Vous pouvez définir la typographie, la couleur du texte, l’ombrage du texte et les modes de mélange. Il suffit d’aller à l’onglet avancé pour définir le remplissage et les marges du Widget titre. Section 3 nous utiliserons cette section pour placer le Widget post. Le Widget post lui – même n’est disponible que sur elementor pro (lire: elementor Free vs elementor pro). En d’autres termes, vous devez utiliser la version pro de l’élément pour l’utiliser. Ou vous pouvez utiliser l’un des add – ons d’élément suivants.
Bon niveau add – ons add – ons de base les trois add – ons ont un widget gratuit qui peut afficher des messages de blog sur votre site Web au lieu du Widget elementor Native post. Comme nous utilisons elementor pro, nous utiliserons le Widget post. Cliquez sur le bouton plus dans la zone toile pour ajouter une nouvelle section. Cette fois, choisissez la structure à trois colonnes. Vous pouvez définir la taille de la colonne avant d’ajouter un widget post. Pour ce faire, cliquez et maintenez le bord de la colonne, puis faites glisser à droite ou à gauche.
Lorsque la colonne est prête, faites glisser le Widget Post et placez – le sur la deuxième colonne (la colonne du milieu). Par défaut, le Widget post affiche les articles sur le site Web en trois colonnes. Vous pouvez aller dans le panneau paramètres pour personnaliser. Vous pouvez également filtrer les éléments du panneau paramètres. Pour plus de détails sur la façon d’utiliser le Widget Post, vous pouvez lire notre article précédent. Lorsque vous avez terminé d’éditer la page, cliquez sur le bouton commun en bas du panneau de configuration pour publier
(En milliers de dollars des États – Unis) Vous pouvez également l’prévisualiser en cliquant sur l’icône Eye à côté du bouton public. Configurer la page que vous venez de créer comme page d’accueil du blog après avoir publié la page d’accueil personnalisée ci – dessus, vous devez la configurer comme page d’accueil du blog. Pour ce faire, allez à paramètres sur le tableau de bord wordpress – > lire. Dans l’option afficher votre page d’accueil, définissez une page statique et sélectionnez la page d’accueil que vous venez de créer dans le menu déroulant de la page d’accueil. N’oubliez pas de cliquer sur le bouton Enregistrer les modifications pour appliquer les modifications. Si les thèmes WordPress que vous utilisez sur votre blog ne fournissent pas la mise en page de la page d’accueil en fonction de vos besoins ou de ce que vous voulez, vous pouvez simplement créer une page d’accueil personnalisée pour la remplacer. Elementor est un plug – in que vous pouvez utiliser pour le faire. Il dispose d’un éditeur visuel très intuitif qui permet de glisser et de déposer tout le contenu. Elementor fournit au total plus de 90 éléments (widgets). L’élément comprend également un générateur de thème qui vous permet de créer des modèles personnalisés pour les en – têtes, les pieds de page, les pages d’archive, les pages 404, etc.