Comment créer une mise en page personnalisée pour les pages CMS dans Magento 2?

Dans cet article, nous allons apprendre à créer une mise en page de pages CMS personnalisée pour nos pages cms. Nous allons créer une mise en page personnalisée nommée Disposition de la bande de connaissance.

Magento nous fournit la présentation suivante: -> Vide -> Colonne 1 -> Colonnes 2 avec barre de gauche -> Colonnes 2 avec barre de droite -> Colonnes 3 Si vous souhaitez créer votre propre présentation personnalisée pour les pages cms ou certaines pages spécifiques, vous devez vous concentrer sur les étapes suivantes:

Étape 1 :

Créez le fichier <Nom du fournisseur> / <Nom du module> /view/frontend/page_layout/kb_layout.xml. Ce fichier définira la conception de votre mise en page personnalisée.

<? xml version = "1.0" encoding = "UTF-8"?>> layout xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: framework : Affichage / Présentation / etc / page_layout.xsd "> <update handle =" empty "/> <! - vous pouvez modifier le descripteur comme 2columns-left ou 3columns, etc. -> <referenceContainer name =" page.wrapper "> <nom du conteneur = "header.container" as = "header_container" label = "Conteneur d'en-tête de page"

Étape 2 :

Créez <Nom du fournisseur> / <Nom du module> /view/frontend/layouts.xml. Ce fichier enregistrera la mise en page personnalisée. <? xml version = "1.0" encoding = "UTF-8"?> <page_layouts xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: infrastructure : Voir / PageLayout / etc / layouts.xsd "> <layout id =" kb_layout "> <label translate =" true "> Disposition de la bande de connaissance </ label> </ layout> </ page_layouts>

Après avoir créé ces deux fichiers, effacez le cache et votre mise en page personnalisée sera ajoutée à la liste des mises en page. Vous pouvez vérifier votre mise en page personnalisée côté administrateur dans Contenu-> Pages -> Ajouter une nouvelle page -> Conception

créer une mise en page personnalisée

Merci d'avoir lu cela.


Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *