비디오: How to install WebsiteBaker 2024
HTML5 및 CSS3 웹 사이트 용으로 WebsiteBaker 템플릿을 처음부터 만들 수도 있지만 일반적으로 좋은 생각은 아닙니다. 친숙한 템플릿부터 시작하여 자신 만의 템플릿을 만드는 것이 훨씬 현명합니다. 그런 식으로 일반 구조가 이미 입증되었으며 사용자가 원하는대로 사용자 정의해야합니다.
-
원하는 시작 템플릿을 찾습니다.
시작할 장소가 없을 경우 WebsiteBaker 코어에 포함 된 템플릿 (특히 모든 CSS 및 라운드)을 사용해보십시오. 빈 템플릿은 특히 사용자 정의를 위해 설계되었습니다.
-
로컬 시스템에 템플릿을 설치하십시오.
로컬 시스템의 템플릿은 원격 서버보다 작업하기가 훨씬 쉽습니다.
-
템플릿의 로컬 복사본을 찾습니다.
일반적으로 템플릿은 서버의 디렉토리에 저장됩니다. 각 템플릿에는 자체 폴더가 있습니다.
-
수정하려는 템플릿의 폴더를 복사하십시오.
원본보다는 사본으로 작업하는 것이 일반적으로 더 똑똑합니다. 복사 된 폴더를 templates 디렉토리에 붙여 넣으십시오.
-
새 폴더의 이름을 새 템플릿 이름으로 바꿉니다.
새 템플릿은 원래 템플릿과 다른 이름을 사용해야합니다.
이 시점에서 원본 템플릿의 사본이 있지만이 사본은 아직 CMS에 반영되지 않습니다. 새 템플릿을 사용하려면 몇 가지 사항을 변경해야합니다. 이를 수행하기 전에 일반적인 WebsiteBaker 템플릿의 파일 구조를 살펴보십시오.
WebsiteBaker가 훌륭한 이유 중 하나는 템플릿 구조가 다른 CMS와 비교해 비교적 간단하다는 것입니다. 디렉토리에는 상대적으로 적은 수의 파일 인
-
색인이 들어 있습니다. php: 이 PHP 파일은 시스템의 모든 페이지의 기초로 사용되는 기본 파일입니다. 기본적으로 몇 가지 특별한 PHP 함수가 내장 된 HTML 페이지입니다. 원하는 HTML을 편집 할 수 있으며 결과 변경 사항은 사이트의 모든 페이지에 반영됩니다.
-
정보. php: 이 간단한 PHP 파일에는 템플릿의 전체 동작을 제어하는 데 사용되는 많은 변수가 들어 있습니다. 템플릿에 공식 이름을 부여하기 위해이 파일을 약간 변경합니다.
-
layout_setup. css: 이 CSS 파일은 전체 페이지 디자인에 사용 된 CSS를 설명합니다. 이 CSS 파일의 내용을 변경하여 글꼴 색상이나 기타 큰 그림 CSS를 변경할 수 있습니다.
-
layout_text. css: 이 CSS 파일은 사이트의 다양한 텍스트 요소의 스타일을 정의하는 데 사용됩니다.layout_setup에 정의되지 않은 클래스를 찾고 있다면. CSS는 여기에서 찾을 수 있습니다. 참고: CSS 파일의 이름은 다른 템플릿에서 변경 될 수 있지만 적어도 하나의 CSS 파일이 있습니다.
-
편집자. css: 이 파일은 내부 WYSIWYG 편집기를 수정하는 데 사용됩니다. 편집기에 다양한 요소가 표시되는 방법을 설명합니다.
-
images 디렉토리: 종종 템플릿에는 많은 이미지가 포함됩니다. 이들은 편의를 위해 서브 디렉토리에 저장됩니다. 당신은 당신이 가고있는 모양을 만들기 위해이 이미지들 중 일부를 바꿀 필요가 있습니다.
일부 템플릿은 더 복잡하고 덜 복잡합니다. 실제로, 원하는만큼 많은 파일을 보유 할 수 있습니다. 항상 색인이 있어야합니다. PHP 및 정보. php. 거의 항상 하나 이상의 CSS 페이지가 있습니다. 템플릿에 원하는 것을 넣을 수는 있지만 그 밖의 것은 절대 필요하지 않습니다.