¿Cómo crear un diseño personalizado para páginas CMS en Magento 2?

En este artículo, aprenderemos cómo crear un diseño de páginas CMS personalizado para nuestras páginas cms. Vamos a crear un diseño personalizado llamado Knowband Layout.

Magento nos proporciona el siguiente diseño: -> Vaciar -> Columna 1 -> Columnas 2 con barra izquierda -> Columnas 2 con barra derecha -> Columnas 3 Si desea crear su propio diseño personalizado para las páginas cms o algunas páginas específicas, entonces necesitas enfocarte en los siguientes pasos:

Paso 1:

Cree el archivo <Vendor_Name> / <Module_Name> /view/frontend/page_layout/kb_layout.xml. Este archivo definirá el diseño de su diseño personalizado.

<? xml version = "1.0" encoding = "UTF-8"?> <layout xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: framework : View / Layout / etc / page_layout.xsd "> <update handle =" empty "/> <! - puedes cambiarlo como 2columns-left o 3columns etc -> <referenceContainer name =" page.wrapper "> <container name = "header.container" as = "header_container" label = "Page Header Container"

Paso 2:

Cree <Vendor_Name> / <Module_Name> /view/frontend/layouts.xml. Este archivo registrará el diseño personalizado. <? xml version = "1.0" encoding = "UTF-8"?> <page_layouts xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urn: magento: framework : View / PageLayout / etc / layouts.xsd "> <layout id =" kb_layout "> <label translate =" true "> Disposición de banda de conocimiento </label> </layout> </page_layouts>

Después de crear estos dos archivos, borre la memoria caché y su diseño personalizado se agregará a la lista de diseños. Puede verificar su diseño personalizado en el lado de administración en Contenido-> Páginas -> Agregar nueva página -> Diseño

Gracias por leer esto.