기본 줌라 템플릿을 만드는 방법

소개

이 문서에서는 Joomla 템플릿을 만드는 방법에 대한 단계별 팁을 보여줍니다. Joomla 템플릿을 만드는 데 필요한 파일과 코드를 배우게됩니다. 코드를 복사하여 붙여 넣어 코드를 그대로 사용하거나 필요에 따라 최소한으로 조정할 수 있습니다..


1 단계 : 디렉토리 구조 설정

기본 Joomla 템플릿을 디자인하려면 “새 폴더 만들기”를 클릭하십시오. 템플릿 폴더에 있습니다. 폴더 이름을 지정하십시오. 이름은 템플릿에 사용하는 이름이어야합니다 (mynewtemplate).
가장 선호하는 텍스트 편집기를 사용하여 index.php 및 templateDetails.xml 파일을 작성하십시오. 올바르게 배열 된 구조를 유지하려면 2 개의 새로운 폴더 ~로 알려진 이미지CSS. 내 CSS 폴더에서 template.css라는 파일을 생성하십시오..

CSS 코드를 처음부터 index.php 파일에 바로 넣으면 괜찮습니다. 그러나 많은 웹 디자이너는 CSS 코드를 다른 파일에 넣은 다음 링크 태그를 사용하여 여러 페이지에 연결하는 것을 좋아합니다. 여러 파일을 캐시 할 수 있기 때문에 똑바로 넣으면 페이지를로드하는 시간이 줄어들 수 있습니다..

아래 명령을 실행하여 폴더 및 파일 구조를 설정하십시오.

* mynewtemplate /
** CSS /
*** template.css
** 이미지 /
** index.php
** templateDetails.xml

2 단계 : 기본 templateDetails.xml 파일 작성

templateDetails.xml 파일을 작성하는 것이 매우 중요합니다. Joomla가 템플릿을 식별 할 수 있도록하는 파일입니다. 파일에는 생성 한 템플릿을 위탁하는 기본 메타 데이터가 포함되어 있습니다..

파일의 문장 구조는 Joomla 버전마다 다릅니다..

Joomla 1.5의 경우 아래 명령을 실행하십시오.

<?xml 버전 ="1.0" 인코딩 ="utf-8"?>

mynewtemplate
2008-05-01
존 도우
[email protected]
http://www.example.com
존 도우 2008
GNU / GPL
1.0.2
나의 새로운 템플릿

index.php
templateDetails.xml
이미지
CSS

빵 부스러기
왼쪽
권리
상단
user1
user2
user3
user4
보행인

Joomla 2.5 이상 버전의 경우 아래 명령을 실행하십시오. Alter "2.5" Joomla 버전을 Joomla 버전에 넣고 아래 명령으로 설치하십시오.

<?xml 버전 ="1.0" 인코딩 ="utf-8"?>

mynewtemplate
2008-05-01
존 도우
[email protected]
http://www.example.com
존 도우 2008
GNU / GPL
1.0.2
나의 새로운 템플릿

index.php
templateDetails.xml
이미지
CSS

빵 부스러기
왼쪽
권리
상단
user1
user2
user3
user4
보행인

마크 업 태그 (들)에 걸쳐 데이터 모음이 있다는 것을 알게 될 것입니다. 가장 좋은 방법은 templateDetails.xml 파일에 복사하여 붙여 넣고 적절한 부분을 변경하는 것입니다 (예 : 및).

이 섹션은 사용하는 파일로 구성되어야합니다. 그들이 무엇인지 아직 모르고있을 가능성이 있습니다. 그러나 걱정할 필요는 없습니다. 지금은 그대로두고 나중에 업데이트하십시오.

파트를 사용하여 전체 폴더를 즉시 정의 할 수 있습니다..

위치를 변경하지 마십시오. 일반적인 설정이며 일반 템플릿에서 쉽게 전환 할 수 있도록 도와줍니다..

3 단계 : 기본 index.php 파일 만들기

index.php 파일은 Joomla에서 디자인 된 모든 페이지의 중앙 부분입니다! 기본적으로 HTML과 유사한 페이지를 만듭니다. 그러나 HTML 대신 PHP 코드를 사이트 컨텐츠에 적합한 위치에 배치하십시오. 템플릿은 Joomla 코드를 모듈 위치 및 템플릿의 구성 요소 부분에 통합하여 작동합니다. Joomla CMS (또는 사용자 정의 코드)를 사용하여 이러한 부분 중 하나를 통해 템플릿을 통합하는 경우를 제외하고 템플릿에 추가 한 내용은 모든 페이지에서 볼 수 있습니다..

다음은 웹 디자인에 복사하여 붙여 넣을 수있는 기본 코드입니다..

4 단계 : Joomla 템플릿의 시작 부분 설정

Joomla 템플릿은 아래 명령으로 시작합니다.

<?php defined ( ‘_JEXEC’) 또는 die ( ‘제한된 액세스’);?>

초기 행은 장난 성있는 개인이 귀하의 코드를보고 귀하를 상대로 일하는 것을 방지합니다.

다음 줄은 DOCTYPE (Document Type Declaration)입니다. 웹 브라우저 및 웹 크롤러에게 페이지에 구현 된 HTML 버전을 나타냅니다. doctype은 HTML5이며 가장 최신 버전 인 HTML입니다. 일반적으로 이전 버전과 매우 호환되지만 많은 새로운 기능이 제공됩니다. Internet Explorer 8 또는 이전 버전에서는 일부 해킹 없이는 제대로 작동하지 않습니다. 이를 고려하고 사용하기 가장 좋은 문서 유형을 안내하기 위해 고객의 요구가 무엇인지 확인해야합니다. 그럼에도 불구하고, Joomla 3.6 및 최신 버전에서 사용되고 있습니다.

다음 줄 (3 번째)은 HTML 파일로 시작하여 웹 사이트의 언어를 설명합니다. HTML 파일은 두 가지로 분류됩니다. 머리와 몸. 헤드는 문서 데이터로 구성되고 바디는 웹 사이트 코드로 구성되어 디자인 관리에 도움이됩니다..

5 단계 : 헤드 섹터 생성

헤드의 경우 아래 명령을 실행하십시오.

초기 행은 Joomla가 시스템의 JavaScript와 함께 페이지 제목, 메타 데이터를 포함한 올바른 헤더 데이터를 통합하는 데 도움이됩니다. 나머지 부분은 template.css로 이름이 지정되고 템플리트 디렉토리의 css 폴더에있는 기술 페이지와 개인 기술 페이지의 두 가지 구성표에 대한 링크를 생성합니다. 따라서 템플릿이 http://www.mysite.com/templates/my_template/ 인 경우 CSS 파일은 다음과 같이 배치됩니다. http://www.mysite.com/templates/my_template/css/).

6 단계 : 본문 섹터 만들기

이렇게하려면 아래 코드를 실행하십시오.

이것이 이미 충분하다는 것은 당신을 놀라게 할 것입니다. 당신이 필요한 전부입니다. 기본 레이아웃 일 뿐이지 만 필요한 것을 충족시킵니다. 나머지 부분은 Joomla가 수행합니다. 일반적으로 jdoc 문이라고하는이 행은 Joomla에 Joomla 구조의 특정 섹션의 결과를 통합하도록 지시합니다. 그럼에도 불구하고 메뉴가에 배치되도록 설정해야합니다 "상단" 요소 위치.

7 단계 : 모듈 위치 배치

name =을 나타내는 행의 맨 위에"상단" 로 알려진 요소 위치를 통합 상단 Joomla가 템플릿의이 부분에 모듈을 배치하도록합니다. type =을 포함하는 행"구성 요소" 전체 기사와 주요 내용이있는 곳입니다. 실제로 구성 요소이며 매우 중요합니다. 템플릿의 핵심에 위치.

본문 내 원하는 위치에 특정 구성 요소 행을 자유롭게 통합 할 수 있습니다. 그러나 템플릿의 index.php 옆에있는 templateDetails.xml 파일에 동등한 행을 통합해야합니다..

8 단계 : 템플릿 디자인

템플릿 디자인을 마치려면 아래 코드를 구현하여 전체 설정을 닫습니다.

9 단계 : 사용자 지정 이미지 설정

템플릿에 그림을 포함하려면 아래 명령을 구현하십시오.

10 단계 : 사용자 정의 CSS 추가

사용자 정의 CSS를 통합하려면 아래 코드를 실행하십시오.

통합하는 모든 파일에는 템플릿에 대한 templateDetails.xml 파일에 행이 있어야합니다 (단, 요소에 통합 할 수있는 미니 폴더에 배치 한 경우는 제외))..

이제 아래와 같이 마지막이 나타납니다.

<?PHP 정의 ( ‘_JEXEC’) 또는 die ( ‘제한된 액세스’);?>

11 단계 : 템플릿 확인

템플릿을 확인하려면 템플릿 관리자에서 템플릿을 클릭 한 다음 기본을 선택하여 기본 템플릿으로 변환하십시오..

이 작업을 완료하면 Joomla 1.5를 사용하는 경우 새 템플릿이 즉시 표시됩니다. 템플릿 관리자에 있습니다. 확장을 클릭하고 드롭 다운 메뉴에서 템플릿 관리자를 선택하여 액세스 할 수 있습니다. Joomla 2.5 버전 이상을 사용하는 경우 먼저 Joomla에 새로운 템플릿을 디자인했음을 알려야합니다..

이 작업을 수행해야하는이 요소를 Discover Extensions라고하며 클릭하여 액세스 할 수 있습니다. 확장 그리고 신장 매니저 뒤에 발견하다 고마워비. 를 클릭하여 발견하다 템플릿을 찾으려면 템플릿을 선택한 후 설치 탭을 설치하십시오. 이제 템플릿 관리자 (스타일)에서 방금 만든 템플릿이 표시됩니다. 그것을 얻으려면 확장 그런 다음 템플릿 관리자

Joomla 플랫폼 외부에서 템플릿을 생성 할 수 있으며 작업을 마치면 다른 표준 확장과 마찬가지로 설치할 수 있습니다. 색인 페이지를 작성하는 동안 미리보기 위해 수행 할 수있는 많은 방법이 있습니다. 색인 페이지의 헤드에 패턴을 삽입하거나 잠시 사용하려는 페이지 패턴에 바로 연결하여이를 수행 할 수 있습니다. 파일을 패키지 할 준비가되면 링크를 해제 할 수 있습니다.

12 단계 : 템플릿 패키지 및 설치 준비.

디렉토리에 느슨한 파일이 많이 있으면 공유하기에 적합하지 않습니다. 따라서 마지막으로해야 할 일은 쉽게 배포 할 수 있도록 디렉토리를 올바르게 패키지하는 것입니다. 이렇게하려면 디렉토리 구조와 전체 파일을 압축하고 보관해야합니다. .zip 확장자를 사용하여 패키지를 우편으로 보내거나 타르 gzip .tar.gz 확장자를 사용하는 형식입니다. 또는 그대로 두어도됩니다 타르 -bz2 .tar.bz2 확장자를 사용한 형식.

예를 들어, 템플릿을 패키지화하기 위해 템플릿을 mytemplate /라는 디렉토리에 배치하면 디렉토리에 링크하고 다음 명령을 실행할 수 있습니다.

tar cvvzf ../mytemplate.tar.gz *
zip -r .. \ mytemplate.zip *. *

결론

이 단계에 도달하면 이미 작동중인 Joomla 템플릿이 있습니다. 아직 멋진 모습을 보이지는 않지만 디자인을 실험하고 시험해 보는 것이 가능합니다..

다음 3 가지 Joomla 호스팅 서비스를 확인하십시오.

FastComet

시작 가격 :
$ 2.95


신뢰할 수 있음
9.7


가격
9.5


사용자 친화적
9.7


지원하다
9.7


풍모
9.6

리뷰 읽기

FastComet 방문

ChemiCloud

시작 가격 :
$ 2.76


신뢰할 수 있음
10


가격
9.9


사용자 친화적
9.9


지원하다
10


풍모
9.9

리뷰 읽기

ChemiCloud 방문

A2 호스팅

시작 가격 :
$ 3.92


신뢰할 수 있음
9.3


가격
9.0


사용자 친화적
9.3


지원하다
9.3


풍모
9.3

리뷰 읽기

A2 호스팅 방문

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me