이해 Joomla!템 플 릿


전형 적 인 템 플 릿 디 렉 터 리 구조 Joomla!CMS 템 플 릿 은 디 렉 터 리 와 파일 의 구 조 를 사용 하지만 템 플 릿 에 따라 다른 사이트 템 플 릿 (사이트 모양 을 변경 할 수 있 는 템 플 릿) 을 / templates 디 렉 터 리 에서 찾 을 수 있 습 니 다.예 를 들 어 템 플 릿 을 "my template" 라 고 부 르 면 폴 더 에 놓 입 니 다.
/templates/mytemplate

관리자 템 플 릿 (사이트 의 관리자 부분 을 변경 하 는 템 플 릿) 은 / administrator / templates 디 렉 터 리 에서 찾 을 수 있 습 니 다.예 를 들 어 관리자 템 플 릿 이름 이 "my admintemplate" 라면 폴 더 에 놓 입 니 다.
/administrator/templates/myadmintemplate

 
  
    템 플 릿 디 렉 터 리
전형 적 인 Joomla!템 플 릿 은 다음 디 렉 터 리 를 포함 합 니 다:
css - 모든. css 파일 html 포함 - 핵심 출력 과 모듈 chrome 을 포함 하 는 템 플 릿 덮어 쓰기 파일 pw_picpaths - 템 플 릿 을 포함 하 는 모든 그림 languge - 템 플 릿 을 포함 하 는 모든 언어 파일 은 템 플 릿 디자인 의 복잡 한 줄 에 따라 포 함 될 수 있 습 니 다.
javascript - 템 플 릿 추가 기능 을 지원 하 는 자바 script 포함
 
디 렉 터 리 예제
템 플 릿 의 전형 적 인 경 로 는 / public 입 니 다.html / domain - name / template / 템 플 릿 기반 아래 디 렉 터 리 와 파일 을 포함 합 니 다. 
/css/html/p_w_picpaths/javascript/language
component.php
error.php
favicon.ico
index.php
templateDetails.xml
template_preview.png
template_thumbnail.png

 
템 플 릿 파일
일반 템 플 릿 은 다음 파일 을 포함해 야 합 니 다:
  • index.php
  • 디 스 플레이 와 포 지 셔 닝 모듈 과 구성 요소 에 대한 논 리 를 제공 합 니 다.
  • component.php
  • 프린터 우호 페이지 를 표시 하 는 논리, 예 를 들 어 "E - mail this link to a friend." 등 을 제공 합 니 다.
  • error.php
  • 404, page not found 와 같은 오 류 를 처리 하 는 방법 을 제공 합 니 다.
  • favicon.ico
  • favicon 아이콘 파일
  • template.css
  • 템 플 릿 의 디 스 플레이 를 처리 하 는 데 사 용 됩 니 다. 여백, 글꼴, 제목, 이미지 테두리, 목록 형식 등 규범 을 포함 합 니 다. .css 파일 도 / css 에 있 을 수 있 습 니 다. 목록 중.
  • templateDetails.xml
  • 템 플 릿 과 관련 된 메타 정 보 를 저장 하고 설치 프로그램 과 템 플 릿 관리자 가 사용 합 니 다.
  • template_preview.ext - 그림 의 확장 형식 (. jpg,. png,. gif) 을 사용 하여. ext
  • 를 교체 합 니 다.
  • 보통 템 플 릿 관리 - > 템 플 릿 에서 미리 보기 그림 을 누 르 면 600 x400 픽 셀 의 그림 을 표시 합 니 다. 템 플 릿 관리 - > 스타일 중.사이트 에 템 플 릿 을 적용 하기 전에 관리자 에 게 팝 업 창 을 줍 니 다.
  • template_thumbnail.ext - 그림 의 확장 형식 (. jpg,. png,. gif) 을 사용 하여. ext
  • 를 교체 합 니 다.
  • 보통 템 플 릿 관리 - > 템 플 릿 에서 미리 보기 그림 을 누 르 면 200 x150 픽 셀 의 그림 을 표시 합 니 다. 템 플 릿 관리 - > 스타일 중. 이렇게 하면 관리자 가 템 플 릿 을 사이트 에 적용 하기 전에 템 플 릿 의 미리 보기 그림 을 찾 을 수 있 습 니 다.
  • Joomla!템 플 릿 은 template Detail. xml 파일 이 필요 합 니 다. 이 파일 은 모든 템 플 릿 의 루트 디 렉 터 리 에서 찾 을 수 있 습 니 다.이 XML 파일 은 Joomla 를 포함 합 니 다!백 엔 드 에 템 플 릿 옵션 을 표시 하고 제공 하기 위해 필요 한 기본 요소 근 거 를 제공 합 니 다.템 플 릿, 템 플 릿 작성 자, 파일, 폴 더 를 정의 하 는 데 사용 되 는 정보 도 많이 포함 되 어 있 습 니 다.템 플 릿 이 백 엔 드 에서 제공 하 는 템 플 릿 언어 파일, 파라미터, 설정 도 정의 합 니 다.template Detail 파일 은 상당히 기본 적 인 XML 형식 과 구 조 를 사용 합 니 다.이 XML 파일 의 데 이 터 는 서로 다른 부분 으로 나 뉘 어 서로 다른 세 션 과 파 라 메 터 를 나타 내기 위해 특별히 포맷 되 었 습 니 다.Joomla 를 통 해!핵심 이 제공 하 는 강력 한 도구 가 XML 데 이 터 를 읽 고 해석 합 니 다.그리고 템 플 릿 을 등록 하고 템 플 릿 관리자 에서 보 이 는 디 스 플레이 를 만 듭 니 다.이것 은 템 플 릿 개발 자 에 게 템 플 릿 에서 사용 할 작업, 설정, 매개 변수 The implementation of 를 만 드 는 상대 적 으로 간단 한 방법 을 제공 합 니 다.  templateDetails.xml  will vary from template to template, it can be simple or complex depending on what features the template offers. The default Joomla! 3 Protostar template serves as an excellent example to demonstrate how this file is used. The various sections of this file are explained below. templateDetails. xml 의 실현 은 템 플 릿 에 따라 다 르 며 간단 하거나 복잡 할 수 있 습 니 다. 이것 은 템 플 릿 이 제공 하 는 기능 에 달 려 있 습 니 다.기본 Joomla!3. Protostar 템 플 릿 은 이 파일 을 어떻게 사용 하 는 지 보 여 주 는 좋 은 예 입 니 다.이 파일 의 각 부분 은 다음 과 같다. XML 형식 은 templateDetails. xml 파일 의 맨 위 두 줄 마다 먼저 XML 형식 과 DOCTYPE 를 정의 해 야 합 니 다.
    
    install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/2.5/template-install.dtd">
    다음 줄 도 필요 합 니 다. Joomla 에 알려 주기 때 문 입 니 다!이 파일 의 데 이 터 는 확장 에 사 용 됩 니 다. 이 예 에서 템 플 릿 입 니 다.모든 템 플 릿 데 이 터 는 이 탭 에 포함 되 어 있 습 니 다. 파일 은 이 탭 을 닫 으 면 끝 납 니 다.
    1 < extension   version="3.1" type="template" client="site">
     기본 적 인 상세 한 첫 번 째 부분 은 보통 템 플 릿 개발 자 들 이 템 플 릿 에 관 한 정 보 를 포함한다.이름, 날짜, 연락처, 저작권, 버 전 번호 와 기본 설명 같은 정 보 는 흔히 볼 수 있다.이 데 이 터 는 템 플 릿 관리자 에서 사용 되 며 사용 가능 한 템 플 릿 목록 에 표시 되 며 템 플 릿 편집 화면 에 도 표 시 됩 니 다.템 플 릿 기본 정 보 는 Template Manager > Templates 에서 볼 수 있 습 니 다. 템 플 릿 상세 예시 Protostar XML 코드 의 기본 상세 정보:
    
        protostar
        1.0
        4/30/2012
        Kyle Ledbetter
        [email protected]
        Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
        TPL_PROTOSTAR_XML_DESCRIPTION
    이 코드 (설명) 의 마지막 줄 에는 실제 설명 이 아 닌 언어 문자열 이 포함 되 어 있 음 을 알 수 있 습 니 다.이 문자열 은 템 플 릿 의 실제 묘사 정의 와 묘사 한 언어 파일 을 참조 합 니 다.이것 은 Joomla 의 첫 번 째 방법 입 니 다. 공공 사용 을 위 한 확장 은 국제 언어 지원 에 적응 하지만 번역 이 문제 가 아니라면 설명 을 간단하게 입력 할 수 있 습 니 다.언어 파일 도 template Details. xml 파일 의 언어 부분 에서 정의 되 며 본 고 는 이에 대해 더욱 상세 하 게 소개 할 것 입 니 다.템 플 릿 설명 은 Protostar 편집기 에서 볼 수 있 습 니 다. 템 플 릿 상세 예시 디 렉 터 리 구 조 는 템 플 릿 설치 에 관 한 모든 폴 더 를 여기에 표시 합 니 다.템 플 릿 루트 디 렉 터 리 에 있 는 모든 파일 과 폴 더 는 설치 기간 에 나열 되 어야 합 니 다.열 거 된 폴 더 에 포 함 된 모든 파일 을 자동 으로 포함 합 니 다.모든 폴 더 는 템 플 릿 루트 디 렉 터 리 에서 시작 하 는 전체 경로 정 보 를 포함 합 니 다.관리자 설치 기 는 설치 기간 에 파일 을 저장 할 때 이 정 보 를 사용 합 니 다.다음은 기본 프로 토 타 템 플 릿 의 파일 과 폴 더 구조 입 니 다.이것 은 상당히 표준적 인 파일 구 조 를 기본 으로 하 는 Joomla 입 니 다!거푸집.
    
            component.php
            error.php
            favicon.ico
            index.php
            templateDetails.xml
            template_preview.png
            template_thumbnail.png
            css
            html
            p_w_picpaths
            img
            js
            language
            less
    

    J3 Protostar的文件目录视图

     

    模块位置

    可在模板中使用的可用模块位置在此区域中定义。

    这些是默认Protostar模板中定义的模块位置:

    
            banner
            debug
            position-0
            position-1
            position-2
            position-3
            position-4
            position-5
            position-6
            position-7
            position-8
            position-9
            position-10
            position-11
            position-12
            position-13
            position-14
            footer
    

    位置列表包含在标签中。每个标签创建一个模块位置,该位置可以从模块管理器中的位置列表和Joomla!的其他区域中获得,其中可以选择模块位置。

    位置列表的简单格式意味着它可以很容易地定制。 例如,要向列表中添加新的模块位置,只需在标签中添加一个新的标签,其中使用全部小写字母,且不含空格的唯一名称。 请记住,这只会将位置添加到后端,并且需要在其他模板文件中进行额外开发以在前端渲染新位置。

     

    语言

    有的模板也许包括语言文件以便允许模板中的静态文本翻译。请注意语言文件夹已经定义并且还包含其中的两个语言文件。虽然语言文件夹是之前定义的,但这些文件需要自己的定义。这个方法告诉Joomla! 包含模板使用的字符串的语言文件在哪儿。

    第一个文件保存用户将要查看的文本的语言文件。带有.sys或system扩展名的第二个文件用于将在管理员区域中查看的文本。

    这是默认Protostar模板的语言文件夹和文件结构:

    
        en-GB/en-GB.tpl_protostar.ini
        en-GB/en-GB.tpl_protostar.sys.ini
    

    语言字符串在模板和Joomla!中使用,以便利用Joomla!中广泛的国际语言支持功能。此方法为开发人员和用户提供了相对简单的方法来翻译模板和扩展屏幕中使用的任何文本。 Joomla! 将检查所使用的任何语言字符串的语言文件,并以用户选择的语言加载相应的文本代替字符串。 在这种情况下,只有英语文件(en-GB),任何其他语言的文本翻译必须由用户或开发人员提供,然后Joomla!才能使用。

     

    参数

    模板可以提供显示选项和管理员可以在模板管理器中选择的其他参数。例如,默认的Protostar模板允许管理员更改各种颜色,字体和添加标志,这些参数位于高级选项卡下,也由XML参数定义和创建。

    模板参数包含在标记中,该标记包含具有名称属性为“params”的标记。在标签中,定义了参数组和各个参数。

    标记用于创建参数组。各个参数使用标签定义。

    每个

    中的每个参数都需要由name属性定义的唯一名称。此名称定义参数本身,用于将设置传递到前端文件。每个参数还应包含标签属性和描述属性。标签文本随设置屏幕中的参数一起显示,以标识使用的设置,并且可以在说明中包括更详细的信息。

    参数字段实际上可以是具有相应选项的任何类型的表单输入,这由类型属性选择。任何必需的选项,如单选按钮或选择选项,都在

    下面是默认Protostar模板中的参数定义。在本示例中,所有标签,描述和选项都使用上一节中定义的语言文件中的语言字符串定义,以及一些来自Joomla!核心,因此它们可以根据需要翻译成不同的语言。

    Protostar高级参数屏

     

    
            
                
                                                                                                                                                                                                                                                                                            
            
        
    Protostar 템 플 릿 은 XML 이 템 플 릿 인터페이스 에서 사용 할 수 있 는 몇 가지 다른 방식 을 설명 하지만 더 많은 가능성 이 있다.이 예제 에 서 는 모든 인 자 를 포함 하고 name 속성 을 사용 하여 인터페이스 에 '고급' 옵션 을 만 듭 니 다.인터페이스 에서 다른 옵션 을 만 드 는 데 필요 한 것 은 다른 name 속성 을 가 진 태그 입 니 다.이 점 을 감안 하여 템 플 릿 에 필요 한 추가 옵션 과 파 라 메 터 를 만 드 는 것 은 상대 적 으로 간단 합 니 다. 다른 자원 index. php 파일 은 사이트 의 골격 입 니 다.Joomla!전 달 된 모든 페이지 는 'index. php' 가 데이터베이스 에서 선택 한 내용 을 삽입 하여 채 웁 니 다.템 플 릿 의 index. php 파일 은 그대로 전 달 될 코드 와 php 코드 를 혼합 하여 전달 하기 전에 수정 합 니 다.간단 한 html 웹 페이지 를 디자인 한 사람 은 누구나 이 코드 를 잘 알 고 있 습 니 다. 두 가지 주요 부분 - 과.index. php 는 데이터베이스 에서 선택 한 정 보 를 php 코드 로 삽입 합 니 다.전통 HTML 머리:
    
    My Example Webpage
    
    
    
    Joomla!의 방법:
    
    
    baseurl ?>templates/mytemplate/css/css.css" type="text/css" />
    
     따라서 index. php 파일 에서 이 머리 부분 을 정의 하 는 것 이 아니 라 php 코드 의 위 치 를 통 해 데이터베이스 에서 머리 부분 을 찾 습 니 다.똑똑 한 부분 은 이 두 스 크 립 트 가 사용자 에 게 같은 코드 를 제공 할 것 이다.joomla 사이트 의 코드 를 보면 모든 것 이 정상 적 인 html 코드 로 대 체 됩 니 다.좋 은 템 플 릿 디자인 index. php 는 새 페이지 를 불 러 올 때마다 다시 보 내기 때문에 간결 해 야 합 니 다.요 소 는 사용자 캐 시 에 저 장 된 css 파일 에서 제공 해 야 합 니 다.이 강 좌 는 index. php 를 만 드 는 기술 을 소개 합 니 다.왜 index. php 야?Index. htm 는 역사적 으로 사이트 홈 페이지 의 이름 을 주 었 습 니 다.따라서 사용자 가 www. example. org 로 탐색 할 때 네트워크 서버 는 www. example. org / index. htm 를 제공한다.Joomla 때문에!PHP 로 작 성 된 것 입 니 다. index. php 는 자동 으로 제 공 된 파일 입 니 다.더 복잡 한 것 은 사용자 가 joomla 사이트 로 탐색 할 때 루트 디 렉 터 리 의 index. php 를 현재 기본 템 플 릿 의 index. php 로 다시 설정 하 는 것 입 니 다.

  • 좋은 웹페이지 즐겨찾기