FreshTheme은 주로 포털의 레이아웃을 정의하는 세 가지 부분으로 구성됩니다: 헤더, 페이지, 푸터. 이들은 레이아웃 & 페이지 > 포털 레이아웃 에서 접근할 수 있습니다.
헤더:
헤더는 헬프데스크에 표시하고자 하는 탭과 상단 내비게이션 요소로 구성됩니다. 외부 스타일과 미리 로드된 스크립트에 대한 링크를 여기에 추가할 수도 있습니다.
푸터:
푸터는 저작권 텍스트를 넣고, 외부 JavaScript 스니펫을 서드파티 도구에 포함시키는 곳입니다. 푸터를 페이지 하단에 유지하는 것이 좋습니다. 이렇게 하면 일부 JS가 로드하는 데 시간이 오래 걸리더라도 페이지의 나머지 콘텐츠를 지연시키지 않습니다.
페이지 레이아웃:
이것은 테마에서 가장 중요한 부분으로, 모든 것을 순서대로 배치합니다. 헤더, 푸터, 페이지 콘텐츠가 어디에 배치될지를 결정합니다. 페이지 레이아웃에는 이상적으로 다음과 같은 마크업이 포함되어야 합니다:
{{ header }} - 헤더 코드로 대체됩니다
{{ footer }} - 푸터 코드로 대체됩니다
{{ content_for_layout }} - 특정 페이지 수준 사용자 정의로 대체됩니다
(예: 포털 홈, 토론 홈, 솔루션 홈).
참고: 이 레이아웃에서 코드를 삭제하지 마세요. 필요에 따라 추가하거나 재배치할 수 있습니다.
{{ content_for_layout }} 태그는 특정 포털 페이지에서 해당 정보를 가져오는 부분입니다. 예를 들어, 특정 솔루션 문서를 클릭하면 페이지 레이아웃은 상단에 {{ header }}를 표시하고, 하단에 {{ footer }}를 표시하며, {{ content_for_layout }} 영역을 솔루션 문서(및 모든 레이아웃과 스타일)로 대체합니다.