Joomla에 대한 사용자 지정 템플릿 만들기
4 2 페이지
우리는 템플릿 디자인
지금 우리가 구현의 구조를 볼 수 있다고 우리는 동일한 템플릿을 전달합니다.
우리가 그림 1에서와 같이 머리글과 바닥글이있는 간단한 두 개의 열 레이아웃을 구현하려는 가정합시다.
index.php 파일은 페이지의 구조를 포함한다
<PHP
정의 ( '_JEXEC') 또는 죽는;
JHTML의 ::_('의 behavior.framework ', 진정한);
$ 응용 = JFactory : : GetApplication ();
?>
<? PHP 에코 '<?';?> XML 버전 = "1.0"인코딩 = "<? PHP 에코 $이 -> _charset ?>"?>
<DOCTYPE HTML PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict는 / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML xmlns = "http://www.w3.org/1999/xhtml"XML : "? <PHP $이 -> 언어를 에코 LANG =이;>"LANG = "<? PHP 에코 $이 -> 언어; ?> ">
<HEAD>
<jdoc:include type="head" />
<링크 REL = "스타일 시트"HREF = "<? PHP 에코 $이 -> baseurl?> / 템플릿 / <? PHP 에코 $이 -> 템플릿?> / CSS / template.css"유형 = "텍스트 / CSS '/ >
</ HEAD>
<BODY>
<div class="container">
<div class="header">
<h1> MyTemplate </ H1>
<jdoc:include type="modules" name="position-header" style="none" />
</ 사업부>
<div class="right">
<jdoc:include type="modules" name="position-right" style="none" />
</ 사업부>
<div class="content">
<jdoc:include type="message" />
<jdoc:include type="component" />
</ 사업부>
<div class="footer">
MrWebmaster위한 마우 드 Filippis 설계 템플릿
<jdoc:include type="modules" name="position-footer" style="none" />
</ 사업부>
</ 사업부>
</ BODY>
</ HTML>
첫 번째 라인은 CMS 내의 모든 엔진이 다음 템플릿을 실행 초기화은 index.php 파일의 사용을 허용하는 데 사용됩니다.
다음 (이 예제에서 W3C 및 기타 정보의 지침에 따라 HTML 문서의 공개) 만들려고하는 문서에 대한 정보를 제공하는 DOCTYPE 선언이 있습니다.
코드는 동적 콘텐츠를 삽입하는 Joomla 수있는 간단한 HTML / PHP 이식 (성명)입니다.
- <jdoc:include type="head" /> - 삽입 CSS로 다양한 링크, 자바 스크립트, 페이지 제목 및 메타 태그. 이 문장은 템플릿 파일에 한 번만 표시되며 정확한 페이지의 </ head> 태그의 <head>에 있어야합니다.
-
<jdoc:include type="message" /> - 심지어 메시지 요소가 <BODY> 페이지의 서식 파일에서 한 번만 나타나야합니다.
당신은 CMS에 의해 생성된 오류 메시지를 볼 수 있습니다. - <jdoc:include type="component" /> - 요소 구성 요소가 각 페이지의 주요 콘텐츠를 표시하는 책임이 가장 중요한 사실 중 하나입니다. 이 요소는 템플릿 index.php에 한 번만 나타납니다.
이러한 진술 이외에 다른 사람이 있습니다
<jdoc:include type="modules" name="position-header" style="none" /> <jdoc:include type="modules" name="position-footer" style="none" /> <jdoc:include type="modules" name="position-right" style="none" />
당신은 다양한 모듈이 삽입될 수있는 다양한 자리 표시자를 볼 위치를 그 정의합니다.
타입 모듈이나 모듈이며 이러한 양식을 볼하려면 다음 CSS 적절한 지침의 모양을 사용자 정의할 수 있습니다 사용되는 HTML을 편집할 때 스타일 매개 변수를 적용할 수 있습니다.
예를 들어, 스타일 = 당신이 다음 각 사업부에 대해 서로 다른 배경을 입력하여 항목에 둥근 모서리를 적용할 수 있도록 네 <DIV>의 출력을 삽입 "반올림".
결과를 가지고 Joomla의 새로운 설치에 템플릿을 설치하면 그림에서와 비슷합니다.
대부분 여전히 템플릿을보고하지 않으며 내용은 우리가 기대하는 블록으로 분할하지 않고도 행으로 정렬됩니다.
