Magento2에서 사용자 정의 홈페이지 템플릿 생성

모두 아시다시피 magento2에는 1column, 2 columns-left, 2 columns-right, 3 columns와 같은 레이아웃 템플릿이 있으며 Magento2에서 사용자 정의 홈페이지 레이아웃 템플릿을 만들고 싶습니다. 링크는 있지만 작동하지 않으며 cms 페이지-> 디자인 탭에서 "홈 페이지"레이아웃을 얻을 수 없습니다.

나는 아래의 모든 링크를 따르지 만 아무것도 작동하지 않으므로 적절한 해결책을 공유하십시오.

첫 번째 링크

두 번째 링크

세 번째 링크

네 번째 링크

모든 솔루션이 작동하지 않습니다.

우선, 우리는 사용자 정의 테마 Magento 2를 만드는 방법을 알아야합니다. http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create. html

새로운 사용자 정의 테마를 만든 후 우리는 홈페이지를위한 새로운 커스텀 레이아웃을 만들 것입니다. 예를 들어 폴더 구조는 다음과 같습니다.

우리는 두 개의 XML 파일에 초점을해야 layouts.xml하고 page_layout/custom_home.xml아래의 Magento_Theme폴더

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>

레이아웃 ID custom_home는 아래 페이지 레이아웃의 이름입니다.

app / design / frontend / Boolfly / book / Magento_Theme / page_layout / custom_home.xml ( 1column.xml기본적으로 사본을 만들었습니다 )

<?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에 로그인하여 cms 홈페이지를 찾으십시오. 이제 사용자 정의 레이아웃 홈 페이지가 레이아웃 목록에 있습니다.

이 레이아웃을 선택하면 첫 페이지에서 볼 수 있습니다.

참고 : Magento 캐시가 지워 졌는지 확인하십시오.

그것은 관리자로부터 쉽게 달성됩니다. 이미 테마를 만들었다 고 가정합니다.

새로운 테마를 만든 후 혼란스러워하는 것은 대부분 새로운 테마를 만드는 동안 홈 블록이 홈 페이지에 할당되지 않기 때문에 홈 페이지 모양과 느낌을 잃었습니다. 우리는 수동으로 만합니다.

지시를 따르십시오

관리자로 로그인 한 다음

목차-> 페이지

홈 페이지를 찾은 다음 작업 열 에서 편집 을 클릭 한 다음

내용 탭을 클릭 한 다음 텍스트 영역에 아래 값을 입력하십시오

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

참고 : 여기서 block_id는 블록의 고유 ID입니다. 콘텐츠-> 블록 에서 목록 블록 및 블록 ID를 찾을 수 있습니다.

마지막으로 페이지를 저장

그런 다음 magento 및 브라우저의 캐시를 지우고 홈 페이지를로드하면 홈 페이지가 luma 홈 페이지처럼 보일 수 있습니다.

홈페이지 html 컨텐츠를 찾으려면 컨텐츠 - > 블록 에서 홈페이지 블록을 찾은 다음 블록 을 편집 하면 홈페이지 의 html 컨텐츠를 볼 수 있습니다 .

이 HTML Content의 참조를 취한 후 요구 사항에 따라 자신의 HTML을 개발할 수 있습니다. 테마 레이아웃 파일에서 CSS 추가.

당신은 어떤 설명이 필요합니다.

행운을 빕니다