템플릿

템플릿을 통해 페이지 레이아웃이 제어됩니다. 사이트 전체의 디자인을 설정하는 테마와 혼동하지 마세요. 템플릿은 개별 페이지(또는 글)와 페이지(또는 글) 그룹의 모양과 느낌에 영향을 미칩니다. 이 가이드에서는 페이지 템플릿으로 작업하는 방법을 설명합니다.

이 가이드에서

1. Introduction to Templates
   1. Common Types of Templates
2. Edit a Template
   1. Step 1: Choose a Template
   2. Step 2: View The Structure of Your Template
   3. Step 3: Edit the Template Blocks
   4. Step 4: Save Your Changes
3. Create a New Template
   1. From the Site Editor
   2. From the Page Editor
4. Apply a Template
   1. Default Templates
5. Reset a Template
6. Delete a Template

템플릿 소개

템플릿을 통해 페이지가 표시되는 방식이 제어됩니다.

다음과 같은 단계에 따라 페이지에서 사용하는 템플릿을 식별할 수 있습니다.

1. 워드프레스닷컴 알림판에서 페이지를 클릭합니다.
2. 페이지의 이름을 클릭하여 편집기에서 해당 페이지를 엽니다.
3. 오른쪽의 페이지 설정의 요약 아래에서 템플릿 옵션을 찾습니다.
4. 페이지에서 사용하는 템플릿의 이름을 메모합니다.

오른쪽에 사이드바가 표시되지 않으면 오른쪽 위 모서리의 설정 아이콘을 클릭하여 설정을 가져와야 할 수도 있습니다. 이 아이콘은 두 개의 고르지 않은 칼럼이 있는 정사각형 모양입니다.

오른쪽 위 모서리에 있는 설정 아이콘

페이지의 템플릿을 다른 템플릿으로 변경하면 해당 페이지만 영향을 받습니다(사이트 전체 아님).

 

📌

이 가이드에서는 사이트 편집기 테마에 포함된 템플릿을 편집하는 방법을 중점적으로 설명합니다. 클래식 또는 서드파티 테마를 사용하고 있다면 해당 테마의 설정 가이드 또는 설명서에서 테마에 포함된 템플릿 구성에 대해 자세히 알아볼 수 있습니다.

템플릿의 일반적인 유형

템플릿 편집 방법을 시작하기 전에 자주 접할 수 있는 일반적인 템플릿을 설명하겠습니다. 테마를 선택하면 자동으로 몇 가지 기본 템플릿이 포함되어 있습니다. 워드프레스에서는 이러한 템플릿을 사용하여 특정 페이지 유형의 기본 스타일을 생성합니다.

가장 일반적인 템플릿은 아래에 나열되어 있습니다.

• 홈 템플릿 – 사이트의 기본 홈페이지에 사용됩니다.
• 색인 템플릿 – 홈 템플릿이 없으면 일부 테마에서는 색인 템플릿이 기본 홈페이지로 사용됩니다. 그렇지 않으면 최신 글을 표시하는 데 사용됩니다.
• 페이지 템플릿 – 소개 또는 연락처 페이지와 같은 사이트의 표준 페이지 레이아웃을 제어합니다. 일부 테마에서는 페이지 템플릿을 사용하여 홈페이지를 표시하기도 합니다.
• 단일 템플릿 – 이 템플릿은 개별 블로그 글의 스타일을 지정합니다.
• 아카이브 템플릿 – 카테고리 페이지, 태그 페이지 및 기타 아카이브 페이지의 디자인입니다.

사이트의 활성 테마에 따라 위에서 언급한 템플릿 중 일부 또는 전부가 사이트에 있을 수 있습니다. 다음과 같은 단계에 따라 테마에 포함된 템플릿을 확인할 수 있습니다.

1. 알림판을 방문합니다.
2. 디자인 → 편집기로 이동합니다.
3. 템플릿을 클릭합니다.
4. 모든 템플릿 관리를 클릭하여 사이트 템플릿의 전체 목록을 용도에 대한 설명과 함께 표시합니다.

💡

사이트 편집기를 처음 열면 템플릿 스타일과 관계없이 사이트의 홈페이지가 로드됩니다.

템플릿 편집

지금은 워드프레스 페이지 및 글 편집기를 사용하여 콘텐츠를 편집하는 것이 익숙할 수 있습니다. 여기에서 더 나아가 템플릿 편집기로 전환하여 헤더 요소(예: 사이트 제목과 태그라인), 푸터, 페이지 또는 글 내에 콘텐츠를 표시하는 방식을 포함한 페이지와 글의 전반적인 레이아웃을 편집할 수 있습니다.

다음은 템플릿을 편집하는 방법입니다.

1단계: 템플릿 선택

테마에는 편집할 수 있는 템플릿 세트가 있습니다. 테마에 포함된 템플릿을 편집하려면 다음과 같은 단계를 따르세요.

1. 알림판을 방문합니다.
2. 디자인 → 편집기로 이동합니다.
3. 템플릿을 클릭합니다.
4. 편집할 템플릿의 이름을 클릭합니다.
5. 연필 아이콘을 클릭하여 편집 인터페이스를 엽니다.

재생을 클릭한 후 오른쪽 아래 모서리의 컨트롤을 사용하여 비디오 속도를 낮추거나 높이세요.

개별 페이지 또는 글을 편집할 때 템플릿 편집기에 접근할 수도 있습니다.

1. 페이지 편집기의 페이지 설정 아래에서 오른쪽의 그림과 같이 템플릿을 클릭합니다.
2. 템플릿 편집을 클릭하여 템플릿 편집기를 엽니다.

템플릿에 적용한 편집 사항은 템플릿을 사용하는 모든 페이지에 적용됩니다.

편집을 완료하면 왼쪽 상단의 뒤로 화살표를 클릭하여 작업 중이던 페이지로 돌아갑니다. 페이지를 발행하면 템플릿에 적용한 변경 사항도 저장하라는 메시지가 표시됩니다.

2단계: 템플릿 구조 보기

템플릿 편집 화면에 편집 중인 템플릿의 이름(1)이 표시되고 설정 아래에 “템플릿”(2)이 표시됩니다.

템플릿을 편집 중인지 알아내는 방법

템플릿에 있는 모든 블록의 목록을 보려면 화면 왼쪽 상단의 목록 보기(가로줄 3개 모양 아이콘)를 클릭합니다. 목록 보기는 특정 섹션 편집을 시작하기 전에 템플릿의 전반적인 구조를 보는 데 유용합니다. 그런 다음에 목록 보기에서 원하는 블록을 클릭하여 해당 블록의 설정을 이동, 제거 또는 변경할 수 있습니다.

템플릿 편집기의 목록 보기

3단계: 템플릿 블록 편집

템플릿 편집기에서 원하는 블록을 클릭하여 콘텐츠를 조정하거나 블록 설정을 변경하세요. 여기에서 수행할 수 있는 작업 중 일부는 다음과 같습니다.

• 사이트 제목 블록, 사이트 태그라인 블록 및 사이트 로고 블록과 같은 헤더 요소를 편집합니다. 자세히 알아보려면 헤더 사용자 정의를 방문하세요.
• 탐색 블록을 사용하여 메뉴를 추가하거나 편집합니다.
• 열을 사용하여 사이드바를 추가합니다.
• 글의 디자인을 제어합니다.
• 페이지 또는 글 제목을 숨깁니다.
• 푸터의 디자인을 편집합니다.

가능성은 무한합니다! 여기에서 워드프레스 편집기 사용에 대해 자세히 알아보세요.

4단계: 변경 사항 저장

편집 사항 적용을 마치면 오른쪽 상단 모서리의 저장을 클릭합니다.

영향을 받는 템플릿이 여기에 표시됩니다. 저장을 다시 클릭하여 해당 템플릿에 적용한 변경 사항을 저장하겠다는 것을 확인합니다.

새 템플릿 생성

새 템플릿을 디자인하고 해당 템플릿을 특정 페이지 또는 글에 적용할 수 있습니다. 새 템플릿을 생성하려면 다음 단계를 따르세요.

사이트 편집기에서

1. 알림판을 방문합니다.
2. 디자인 → 편집기로 이동하여 사이트 편집기를 엽니다.
3. 템플릿을 클릭합니다.
4. + 아이콘을 클릭하여 새 템플릿을 추가합니다.
5. 기본 제공 옵션 중 하나를 선택하거나 하단의 사용자 정의 템플릿 옵션을 사용하여 자체 템플릿을 생성합니다.
6. 템플릿의 이름을 지정하고 생성을 클릭합니다.
7. 기존 패턴을 선택하거나 건너뛰기를 클릭하여 빈 템플릿으로 시작합니다.
8. + 블록 삽입기 아이콘을 클릭하여 템플릿에 포함할 블록 또는 패턴을 삽입합니다.
   • 템플릿에 페이지/글 콘텐츠가 포함되도록 콘텐츠 블록을 포함해야 합니다.
9. 디자인을 마무리했으면 사이트에서 템플릿을 사용할 수 있도록 저장을 클릭합니다.

Slow down or speed up the video using the controls in the lower right corner after clicking Play

페이지 편집기에서

페이지 또는 글과 같은 개별 콘텐츠를 작업하는 경우 다음 단계에 따라 새 템플릿을 생성할 수 있습니다.

1. 오른쪽 사이드바의 페이지 설정에서 템플릿 이름을 클릭한 다음에 오른쪽의 그림과 같이 템플릿 추가 아이콘을 클릭합니다.
2. 새 템플릿을 설명하는 이름(예: “사이드바가 있는 글”)을 지정하고 생성을 클릭합니다.
3. 템플릿 편집기에서 이제 페이지가 표시되는 구조를 편집할 수 있습니다.
   • 템플릿에 페이지/글 콘텐츠가 포함되도록 콘텐츠 블록을 포함해야 합니다.
4. 완료하면 오른쪽 위 모서리에서 발행 또는 업데이트를 클릭하여 새 템플릿을 저장합니다.
5. 뒤로를 클릭하여 페이지/글 편집기로 돌아가면 새로 생성한 템플릿이 이제 사용 가능한 템플릿 목록에 있습니다.

템플릿 적용

템플릿을 사용자 정의하거나 새 템플릿을 생성한 후 다음 단계를 사용하여 특정 페이지 또는 글에 적용할 수 있습니다.

1. 알림판을 방문합니다.
2. 페이지 또는 글을 클릭하고 템플릿을 적용할 페이/글을 선택합니다.
3. 오른쪽의 설정 사이드바에서 템플릿 섹션을 찾습니다.
   • 페이지 사이드바가 표시되지 않으면 발행 또는 업데이트 옆에 있는 설정 아이콘을 클릭하여 설정 사이드바를 엽니다.
4. 적용할 템플릿을 선택합니다.
5. 템플릿이 적용된 페이지 또는 글의 모양을 미리 봅니다. 편집기 상단의 미리 보기 옵션을 클릭하고 새 탭에서 미리 보기를 선택합니다.
6. 템플릿과 페이지/글의 콘텐츠가 마음에 들면 발행을 클릭합니다. 또는 페이지/글이 이미 발행되었으면 업데이트를 클릭하여 발행된 페이지에 변경 사항을 적용합니다.

기본 템플릿

일부 템플릿은 자동으로 적용되며, 일반 페이지에 적용할 수 없습니다.

예를 들면 아카이브 템플릿은 카테고리 페이지와 기타 아카이브 페이지에 자동으로 적용됩니다. 홈 템플릿은 사용자 정의 홈페이지에 자동으로 적용되고, 색인 템플릿은 최신 글 페이지에 적용됩니다.

템플릿 초기화

편집한 모든 사항을 실행 취소하여 템플릿을 기본 상태로 복원하려면 다음과 같은 단계를 따릅니다.

1. 알림판을 방문합니다.
2. 디자인 → 편집기로 이동합니다.
3. 템플릿을 클릭합니다.
4. 아래로 스크롤하여 모든 템플릿 관리를 클릭합니다. 수정한 템플릿에는 사용자 정의됨으로 레이블이 지정됩니다.
5. 초기화하려는 템플릿 옆에 있는 점 3개를 클릭합니다
6. 사용자 정의 내용 지우기를 선택합니다. 변경 사항이 즉시 기본 레이아웃으로 되돌려집니다. 이 변경은 실행 취소할 수 없습니다.

재생을 클릭한 후 오른쪽 아래 모서리의 컨트롤을 사용하여 비디오 속도를 낮추거나 높이세요.

다음과 같은 단계에 따라 편집 화면에서 템플릿을 초기화할 수도 있습니다.

1. 알림판을 방문합니다.
2. 디자인 → 편집기로 이동합니다.
3. 템플릿을 클릭합니다.
4. 템플릿의 이름을 클릭한 다음에 오른쪽의 편집 영역을 클릭하여 편집기 인터페이스를 엽니다.
5. 화면 상단의 템플릿 이름을 클릭하여 명령 센터를 엽니다.
6. 템플릿 초기화를 클릭합니다. 이 메뉴가 표시되지 않으면 초기화할 변경 사항이 없는 것입니다.
7. 저장을 클릭합니다.

템플릿 삭제

더 이상 필요하지 않은 템플릿을 삭제하려면 다음 단계를 따르세요.

1. 알림판에서 디자인 → 편집기로 이동합니다.
2. 왼쪽 사이드바에서 템플릿과 모든 템플릿 관리를 차례로 선택합니다.
3. 삭제할 템플릿 옆의 생략 부호(점 3개)를 클릭합니다. 이 옵션은 생성한 템플릿 옆에 표시됩니다. 테마에서 추가한 템플릿에는 사용할 수 없습니다.
4. 삭제를 클릭합니다.