Magento는 특히 레이아웃 및 템플릿 디자인에서 강력한 사용자 정의 기능을 갖춘 인기있는 오픈 소스 전자 상거래 플랫폼입니다. 이 기사는 개인화 된 개발 요구를 충족시키기 위해 Magento를 통해 맞춤형 레이아웃 및 템플릿 디자인을 구현하는 방법을 자세히 소개합니다.
Magento에서 레이아웃을 사용자 정의하는 첫 번째 단계는 레이아웃 파일을 만드는 것입니다. Magento는 각 페이지에 고유 한 페이지 핸들을 할당하며 핸들을 기반으로 다른 레이아웃 구조를 정의 할 수 있습니다.
<!-- 페이지 레이아웃 파일을 사용자 정의합니다,지명 my_layout.xml -->
<?xml version="1.0"?>
<layout version="1.0">
<default>
<reference name="head">
<action method="addItem">
<type>skin_css</type>
<name>css/custom.css</name>
</action>
</reference>
<block type="core/template" name="custom_block" template="custom/custom.phtml" />
</reference>
위의 코드는 사용자 정의 CSS 및 템플릿 블록이 포함 된 My_Layout.xml 이라는 레이아웃 파일을 정의합니다. 각 페이지 핸들은 레이아웃 파일에 해당합니다. 다른 페이지에 대한 레이아웃을 설정 해야하는 경우 여러 레이아웃 파일을 만들 수 있습니다.
레이아웃 파일을 만든 후에는 컨트롤러에 레이아웃을로드하고 적용하여 적용해야합니다.
<?php
class Custom_Module_IndexController extends Mage_Core_Controller_Front_Action
{
public function indexAction()
{
$this->loadLayout('my_layout');
$this->renderLayout();
}
}
위의 컨트롤러 코드는 LoadLayout ( 'My_Layout') 을 통해 사용자 정의 레이아웃 파일을로드 한 다음 페이지 레이아웃을 렌더링하여 사용자 정의 페이지 효과를 달성합니다.
Magento 템플릿은 일반적으로 HTML 및 PHP 코드를 결합하여 페이지보기를 구현하는 PHTML 파일입니다. 간단한 사용자 정의 템플릿 예는 다음과 같습니다.
<!-- 사용자 정의 템플릿 파일,지명 custom.phtml -->
<div>
<h1>Custom Template</h1>
<p>This is my custom template.</p>
<?php echo $this->__('Some text.'); ?>
</div>
이 템플릿 파일에는 표준 HTML 요소가 포함되어 있으며 Magento Translation Method $ this-> __ ()를 통한 텍스트는 국제적 지원을 용이하게합니다.
템플릿을 만든 후에는 레이아웃 파일에 블록을 추가하여 템플릿 파일을 참조하여 컨텐츠를 표시 할 수 있습니다.
<!-- 개정하다 My_Extension ~의 local.xml 문서 -->
<?xml version="1.0"?>
<layout version="1.0">
<default>
<reference name="content">
<block type="core/template" name="custom_block" template="custom/custom.phtml" />
</reference>
</default>
</layout>
위의 레이아웃 코드는 페이지 컨텐츠 영역에 새 블록을 추가합니다.이 템플릿은 이전에 생성 된 템플릿을 사용하여 템플릿의 호출 및 렌더링을 구현합니다.
위의 단계를 통해 개인화되고 기능이 풍부한 전자 상거래 웹 사이트를 구축하기 위해 Magento에서 사용자 정의 레이아웃 및 템플릿 파일을 작성하고 적용하는 방법을 마스터했습니다.