Tworzenie niestandardowego szablonu strony głównej w Magento2

Jak wszyscy wiedzą, że magento2 ma jakiś szablon układu, taki jak 1 kolumna, 2 kolumny po lewej, 2 kolumny po prawej, 3 kolumny i chcę utworzyć niestandardowy szablon układu strony głównej w Magento2, dlatego wykonuję kilka samouczków i tworzę moduł i pliki, jak powiedziano w że linki, ale żaden z nich nie działa i nie mogę uzyskać układu „strony głównej” na stronie cms -> karta projektu.

Śledzę poniżej wszystkie linki, ale żaden z nich nie działa, więc każdy ma właściwe rozwiązanie, proszę o udostępnienie.

pierwszy link

drugi link

trzeci link

czwarty link

Wszystkie powyższe rozwiązania nie działają.

Przede wszystkim musimy wiedzieć, jak stworzyć niestandardowy motyw Magento 2, możemy więcej tutaj: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create. HTML

Po utworzeniu nowego niestandardowego motywu. Stworzymy nowy niestandardowy układ naszej strony głównej. Na przykład nasza struktura folderów:

Powinniśmy skupić się na dwóch plikach xml: layouts.xmli page_layout/custom_home.xmlw Magento_Themefolderze

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>

Identyfikator układu custom_hometo nazwa układu strony poniżej.

app / design / frontend / Boolfly / book / Magento_Theme / page_layout / custom_home.xml (Zrobiłem kopię 1column.xmldomyślnie)

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

Zaloguj się do Magento Admin, znajdź stronę domową cms. Teraz nasza strona główna układu niestandardowego znajduje się na liście układów:

Jeśli wybierzemy ten układ, możemy go zobaczyć na pierwszej stronie:

Uwaga: Upewnij się, że pamięć podręczna Magento została wyczyszczona.

Można to łatwo uzyskać od administratora. Zakładam, że masz już utworzony motyw.

Większość z nich zdezorientowana po utworzeniu nowego motywu straciła wygląd strony głównej, ponieważ bloki główne nie są przypisane do strony głównej podczas tworzenia nowego motywu. Robimy to tylko ręcznie.

proszę postępować zgodnie z instrukcją

zaloguj się do administratora, a następnie przejdź do

Conten -> Strony

znajdź stronę główną, a następnie w kolumnie akcji kliknij edytuj wtedy

kliknij kartę Treść, a następnie umieść poniższą wartość w polu tekstowym

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

Uwaga: tutaj block_id jest unikalnym identyfikatorem bloków, możesz znaleźć listę bloków i identyfikator bloku w Content-> Blocks

w końcu zapisz stronę

następnie wyczyść pamięć podręczną Magento i przeglądarki, załaduj stronę główną, a strona główna będzie wyglądać jak strona główna Luma.

jeśli chcesz znaleźć treść HTML strony głównej, znajdź blok strony głównej bloku pod Treść-> Bloki, a następnie edytuj blok, możesz zobaczyć zawartość HTML strony głównej .

skorzystaj z odniesienia do tego html, po czym możesz opracować własny HTML zgodnie z wymaganiami, Dodaj CSS z pliku układu motywu.

potrzebujesz wyjaśnienia, tylko wspomnij w komentarzu

powodzenia.