Une page pleine largeur peut vraiment faire ressortir votre site Web WordPress, c’est pourquoi tant de thèmes premium sont accompagnés d’un disposition pleine largeur. Cependant, si vous n’utilisez pas de thème avec une page pleine largeur intégrée, vous pouvez facilement utiliser un plugin ou l’éditeur de page Elementor pour le mettre en page. Nous allons vous montrer comment.
Mais d’abord, vous vous demandez peut-être : qu’est-ce qu’une page pleine largeur exactement ? Cette question et trois méthodes de création et de mise en page d’une page pleine largeur sont le sujet de cet article.
Une mise en page pleine largeur peut être un excellent moyen de présenter des graphiques. Si vous concevez une page Web axée sur les visuels, vous pouvez les utiliser pleinement en les affichant dans toute leur splendeur, sans barres latérales ni autres éléments qui encombrent l’espace de votre page Web. Si vous gérez un blog ou un site Web d’actualités contenant beaucoup de texte, une mise en page pleine largeur signifiera que vos utilisateurs devront lire des lignes de texte s’étendant sur toute la largeur de la page, ce qui fatigue les yeux. Une bonne solution à cela pourrait être d’introduire des onglets, mais une mise en page pleine largeur toujours fonctionne mieux pour le contenu d’imaget.
Même si le site Web que vous consultez n’est pas un portfolio graphique, une mise en page pleine largeur peut donnez à votre site Web un look dynamique et moderne. Néanmoins, une conception traditionnelle en boîte confère un ton plus sérieux et professionnel. Selon le type d’entreprise dans lequel vous travaillez, une mise en page pleine largeur peut ne pas vous convenir.
Si votre thème a déjà une mise en page pleine largeur, vous avez de la chance. Ce sera assez facile à trouver. Chargez simplement la page que vous souhaitez mettre en page en pleine largeur, trouvez le Attributs de page rubrique dans le Document onglet de votre menu de droite, et sélectionnez le Pleine largeur disposition là-bas.
Et c’est tout ce qu’il y a à faire. Vous pouvez maintenant continuer à éditer votre page pleine largeur comme vous le feriez pour n’importe quelle autre page. Le spécifique, bien sûr, dépendra de votre thème.
Maintenant, si votre thème n’a pas de modèle de page pleine largeur, vous pouvez essayer de le modifier à l’aide d’un plugin. Le plugin que nous utiliserons est Modèles pleine largeur. Vous devez installer et activer le plugin Fullwidth Templates. Si vous ne savez pas comment installer un plugin, nous avons un tutoriel pratique rien que pour vous.
Une fois que vous avez fait cela, vous constaterez que vous avez trois nouveaux modèles dans le Attributs de page section de la page que vous modifiez. FW pleine largeur crée simplement une page pleine largeur au cas où votre thème ne vous en fournirait pas, FW Fullwidth Pas d’en-tête Pied de page supprime également l’en-tête et le pied de page pour un look ultra-minimaliste, et FW Pas de barre latérale supprimera uniquement votre barre latérale, si vous l’utilisez, libérant ainsi plus d’espace sur votre page.
Ci-dessous, par exemple, est à quoi ressemble une page avec juste du texte d’espace réservé et une image dans FW Fullwidth Pas d’en-tête Pied de page mode : le plugin a presque tout nettoyé. Bien sûr, cela en fait une solution extrêmement minimaliste et sans fioritures compte tenu du thème que nous utilisons (bien qu’il soit pratiquement garanti que c’est la page de chargement la plus rapide que nous ayons jamais créée), mais cela peut fonctionner pour vous en fonction de votre contenu.
Gardez à l’esprit, cependant : ce plugin a été testé avec de nombreux thèmes et constructeurs de pages les plus populaires, mais, selon la mise en page, il se peut qu’il ne fonctionne pas avec le vôtre. Il est généralement préférable de se fier aux paramètres du thème si vous n’êtes pas un utilisateur WordPress expérimenté.
Si vous utilisez Elementor, vous avez de la chance : cet éditeur de page a déjà la fonctionnalité dont vous avez besoin. Trouvez la page que vous souhaitez convertir en pleine largeur, ou créez un Nouvelle page en utilisant la commande Nouvelle page dans votre menu de gauche. Cliquez ensuite sur le bouton pour Modifier avec Elementor.
La prochaine chose que vous voulez est le Réglages (engrenage) icône. Il est situé en bas du menu de gauche.
Ensuite, sous le Mise en page menu, choisissez Pleine largeur. Mais cela signifie simplement que la page permettra au contenu de s’étendre sur toute sa largeur.
Pour que votre contenu occupe toute la largeur de l’écran, vous devez le configurer à l’aide de l’élément Disposition réglages. Cliquez simplement sur l’élément Éditer menu et modifiez sa disposition par défaut En boîte à Pleine largeur, et votre contenu s’étendra désormais entièrement entre les bords verticaux de la page.
Et vous êtes prêt ! Voyez comment seule la deuxième section de texte, celle dont nous avons modifié la mise en page de boîte à pleine largeur, s’étend d’une marge à l’autre.
Notez que les paramètres de votre thème ou les paramètres d’un plugin (Attributs de page discuté ci-dessus) peut remplacer les paramètres de page d’Elementor. Ce n’est pas vraiment un problème, il vous suffit également de modifier les paramètres de page du thème en pleine largeur, comme décrit ci-dessus.
En conclusion
Comme vous pouvez le voir, avec Elementor, la mise en page d’une page pleine largeur dans WordPress ne pose aucun problème. Ainsi, si vous souhaitez impressionner les utilisateurs de bureau et les utilisateurs mobiles avec vos compétences en conception réactive, ou si vous souhaitez créer une page Web visuellement impressionnante et immersive pour votre site Web WordPress, vous disposez désormais d’un outil supplémentaire à portée de main.
Soutenez notre effort ❤️
Si vous avez apprécié cet article, pensez à laisser un pourboire pour nous aider à continuer à publier du contenu de qualité.
