Crear una plantilla de página de inicio personalizada en Magento2

Como todos saben, magento2 tiene alguna plantilla de diseño como 1 columna, 2 columnas a la izquierda, 2 columnas a la derecha, 3 columnas y quiero crear una plantilla de diseño de página de inicio personalizada en Magento2 para eso sigo algunos tutoriales y creo módulos y archivos como se dice en eso enlaza pero ninguno de ellos funciona y no puedo obtener el diseño de la "página de inicio" en la página cms -> pestaña de diseño.

Sigo a continuación todos los enlaces, pero ninguno funciona, por lo que cualquiera tiene la solución adecuada, por favor comparta.

primer enlace

segundo enlace

tercer enlace

cuarto enlace

Sobre todas las soluciones no están funcionando.

En primer lugar, necesitamos saber cómo crear un tema personalizado Magento 2, podemos más aquí: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create. html

Después de crear un nuevo tema personalizado. Vamos a crear un nuevo diseño personalizado para nuestra página de inicio. Por ejemplo, nuestra estructura de carpetas:

Deberíamos centrarnos en dos archivos xml: layouts.xmly page_layout/custom_home.xmldebajo de la Magento_Themecarpeta

app / design / frontend / Boolfly / book / Magento_Theme / layouts.xml

<?xml version="1.0" encoding="UTF-8"?>
<page_layouts xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
              xsi:noNamespaceSchemaLocation="urn:magento:framework:View/PageLayout/etc/layouts.xsd">

    <layout id="custom_home">
        <label translate="true">Custom Home</label>
    </layout>

</page_layouts>

La identificación del diseño custom_homees el nombre del diseño de página a continuación.

app / design / frontend / Boolfly / book / Magento_Theme / page_layout / custom_home.xml (hice una copia por 1column.xmldefecto)

<?xml version="1.0"?>
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
        xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
    <update handle="empty"/>
    <referenceContainer name="page.wrapper">
        <container name="header.container" as="header_container" label="Page Header Container"  htmlTag="header" htmlClass="page-header" before="main.content"/>
        <container name="page.top" as="page_top" label="After Page Header" after="header.container"/>
        <container name="footer-container" as="footer" before="before.body.end" label="Page Footer Container" htmlTag="footer" htmlClass="page-footer" />
    </referenceContainer>
</layout>

Inicie sesión en Magento Admin, encuentre la página de inicio de cms. Ahora, nuestra página de inicio de diseño personalizado está en la lista de diseños:

Si elegimos este diseño, podemos verlo en la página principal:

Nota: Seguro que nuestro caché de Magento fue borrado.

Se logra fácilmente desde Admin, supongo que ya ha creado el tema.

La mayoría de los confundidos después de crear un nuevo tema perdieron la apariencia de la página de inicio porque los bloques de inicio no se asignan a la página de inicio mientras creamos un nuevo tema. Solo lo hacemos manualmente.

por favor siga las instrucciones

inicie sesión en admin, luego navegue a

Conten -> Páginas

encuentre la página de inicio, luego en la columna de acción haga clic en editar y luego

haga clic en la pestaña Contenido y luego coloque el valor a continuación en el área de texto

{{block class="Magento\Cms\Block\Block" block_id="home-page-block"}}

nota: aquí block_id es la identificación única de los bloques, puede encontrar la lista de bloques y la identificación del bloque en Contenido-> Bloques

finalmente guardar página

luego borre su caché de magento y navegador, cargue la página de inicio, podría ver que la página de inicio se parece a la página de inicio de luma.

si desea encontrar el contenido html de la página de inicio, busque el bloque bloque de la página de inicio en Contenido-> Bloques y luego edite el bloque, puede ver el contenido html de la página de inicio .

tome la referencia de este contenido html, después de eso puede desarrollar su propio html según sus requisitos, agregue CSS desde su archivo de diseño de tema.

necesita alguna aclaración solo mencione en el comentario

Ten buena suerte.