Comment définir un thème pleine largeur dans WordPress

Les thèmes WordPress existent de nos jours sous toutes les formes et dans toutes les tailles. Cependant, beaucoup d’entre eux sont très différents les uns des autres. Un bon exemple est que tous les thèmes ne prennent pas en charge un modèle pleine largeur dans WordPress.

La bonne nouvelle est que vous pouvez résoudre ce problème avec le bon plugin.

Comme indiqué, la plupart des thèmes vous donnent la possibilité de définir une page ou un article pleine largeur dans votre thème. Cependant, de nombreux thèmes ont leurs propres styles personnalisés et autorisent toujours les zones d’en-tête et de pied de page dans une mise en page de thème pleine largeur.

Cela peut être gênant, surtout si vous essayez de créer votre propre style d’en-tête et de pied de page dans votre thème, puis de les utiliser uniquement sur certaines pages.

Il existe plusieurs créateurs de pages WordPress qui vous offrent des mises en page de type canevas, ainsi que l’option d’un style de thème pleine largeur. Cependant, ces styles peuvent parfois entrer en conflit avec un thème, à moins que vous n’utilisiez une page de style pleine largeur.

Cela peut ne pas convenir, car les pages de style canevas peuvent être difficiles à construire et à afficher correctement dans certains formats.

Aujourd’hui, je vais vous montrer un excellent plugin que j’ai trouvé et qui vous permettra de définir un thème pleine largeur dans WordPress en quelques clics de bouton. La meilleure partie est que le plugin peut également être utilisé en conjonction avec plusieurs des meilleurs constructeurs de pages WordPress disponibles.

Dans la démonstration ci-dessous, je vais vous montrer comment utiliser ce plugin tout en utilisant le constructeur de page Elementor pour WordPress. Jetons un coup d’œil au plugin et voyons tout ce qu’il a à offrir.

Configuration d’un thème pleine largeur dans WordPress

Fullwidth Templates est un plugin WordPress simple et facile à utiliser qui fait exactement ce que son titre indique. Il vous donne la possibilité d’ajouter des modèles de page pleine largeur à n’importe quel article ou page, en utilisant n’importe quel thème.

En outre, le plugin fonctionne avec la plupart des constructeurs de pages WordPress, y compris Elementor. Cela signifie que vous pouvez contourner certains modèles qui peuvent ne pas fonctionner correctement lorsqu’ils sont associés à un thème, et concevoir votre propre site Web Elementor pleine largeur.

Le plugin regorge d’options pour la création de pages. Il est léger, facile à installer et à utiliser, et entièrement réactif. Vous pouvez faire beaucoup de choses avec les différents modèles pleine largeur qui deviennent disponibles lorsque vous installez et activez le plugin.

Il est livré avec les modèles suivants :

Comme indiqué ci-dessus, le plugin fonctionne parfaitement avec les constructeurs de pages les plus populaires. Nous allons en faire la démonstration en utilisant Elementor ci-dessous, mais il fonctionne également avec Beaver Builder, SiteOrigin, et beaucoup d’autres constructeurs de pages populaires que vous pourriez vouloir essayer.

Voyons comment installer et activer le plugin. Puis nous verrons comment l’utiliser en conjonction avec le constructeur de pages Elementor.

Étape 1 : Installer le plugin Fullwidth Templates

Afin de commencer à ajouter des modèles de thème pleine largeur à votre site Web, vous devez d’abord installer et activer le plugin. Vous pouvez le faire en allant à la page Plugins de votre tableau de bord d’administration WordPress.

Recherchez simplement le nom du plugin et installez-le à partir de là.

Une fois que le plugin a été installé et activé, il est prêt à être utilisé. Il n’y a aucun réglage. Après l’installation, le plugin ajoute automatiquement une sélection de modèles à utiliser que vous trouverez à la fois dans les articles et les pages.

Voyons comment accéder à un modèle et créer un thème WordPress pleine largeur gratuit à l’aide d’Elementor.

Étape 2 : Ajouter un modèle pleine largeur

Quelques points à retenir avant d’ajouter un convertisseur de texte ou un modèle pleine largeur à votre site.

Avec ces informations en tête, ajoutons ensemble un modèle de thème pleine largeur dans Elementor.

À ce stade, le plugin a été installé. Pour ajouter une nouvelle page pleine largeur, cliquez sur Pages Add New.

Cela ouvre une nouvelle page pour votre site. Comme nous utilisons Elementor, vous verrez le bouton “Edit With Elementor” dans votre éditeur.

Rappelez-vous, le prochain mouvement que vous faites est le même, peu importe le constructeur de pages que vous utilisez, et peu importe si vous utilisez l’éditeur classique ou l’éditeur Gutenberg.

Faites défiler un peu vers le bas et en bas à droite, vous verrez la boîte “Attributs de la page”. À l’intérieur de cette boîte se trouve le menu déroulant “modèle”.

Cliquez sur le menu déroulant et sélectionnez le modèle de thème pleine largeur avec lequel vous souhaitez travailler.

Note :Vous verrez que les thèmes du plugin Fullwidth Templates ont été ajoutés à votre page ou article. Les autres éléments de modèles énumérés ici seront basés sur le constructeur de pages que vous pouvez utiliser, ainsi que sur les modèles de thèmes qui étaient déjà disponibles par défaut.

Une fois que vous avez sélectionné le modèle de thème pleine largeur que vous souhaitez pour cette page, cliquez sur le bouton “Enregistrer le projet” en haut à droite de votre éditeur.

Étape 3 : Ouvrez Elementor Page Builder.

À ce stade, le modèle se met en place, et vous pouvez commencer à modifier et à construire votre page. Allez-y et donnez un titre à la page, puis cliquez sur le bouton “Edit With Elementor” pour ouvrir le constructeur de page Elementor et commencer à construire la page comme vous le souhaitez.

Lorsque vous cliquez sur le bouton “Editer avec Elementor”, le constructeur de page se lance.

Construisez et modifiez simplement comme vous le souhaitez. Tant que vous enregistrez vos modifications au fur et à mesure, le modèle que vous avez choisi est conservé. Vous pouvez construire tout votre site en utilisant des modèles de thème pleine largeur.

Voilà, c’est fait ! Vous avez installé le plugin avec succès et vous pouvez maintenant créer des pages de modèle pleine largeur sur votre site Web WordPress. Répétez ce processus autant de fois que vous le souhaitez pour ajouter de nouvelles pages ou de nouveaux articles.

Note :Le processus est le même pour ajouter des articles pleine largeur.

Pensées finales

Êtes-vous fatigué d’essayer de coder de nouveaux modèles pleine largeur ? Ou êtes-vous fatigué d’essayer de chercher des thèmes qui vous donnent cette option ? Si oui, l’utilisation du plugin Fullwidth Template est un excellent choix.

Non seulement il n’y a aucun codage impliqué, mais vous avez la possibilité d’ajouter des modèles de thème pleine largeur à n’importe quel thème et constructeur de pages. Le plugin est également bon que vous utilisiez l’éditeur classique ou l’éditeur Gutenberg.

J’espère que ce tutoriel vous a donné des instructions faciles à comprendre et vous a montré à quel point il est simple d’intégrer un modèle de thème pleine largeur dans votre site Web WordPress.

Avez-vous déjà utilisé ce plugin ? Préférez-vous l’utiliser sans constructeur de pages ou avec un constructeur de pages ?