Ensuite, vous devez télécharger le fichier Pleine largeur.php Dans votre dossier de thème WordPress en utilisant .

Vous avez créé et téléchargé avec succès un modèle de page pleine largeur personnalisé pour votre thème. L'étape suivante consiste à utiliser ce modèle pour créer une page en taille réelle.

Accédez à votre tableau de bord et modifiez ou créez une nouvelle page.

Sur l'écran d'édition de page, recherchez la case à cocher des attributs de la page et cliquez sur le menu déroulant sous l'option Modèle.

Vous pourrez voir votre modèle. Allez-y, sélectionnez-le et enregistrez ou actualisez la page.

Vous pouvez maintenant visiter votre site Web et vous verrez que les barres latérales ont disparu et que votre page apparaît comme une page à une seule colonne. Il n'est peut-être pas encore complet, mais vous êtes maintenant prêt à le distribuer d'une manière différente.

Rendez votre site populaire en découvrant

Vous devrez utiliser l'outil Inspecter pour découvrir les classes CSS que votre thème utilise pour définir la zone de contenu.

Vous pouvez ensuite ajuster sa largeur à 100 % en utilisant CSS. Nous avons utilisé le code CSS suivant :

.str-template pleine largeur zone.content (largeur : 100 % ; marge : 0px ; bordure : 0px ; remplissage : 0px; ) .str-template pleine largeur.Output (marge : 0px ; )

Voilà à quoi ressemblerait Twenty Seventeen.

C'est tout pour ce tutoriel, j'espère qu'il vous permettra de créer des pages en taille réelle.

Les méthodes ci-dessus sont gratuites pour ceux qui en ont les moyens et souhaitent créer rapidement des mises en page pleine largeur ou pleine largeur.

Découvrez également quelques plugins WordPress premium

Vous pouvez utiliser d’autres plugins WordPress pour donner un look moderne et optimiser la gestion de votre blog ou site internet.

Nous vous proposons plusieurs plugins WordPress premium qui vous aideront à y parvenir.

1. Divi Builder

Divi Builder est un constructeur de pages de haute qualité et très apprécié Thèmes élégants Bien qu’il soit couramment utilisé dans le cadre du thème WordPress Divi, Divi Builder est également un plugin autonome qui peut être utilisé dans d’autres thèmes WordPress.

Divi Builder vous permet de modifier votre contenu à l'aide d'une interface visuelle frontale ainsi que d'une interface côté serveur, bien que la plupart des utilisateurs préfèrent l'ancienne interface.

Essentiellement, au lieu de barres latérales, tout se trouve dans des fenêtres contextuelles et des boutons flottants. Il vous donne accès à 316 modèles prédéfinis répartis dans 40 packages de présentation différents et vous permet également d'enregistrer vos propres conceptions en tant que modèles.

Nous vous invitons à ouvrir

L’une des fonctionnalités de Divi a toujours été le contrôle sur les styles qu’il vous propose. Avec trois onglets différents, vous pouvez configurer divers paramètres, notamment des commandes adaptatives, un espacement personnalisé, etc.

Vous pouvez même ajouter du CSS personnalisé car c'est Éditeur CSS combine la validation de base et le remplissage automatique.L’une des critiques de Divi Builder a toujours été qu’il est basé sur .Cela signifie que si vous le désactivez une fois, vous vous retrouverez avec un tas de shortcodes dans votre contenu. Bien que ce soit un peu frustrant, il y a désormais moins de problèmes avec des plugins comme Shortcode Cleaner.

2. Constructeur

Il n'est pas surprenant que Themify Builder soit une offre de l'équipe Themify. Il l'intègre dans plusieurs de ses thèmes WordPress pour offrir aux clients des options de personnalisation simples. Mais vous pouvez également l’acheter en tant que plugin autonome et l’utiliser avec n’importe quel thème WordPress.

Comme Divi Builder et WPBakery Page Builder, Themify Builder vous permet de créer des mises en page dans le frontend ou le backend.Une autre bonne chose est que ce plugin vous permet de personnaliser vos points d'arrêt réactifs (mais uniquement à l'échelle du site).

Découvrez la création d'une boutique en ligne et vendez facilement vos produits en ligne

Une fonctionnalité intéressante de Themify Builder est qu'il vous permet toujours d'utiliser l'éditeur WordPress standard, tandis que d'autres constructeurs de pages vous obligent à utiliser l'interface Page Builder pour tout.

3. Fakir

Initialement lancé en 2016, Plugin WordPress Elementor est l'un des plus jeunes développeurs de cette liste. Malgré son lancement tardif, Elementor a rapidement accumulé plus de 1 000 000 d’installations actives sur WordPress.org, ce qui en fait l’un des constructeurs WordPress les plus populaires.

Si vous avez des suggestions ou des commentaires, laissez-les dans notre section

Certains modèles WordPress sont assez étroits dans le menu latéral, ce qu'on appelle la barre latérale, ou, au contraire, étroits dans la section des articles, et bien sûr, certains webmasters doivent élargir certaines limites, par exemple pour accueillir des bannières. Dans cet article, je vais vous expliquer comment modifier la taille de l'en-tête, du modèle, de la section de l'article ou du menu latéral.

Pourquoi vous devrez peut-être modifier la taille du modèle.

Vous souhaiterez peut-être modifier la taille du modèle soit au tout début, dès que vous l'avez installé, soit après avoir rédigé un certain nombre d'articles et que vos premières dizaines de visiteurs ont commencé à apparaître. Par exemple, j'avais besoin d'élargir le modèle après avoir voulu essayer de gagner les premiers centimes en publicité grâce à mon travail - un blog. À ces fins, le système de bannières publicitaires de Google-AdSense a été choisi. Mais pour gagner au moins deux malheureux centimes, il faut prendre en compte deux paramètres :

  1. Pour que quelqu'un clique sur une publicité, les bannières que le système émettra doivent se trouver à certains endroits. Sur Internet, ils écrivent qu'il s'agit du curseur de gauche, on y place une bannière carrée, et trois fois à l'intérieur de l'article. Tout en haut, au centre, après quelques caps et tout à la fin. Cette disposition sera idéale pour que les gens cliquent sur la bannière. Bien entendu, il existe d'autres options, par exemple dans les images, mais nous ne les envisageons pas dans le cadre de cet article.
  2. Google propose des bannières de certaines tailles.

ceux. nous devons combiner le premier et le deuxième points, à savoir s'assurer que les bannières de Google ou de Yandex sont placées aux endroits désignés, dans la barre latérale gauche et dans les articles. Étant donné que mon modèle était trop étroit à ces fins et que cela n'a aucun sens d'accrocher de petites bannières, car personne ne cliquera dessus, il ne reste qu'une chose à faire : développer le menu latéral et la section des articles.

Comment agrandir un modèle horizontalement partie 1, comprendre les chiffres

Pour comprendre de combien il faut augmenter la largeur de tel ou tel élément, il ne faut pas estimer d'un seul coup d'œil « un centimètre ici suffit, et un demi-centimètre là », mais connaître ces nombres avec précision, en pixels. Presque n'importe quel navigateur nous aidera avec cela, par exemple :

  • Safari
  • FireFox
  • Google Chrome

Personnellement, je montrerai Safari comme exemple et vous utiliserez n'importe quel navigateur qui vous convient. Les différences ne devraient concerner qu’un seul bouton.

Ainsi, la base - la taille de notre site se compose de 4 éléments, la taille du modèle lui-même, la taille de la page, la taille du bloc d'article et le bloc de menu de gauche. On va tout augmenter un par un, ne vous inquiétez pas, ce n'est pas effrayant.