Magento2'de özel bir ana sayfa şablonu oluşturma

Tüm bildiğiniz gibi magento2 1 sütun, 2 sütun-sol, 2 sütun-sağ, 3 sütun gibi bazı düzen şablonu var ve ben Magento2 özel ana sayfa düzeni şablonu oluşturmak istiyorum birkaç öğretici takip ve dediğim gibi modül ve dosyaları oluşturmak Bu bağlantılar ancak hiçbiri çalışmıyor ve cms sayfasındaki "ana sayfa" düzenini alamıyorum -> tasarım sekmesi.

Ben tüm bağlantıları takip ama hiçbiri çalışma böylece herkes uygun bir çözüm var paylaşmak lütfen.

ilk bağlantı

ikinci bağlantı

üçüncü bağlantı

ileri bağlantı

Ablove tüm çözümler çalışmıyor.

Her şeyden önce, özel bir tema Magento 2'nin nasıl oluşturulacağını bilmemiz gerekiyor, daha fazlasını burada yapabiliriz: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create. html

Yeni bir özel tema oluşturduktan sonra. Ana sayfamız için yeni özel düzen oluşturacağız. Örneğin, klasör yapımız:

İki xml dosyasına odaklanmalıyız: layouts.xmlve klasör page_layout/custom_home.xmlaltındaMagento_Theme

Uygulamanın / tasarım / kullanıcı arayüzü / Boolfly / kitap / 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>

Düzen kimliği custom_home, aşağıdaki sayfa düzeninin adıdır.

app / design / frontend / Boolfly / book / Magento_Theme / page_layout / custom_home.xml ( 1column.xmlVarsayılan olarak bir kopya oluşturdum )

<?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>

Magento Admin'e giriş yapın, cms ana sayfasını bulun. Şimdi, özel mizanpaj ana sayfamız mizanpajlar listesinde:

Bu düzeni seçersek, ön sayfada görebiliriz:

Not: Magento önbelleğimizin temizlendiğinden emin olun.

Yönetici tarafından kolayca elde edilebilir, sanırım zaten tema oluşturdunuz.

Biri yeni tema oluşturduktan sonra karıştı, yeni tema oluştururken ana sayfalar ana sayfaya atanmadığından ana sayfa görünümünü ve hissini kaybetti. Sadece manuel olarak yapıyoruz.

lütfen talimatları takip et

yöneticiye giriş yapın, ardından şuraya gidin:

İçerik -> Sayfalar

Ana Sayfa ardından bulmak eylem sütunu, tıklama düzenlemek sonra

İçerik sekmesini tıklayın ve ardından aşağıdaki değeri metin alanına yerleştirin

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

not: burada block_id blokların benzersiz kimliği, İçerik- > Bloklar altında liste bloklarını ve blok kimliğini bulabilirsiniz

sonunda sayfayı kaydet

ardından magento ve tarayıcı önbelleğinizi temizleyin, ana sayfayı yükleyin, ana sayfanın luma ana sayfası gibi görünmesini sağlayabilirsiniz.

Eğer, ana sayfa html içerik bulmak blok bulmak isterseniz ev sayfalık-blok altında İçerik-> Bloklar ardından düzenlemek bloğu, görebildiğimiz ana sayfanın html içeriğini .

Bu html conetent referansını alın, bundan sonra kendi html'nizi ihtiyacınıza göre geliştirebilirsiniz, tema düzeni dosyanızdan CSS ekleyin.

herhangi bir açıklamaya ihtiyacınız var sadece yorumda belirtin

iyi şanslar.