In questo articolo, scopriremo come creare layout di pagine CMS personalizzate per le nostre pagine cms. Creeremo un layout personalizzato denominato Knowband Layout.
Magento ci fornisce il seguente layout: -> Vuoto -> colonna 1 -> colonne 2 con barra sinistra -> colonne 2 con barra destra -> colonne 3 Se vuoi creare il tuo layout personalizzato per le pagine cms o alcune pagine specifiche allora è necessario concentrarsi sui seguenti passaggi:
Passo 1:
Crea il file <Nome fornitore> / <Module_Name> /view/frontend/page_layout/kb_layout.xml. Questo file definirà il design del tuo layout personalizzato.
<? xml version = "1.0" encoding = "UTF-8"?> <layout xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urna: magento: framework : Visualizza / Layout / etc / page_layout.xsd "> <update handle =" empty "/> <! - puoi cambiare il manico come 2columns-left o 3columns etc -> <referenceContainer name =" page.wrapper "> <container name = "header.container" as = "header_container" label = "Page Header Container"
Passo 2:
Crea <Vendor_Name> / <Module_Name> /view/frontend/layouts.xml. Questo file registrerà il layout personalizzato. <? xml version = "1.0" encoding = "UTF-8"?> <page_layouts xmlns: xsi = "https://www.w3.org/2001/XMLSchema-instance" xsi: noNamespaceSchemaLocation = "urna: magento: framework : Visualizza / PageLayout / etc / layouts.xsd "> <layout id =" kb_layout "> <label translate =" true "> Knowband Layout </ label> </ layout> </ page_layouts>
Dopo aver creato questi due file, svuota la cache e il tuo layout personalizzato verrà aggiunto all'elenco dei layout. Puoi controllare il tuo layout personalizzato sul lato amministrativo in Contenuto-> Pagine -> Aggiungi nuova pagina -> Progettazione
Grazie per aver letto questo.