Bitrix를 사용한 템플릿 1. 기성 솔루션. 둘이 있는 곳에는 셋이 있다
템플릿은 레이아웃을 정의합니다. 기능적 요소, 페이지 표시 및 아트 스타일. 장군 모습대지.
일반적으로 모든 페이지에 하나의 레이아웃이 사용되지만 1C Bitrix를 사용하면 여러 디자인 옵션을 동시에 사용할 수 있습니다.
내장된 도구를 사용하면 모든 섹션은 물론 페이지에도 자신만의 템플릿을 설정할 수 있습니다. 특정 회로를 표시하기 위한 다양한 조건을 설정할 수도 있습니다. 설정은 관리자 패널을 통해 이루어집니다.
페이지 템플릿은 동일한 이름의 "templates" 폴더에 저장됩니다. 안에 비주얼 편집기목록에서 필요한 옵션을 선택하고 필요한 데이터를 추가하면 됩니다. 템플릿 작성의 특징은 표현과 논리를 분리하는 것입니다.
템플릿이 필요한 사람은 누구이며 그 이유는 무엇입니까?Bitrix 시스템을 사용하면 미리 만들어진 템플릿을 만들고 사용하여 작업 공간에 적용할 수 있습니다.
이는 온라인 상점이나 뉴스 포털과 같이 복잡한 구조를 가진 다중 구성 요소 페이지로 작업할 때 실용적이고 효과적인 솔루션입니다.
올바르게 선택된 템플릿의 장점:
- 첫 인상. 웹사이트 디자인은 회사의 전문 분야가 무엇인지 명확하게 보여주고 호감을 주는 인상을 줍니다.
- 잊혀지지 않는 사람. 사이트는 특정 회사와 연결되어 있으며 계속해서 알아볼 수 있습니다.
- 진실성. 템플릿은 조화로운 그림을 제시하기 위해 가장 작은 세부 사항까지 작성되어야 합니다.
- 기능성. 매력은 유용성과 실용성과 결합됩니다.
1C Bitrix 템플릿의 구조는 파일과 폴더의 모음입니다. 기본 디렉토리에는 설명과 일반 정보행정 부문의 경우. 때로는 일부 추가 기능도 여기에 할당됩니다.
템플릿의 작업 영역은 주요 콘텐츠를 배치하는 데 사용되며 구조로 인해 분할이 필요합니다. work_area로 지정되어 있으며 편집 형태로 작성되어 공백 구분자 역할을 합니다.
사이트의 주요 섹션은 해당 디렉토리 형태로도 제공됩니다. 1C Bitrix 템플릿의 기본은 머리글 및 바닥글 파일입니다. 여기에는 코드, 추가 전화번호 정보, CSS 및 기타 기능이 포함되어 있습니다.
동적 콘텐츠는 Bitrix Framework 지시문과 함께 템플릿에 포함됩니다. 여기서 특별한 Bitrix 구성 요소를 호출하는 PHP 삽입을 설정할 수 있습니다.
먼저 제목, 아이콘, CSS(Cascading Style Sheet), 태그 및 기타 기본 매개변수를 설정합니다. 그런 다음 관리 부분의 위치를 결정해야합니다. 모든 작업 이미지를 하나의 특정 폴더에 배치하는 것이 좋습니다.
메뉴가 있는 번호 매기기 목록은 항목을 생성하고 편집하기 위해 Bitrix 구성 요소를 호출하여 대체됩니다. 다른 표준 요소의 대부분도 구성 요소로 생성됩니다.
필요한 내선을 배치하기 위해 이를 호출하는 코드가 페이지의 미리 선택된 위치에 삽입됩니다. 처음에는 사용자 문서나 시각적 편집기 탭에 있습니다.
또 다른 중요한 측면은 템플릿의 CSS 파일입니다. 처음에는 세 가지가 있습니다. 콘텐츠 디자인을 위한 기본 하나와 보조 두 개입니다. 그러나 모든 요소가 밀접하게 상호 연결되어 있기 때문에 이러한 구별은 매우 임의적입니다.
템플릿을 설치하는 방법은 무엇입니까?완성된 템플릿의 설치는 다음 구성표에 따라 수행됩니다.
마지막 부분은 헤더 파일에 기록된 모든 Bitrix 변수를 나타냅니다. CSS에서 경로를 편집하고 중간 결과를 저장하는 것을 기억하는 것이 중요합니다. 그런 다음 제품 설정의 해당 목록에서 템플릿을 선택하여 사이트에 템플릿을 적용할 수 있습니다.
결론1C Bitrix 템플릿은 매우 실용적이고 기능적입니다. 이를 사용하면 프로젝트 개발이 크게 단순화되고 속도가 빨라집니다. 회사 웹사이트에서 기성 템플릿을 구입할 수 있습니다.
이 기사에서는 Bitrix용 템플릿을 처음부터 만드는 모든 기능을 살펴보겠습니다. 기성 레이아웃이 있는지, 아니면 중개자 없이 직접 작성하도록 놔두는 완벽주의자인지는 중요하지 않습니다. :)
템플릿을 만들려면 어떤 파일이 필요합니까?사이트의 모양(또는 사이트의 프리젠테이션)은 항상 별도의 폴더에 저장됩니다. 1C-Bitrix에서 템플릿 경로는 템플릿 폴더를 포함하고 이미 모든 템플릿 목록을 포함하는 bitrix 폴더를 통해 있습니다.
템플릿 경로: /bitrix/templates/
다음 세 가지 방법으로 템플릿을 만들 수 있습니다.
아시다시피 세 번째 옵션이 가장 하드코어합니다. :) 관리자 패널로 이동하여 관리 > 설정 > 제품 설정 > 웹사이트 > 웹사이트 템플릿 > 템플릿 추가를 선택하세요.
사이트 관련 링크: /bitrix/admin/template_admin.php?lang=ru
템플릿 ID는 기본적으로 해당 템플릿이 위치할 폴더의 이름입니다. 저는 이를 development 라고 부르겠습니다. 나머지 필드는 최대한 편리하게 입력하세요. 지금은 그다지 중요하지 않습니다. 템플릿 코드에 다음 코드를 추가합니다.
#작업 공간#
— 브라우저에서 파일을 직접 호출할 수 없고 실행이 시작되지 않도록 이 줄을 작성합니다.
— 페이지의 현재 제목을 표시합니다.
— 키워드, 설명 및 모든 스크립트를 표시합니다.
— 관리자용 패널을 표시합니다.
템플릿을 저장한 후 내 설명.php 파일은 다음과 같습니다.
좋습니다. 루트에 5개의 파일이 남아 있어야 하고 나머지는 이 순간우리는 다음을 사용하지 않을 것입니다:
- 설명.php,
- 헤더.php,
- 바닥글.php,
- 스타일.css,
- template_styles.css
#WORK_AREA# 이전 코드 부분은 최종적으로 header.php에 기록됩니다. footer.php에 어느 부분이 기록되어 있는지 맞춰보세요 :) (그 다음 부분). 작업 영역 자체는 동적 콘텐츠(항상 그렇게 동적이지는 않음)이며, 예를 들어 index.php 파일의 /contacts/ 또는 /about/ 폴더에 있습니다. 파일 자체는 일반적으로 헤더 포함으로 시작하고 바닥글 포함으로 끝납니다.
문자 메시지
지금까지는 모든 것이 논리적으로 보입니다.
1C-Bitrix 폴더 및 새 템플릿의 구조문서에는 개인적으로 별로 마음에 들지 않는 몇 가지 권장 사항이 있습니다. 첫째, 그들은 축약된 img 대신 이미지 폴더의 이름을 지정하는 것을 좋아합니다. 그리고 물론 다 이해하지만 스타일을 쓸 때 어차피 이미지를 참고해야 하는데 왜 2배씩 더 쓰는 걸까요? :) 둘째, 포함된 영역을 include_areas 폴더에 저장하라는 권장 사항이 있었습니다. inc를 생성해 보는 것은 어떨까요? 셋째, 스타일이 포함된 파일 2개가 필요한 이유는 무엇입니까? 모든 것을 별도의 파일에 넣고 나중에 필요에 따라 연결하려면 이러한 스타일이 구성 요소 템플릿이나 템플릿의 CSS 폴더에 저장됩니다.
요약하면 올바른 템플릿 구조는 다음과 같습니다.
include_areas 이미지 구성요소 js
약간 반항적이 되려면:
Inc img 구성요소 js
원칙적으로 누구도 귀하를 제한하지 않습니다. 이는 단지 권장 사항일 뿐입니다.
이제 우리는 첫 번째 문제인 하드코드에 순조롭게 도달했습니다. 하드코드는 동적 값 대신에 사용됩니다. 예를 들어 도메인 이름, 사용 텍스트 입력. 대부분의 초보 개발자는 현재 템플릿에 대한 경로를 값으로 저장하는 SITE_TEMPLATE_PATH 상수에 대해 모릅니다. 우리의 경우에는 /bitrix/templates/development입니다(뒤에 슬래시가 없음에 주의하세요). 따라서 스크립트나 포함된 영역을 포함할 때 폴더에 대해 다음을 작성해야 합니다.
