사용자 지정 WordPress 페이지 템플릿에 대한 자세한 가이드
저자 정보
Nick Schäferhoff는 독일의 기업가, 온라인 마케터 및 전문 블로거입니다. 웹 사이트를 구축하지 않거나 콘텐츠를 만들거나 고객을 돕지 않을 때… 자세히 알아보기 Nick↬
- 24 분 읽기
- WordPress, Techniques (WP)
- 오프라인 읽기 용으로 저장
- Twitter, LinkedIn에서 공유
나는 WordPress를 웹 개발의 관문 약물이라고 생각합니다. 플랫폼 사용을 시작하는 많은 사람들은 처음에는 단순히 WordPress 페이지의 도움을 받아 간단한 웹 사이트를 만드는 편하고 무료 인 방법을 찾고 있습니다. 빌더 플러그인입니다. “한 번만 시도해 보겠습니다.”와 같은 종류입니다.
하지만 많은 사용자가 여기에서 멈추지 않습니다. 대신 그들은 푹 빠진다. 더 많은 아이디어를 생각해보세요. 실험. 새로운 플러그인을 사용해보십시오. Firebug를 발견하십시오. 팔. 곧 되돌릴 수 없습니다. 당신의 이야기처럼 들리나요? WordPress 사용자로서 웹 사이트를 점점 더 많이 제어하려는 것은 자연스러운 일입니다. 사용자 정의 디자인, 사용자 정의 기능, 사용자 정의 모든 것을 갈망합니다.
SmashingMag에 대한 추가 정보 :
- WordPress 하위 테마를 만들고 사용자 정의하는 방법
- Building WordPress 용 사용자 지정 아카이브 페이지
- WordPress 아카이브 사용자 지정
다행히도 WordPress는이를 위해 구축되었습니다. 유연한 구조와 구획화 된 아키텍처를 통해 누구나 사이트의 거의 모든 것을 변경할 수 있습니다.
완벽한 웹 사이트 제어를위한 가장 중요한 도구 중 하나는 페이지 템플릿입니다. 이를 통해 사용자는 웹 사이트의 디자인과 기능을 극적으로 변경할 수 있습니다. 귀하의 첫 페이지를위한 맞춤형 헤더를 원하십니까? 끝난. 블로그 페이지 전용 추가 사이드 바? 문제 없어요. 고유 한 404 오류 페이지? 있다. 나의. 손님.
WordPress 페이지 템플릿이이를 달성하는 데 어떻게 도움이되는지 알고 싶다면 계속 읽어보세요. 그러나 먼저 약간의 배경 정보입니다.
WordPress의 템플릿 파일
WordPress의 맥락에서 템플릿에 대해 이야기 할 때 우리는 무엇을 이야기하고 있습니까? 짧은 버전은 템플릿이 WordPress에 다양한 유형의 콘텐츠를 표시하는 방법을 알려주는 파일이라는 것입니다.
약간 더 긴 버전 : 누군가가 웹 사이트의 일부를보기 위해 요청을 보낼 때마다 WordPress 플랫폼이이를 파악합니다. 그들이보고 싶은 콘텐츠와 웹 사이트의 특정 부분이 어떻게 렌더링되어야하는지.
후자의 경우 WordPress는 테마 내에서 발견되는 가장 적절한 템플릿 파일을 사용하려고 시도합니다. 설정된 순서, WordPress 템플릿 계층 구조에 따라 결정됩니다. 아래 스크린 샷이나이 대화 형 버전에서 어떻게 보이는지 확인할 수 있습니다.
템플릿 계층은 워드 프레스가 익숙한 템플릿 파일 목록으로 순위가 매겨진 파일이 다른 파일보다 우선합니다.
결정 트리라고 생각할 수 있습니다. WordPress가 주어진 페이지를 표시하는 방법을 결정하려고 할 때 요청 된 페이지에 맞는 첫 번째 템플릿 파일을 찾을 때까지 템플릿 계층 아래에서 작동합니다. 예를 들어 누군가 http://yoursite.com/category/news 주소에 액세스하려고 시도하면 WordPress는 다음 순서로 올바른 템플릿 파일을 찾습니다.
계층 구조의 맨 아래에는 index가 있습니다. .php. 이름에 더 구체적인 템플릿 파일이 첨부되지 않은 콘텐츠를 표시하는 데 사용됩니다. 템플릿 파일이 계층 구조에서 상위에있는 경우 WordPress는 해당 콘텐츠를 표시하기 위해 자동으로 해당 파일을 사용합니다.
페이지 템플릿 및 용도
페이지의 경우 표준 템플릿 일반적으로 page.php라는 적절한 이름입니다. 더 구체적인 템플릿 파일 (예 : 아카이브 페이지의 경우 archive.php)이없는 경우 WordPress는 page.php를 사용하여 웹 사이트의 모든 페이지 콘텐츠를 렌더링합니다.
그러나 대부분의 경우 웹 사이트의 개별 부분의 디자인, 모양, 느낌 또는 기능을 변경해야 할 수도 있습니다. 여기에서 페이지 템플릿이 작동합니다.맞춤형 페이지 템플릿을 사용하면 나머지 부분에 영향을주지 않고 WordPress 사이트의 모든 부분을 개별화 할 수 있습니다.
이미 직장에서 본 적이있을 수 있습니다. 예를 들어 오늘날 많은 WordPress 테마에는 페이지를 전체 너비로 변경하거나 두 번째 사이드 바를 추가하거나 사이드 바의 위치를 전환하는 옵션이 제공됩니다. 당신의 경우라면 템플릿 파일을 통해 수행되었을 것입니다. 이 작업을 수행하는 방법에는 여러 가지가 있으며 나중에 살펴 보겠습니다.
먼저주의 할 점 : 템플릿 작업에는 활성 테마의 파일을 편집하고 변경하는 것이 포함되므로 항상 좋은 방법입니다. 이러한 종류의 사용자 지정을 할 때 자식 테마와 함께 사용하는 것이 좋습니다. 이렇게하면 부모 테마가 업데이트 될 때 변경 사항을 덮어 쓸 위험이 없습니다.
WordPress에서 페이지를 사용자 지정하는 방법
사용자 지정을 사용하는 세 가지 기본 방법이 있습니다. WordPress의 페이지 템플릿 : 기존 템플릿에 조건문 추가; 계층 구조에서 더 높은 순위의 특정 페이지 템플릿 생성; 특정 페이지에 템플릿을 직접 할당합니다. 각각을 차례로 살펴볼 것입니다.
기본 템플릿에서 조건부 태그 사용
페이지 별 변경을 수행하는 쉬운 방법은 WordPress의 여러 조건부 태그를 템플릿이 이미 사용 중입니다. 이름에서 알 수 있듯이 이러한 태그는 특정 조건이 충족 될 때만 실행되는 함수를 만드는 데 사용됩니다. 페이지 템플릿의 맥락에서 이것은 “페이지 Y에서 X 작업 만 수행”줄을 따르는 것입니다.
일반적으로 테마의 page.php 파일에 조건부 태그를 추가합니다 ( 물론 웹 사이트의 다른 부분을 사용자 정의하고 싶습니다.)이를 통해 홈페이지, 첫 페이지, 블로그 페이지 또는 사이트의 다른 페이지로 제한적으로 변경할 수 있습니다.
다음은 자주 사용되는 일부입니다. 조건부 태그 :
예를 들어 표준 get_header();
태그 대신 page.php에 추가하면 다음 코드는 header라는 사용자 정의 헤더 파일을로드합니다. -shop.php 페이지를 표시 할 때 http://yoursite.com/products.
이에 대한 좋은 사용 사례는 다음과 같습니다. 사이트에 상점이 있고 상점 페이지에 다른 헤더 이미지 또는 사용자 정의 메뉴를 표시해야합니다. 그런 다음 이러한 사용자 정의를 header-shop.php에 추가하면 적절한 위치에 표시됩니다.
그러나 조건부 태그는 li이 아닙니다. 한 페이지로 이동합니다. 다음과 같이 여러 문장을 연속으로 만들 수 있습니다.
이 두 번째 예에서는 두 가지 조건이 사이트의 다른 페이지 동작을 변경합니다. 앞서 언급 한 상점 별 헤더 파일을로드하는 것 외에도 ID가 42 인 페이지에 header-about.php도로드합니다. 다른 모든 페이지에는 표준 헤더 파일이 적용됩니다.
자세히 알아보기 조건부 태그 사용에 대한 다음 리소스를 적극 권장합니다.
- WordPress Codex : 조건부 태그
- ThemeLab : WordPress 조건부 태그에 대한 궁극적 인 가이드
WordPress 계층 구조에서 페이지 별 파일 만들기
조건부 태그는 페이지 템플릿에 작은 변경 사항을 적용 할 수있는 좋은 방법입니다. 물론 여러 조건문을 차례로 사용하여 더 큰 사용자 지정을 만들 수도 있습니다. 그러나 저는 이것이 매우 번거로운 해결책이라고 생각하고 대신 지정된 템플릿 파일을 선택합니다.
이 작업을 수행하는 한 가지 방법은 WordPress 템플릿 계층 구조를 이용하는 것입니다. 앞에서 살펴본 것처럼 계층 구조는 가능한 템플릿 파일 목록을 탐색하고 가장 적합한 템플릿 파일을 선택합니다. 페이지의 경우 계층 구조는 다음과 같습니다.
- 사용자 정의 페이지 템플릿
- page- {slug} .php
- page- {id} .php
- page.php
- index.php
먼저 특정 페이지에 직접 할당 된 사용자 정의 페이지 템플릿입니다. 그 중 하나가 있으면 WordPress는 다른 템플릿 파일이 있는지에 관계없이이를 사용합니다. 사용자 정의 페이지 템플릿에 대해 조금 더 이야기하겠습니다.
그 후에 WordPress는 해당 페이지의 슬러그가 포함 된 페이지 템플릿을 찾습니다. 예를 들어 테마 파일에 page-about.php라는 파일을 포함하면 WordPress는이 파일을 사용하여 ‘정보’페이지 또는 http://www.yoursite.com/about 아래에있는 페이지를 표시합니다. .
또는 페이지의 ID를 타겟팅하여 동일한 결과를 얻을 수 있습니다. 따라서 동일한 페이지의 ID가 5이면 WordPress는 page.php 이전에 존재하는 경우 page-5.php 템플릿 파일을 사용합니다. 즉, 더 높은 순위의 페이지 템플릿을 사용할 수없는 경우에만 가능합니다.
(BTW, WordPress 뒷면의 ‘모든 페이지’아래에있는 제목 위로 마우스를 가져 가면 모든 페이지의 ID를 찾을 수 있습니다. -end. ID는 브라우저에 표시되는 링크에 표시됩니다.)
사용자 정의 페이지 템플릿 할당
WordPress가 자동으로 사용할 양식으로 템플릿을 제공하는 것 외에도 사용자 지정 템플릿을 특정 페이지에 수동으로 할당 할 수 있습니다.템플릿 계층 구조에서 볼 수 있듯이 테마 폴더에있는 다른 템플릿 파일보다 우선합니다.
WordPress 계층 구조에 대한 페이지 별 템플릿을 만드는 것과 마찬가지로이를 위해서는 템플릿 파일을 제공하고 그런 다음 사용하려는 페이지에 링크하십시오. 후자는 이미 익숙한 두 가지 방법으로 수행 할 수 있습니다. 그렇지 않은 경우를 대비하여 방법은 다음과 같습니다.
1. WordPress 편집기에서 사용자 정의 페이지 템플릿 할당
WordPress 편집기에서 ‘템플릿’아래에 드롭 다운 메뉴가있는 ‘페이지 속성’이라는 옵션 필드를 찾을 수 있습니다.
클릭하면 WordPress 웹 사이트에서 사용 가능한 페이지 템플릿 목록이 제공됩니다. 원하는 것을 선택하고 페이지를 저장 또는 업데이트하면 완료됩니다.
2. 빠른 편집을 통해 사용자 지정 템플릿 설정
WordPress 편집기를 입력하지 않고도 동일한 작업을 수행 할 수 있습니다. ‘모든 페이지’로 이동하여 목록에있는 항목 위로 마우스를 가져갑니다. ‘빠른 편집’항목이 포함 된 메뉴가 표시됩니다.
목록에서 직접 페이지 설정을 편집하려면 클릭하십시오. 다른 페이지 템플릿을 선택하기위한 동일한 드롭 다운 메뉴가 표시됩니다. 하나를 선택하고 페이지를 업데이트하면 완료됩니다.
결국 그렇게 어렵지 않습니까? 하지만 아직 맞춤 페이지 템플릿이 없다면 어떻게해야할까요? 웹 사이트가 원하는 방식으로 정확하게 보이도록 어떻게 만드나요? 걱정하지 마세요. 다음 부분이 전부입니다.
사용자 정의 페이지 템플릿을 만들기위한 단계별 가이드
페이지에 대한 사용자 정의 템플릿 파일을 모으는 것은 아닙니다. 어렵지만 여기에주의해야 할 몇 가지 세부 사항이 있습니다. 따라서 프로세스를 비트 단위로 살펴 보겠습니다.
1. 기본 템플릿 찾기
좋은 방법은 수정하려는 페이지에서 현재 사용중인 템플릿을 복사하여 시작하는 것입니다. 전체 페이지를 처음부터 작성하는 것보다 기존 코드를 수정하는 것이 더 쉽습니다. 대부분의 경우 이것은 page.php 파일입니다.
(편집하려는 페이지에서 사용중인 템플릿 파일을 찾는 방법을 모르는 경우 What The File 플러그인이 유용합니다.)
나는 시연을 위해 Twenty Twelve 테마를 사용할 것입니다. 표준 페이지 템플릿은 다음과 같습니다.
보시다시피 여기에 너무 멋진 것은 없습니다. 일반적으로 머리글과 바닥 글을 호출하고 중간에 루프를 호출합니다. 문제의 페이지는 다음과 같습니다.
2. 템플릿 파일 복사 및 이름 변경
기본 템플릿 파일을 확인한 후 사본을 만들 차례입니다. 페이지를 원하는대로 변경하기 위해 복제 된 파일을 사용합니다. 이를 위해 우리는 또한 이름을 바꿔야합니다. 같은 이름의 파일 두 개를 가질 수 없습니다. 모두에게 혼란 스러울뿐입니다.
예약 된 테마 파일 이름으로 시작하지 않는 한 파일 이름을 자유롭게 지정할 수 있습니다. . 그러니 page-something.php 또는 워드 프레스가 전용 템플릿 파일이라고 생각하게 만드는 다른 이름을 지정하지 마십시오.
이 템플릿 파일이 사용되는 것을 쉽게 식별 할 수있는 이름을 사용하는 것이 좋습니다. 예 : my-custom-template.php. 제 경우에는 custom-full-width.php를 사용하겠습니다.
3. 템플릿 파일 헤더 사용자 지정
다음으로 WordPress에이 새 파일이 사용자 지정 페이지 템플릿임을 알려야합니다. 이를 위해 다음과 같은 방법으로 파일 헤더를 조정해야합니다.
‘템플릿 이름’아래의 이름은 ‘페이지 워드 프레스 편집기의 속성 ‘. 템플릿 이름에 맞게 조정하세요.
4. 코드 맞춤 설정
이제 페이지 템플릿의 핵심 요소 인 코드를 살펴볼 차례입니다. 이 예에서는 데모 페이지에서 사이드 바를 제거하고 싶습니다.
내가해야 할 일은 내에서 <?php get_sidebar(); ?>
를 제거하는 것이므로 비교적 쉽습니다. 페이지 템플릿이 사이드 바라고 부르는 것입니다. 결과적으로 내 맞춤 템플릿은 다음과 같이 표시됩니다.
5. 페이지 템플릿 업로드
사용자 정의 파일을 저장했으면 이제 웹 사이트에 업로드 할 차례입니다. 맞춤 페이지 템플릿은 WordPress에서 인식 할 수있는 여러 위치에 저장할 수 있습니다.
- 활성 (하위) 테마 폴더
- 기본 상위 테마 폴더
- 이 중 하나의 하위 폴더
저는 개인적으로 하위 테마에 page_templates라는 폴더를 만들고 여기에 맞춤 템플릿을 배치하고 싶습니다.파일 및 사용자 지정에 대한 개요를 유지하는 것이 가장 쉽습니다.
6. 템플릿 활성화
마지막 단계로 페이지 템플릿을 활성화해야합니다. 앞서 언급했듯이 이것은 WordPress 편집기의 페이지 속성 → 템플릿에서 수행됩니다. 저장하고, 페이지를보고, Voilà! 다음은 사이드 바가없는 맞춤 페이지입니다.
그다지 어렵지 않습니까? 걱정하지 마세요. 빠르게 이해할 수 있습니다. 이 페이지 템플릿의 용도에 대한 더 나은 인상을주기 위해 기사의 나머지 부분에 대한 추가 사용 사례 (코드 포함)를 보여 드리겠습니다.
페이지 템플릿을 사용하는 5 가지 방법
이미 언급했듯이 페이지 템플릿은 다양한 용도로 사용할 수 있습니다. 도움을 받으면 모든 페이지에서 거의 모든 것을 사용자 정의 할 수 있습니다. 당신의 상상력과 코딩 능력 만이 방해가됩니다.
1. 전체 너비 페이지 템플릿
첫 번째 사례는 위에서 만든 데모 템플릿의 고급 버전입니다. 여기에서는 코드에서 <?php get_sidebar(); ?>
를 삭제하여 이미 사이드 바를 제거했습니다. 그러나 스크린 샷에서 본 것처럼 콘텐츠 섹션이 왼쪽에 있기 때문에 실제로 전체 너비 레이아웃이되지는 않습니다.
이 문제를 해결하려면 특히 CSS를 처리해야합니다. 이 부분 :
width
속성은 콘텐츠를 보유하는 요소를 사용 가능한 공간의 65.1042 %로 제한합니다. . 이 수치를 높이고 싶습니다.
하지만 100 %로만 변경하면 사이트의 다른 모든 페이지에 영향을 미치며 이는 우리가 원하는 것과는 거리가 멀습니다. 따라서 여기서 첫 번째 순서는 맞춤 템플릿에서 기본 div
의 클래스를 class="site-content-fullwidth”
와 같은 다른 것으로 변경하는 것입니다. 결과 :
이제 새 맞춤 클래스에 대한 CSS를 조정할 수 있습니다.
결과적으로 콘텐츠가 이제 모두 늘어납니다. 화면을 가로지 릅니다.
2. 위젯 영역이있는 동적 404 오류 페이지
404 오류 페이지는 오타, 잘못된 링크 또는 오류로 인해 존재하지 않는 웹 사이트 페이지에 액세스하려는 모든 사람이 방문하는 곳입니다. 페이지의 퍼머 링크가 변경되었습니다.
인터넷상의 모든 사람들이 404를 얻는 것을 싫어한다는 사실에도 불구하고 웹 사이트를 운영하고 있다면 404 오류 페이지는 그다지 중요하지 않습니다. 그 내용은 누군가가 귀하의 사이트를 즉시 버리거나 다른 콘텐츠를 확인하는 데 결정적인 요소가 될 수 있습니다.
사용자 정의 오류 페이지를 처음부터 코딩하는 것은 번거 롭습니다. 특히 자신의 능력에 확신이없는 경우에는 더욱 그렇습니다. . 더 나은 방법은 위젯 영역을 템플릿에 빌드하여 드래그 앤 드롭으로 표시되는 내용을 유연하게 변경할 수 있도록하는 것입니다.
이를 위해 Twenty Twelve ()와 함께 제공되는 404.php 파일을 가져 와서 편집합니다. 템플릿 계층, 기억하십니까?). 그러나 변경하기 전에 먼저 functions.php 파일에 다음 코드를 삽입하여 새 위젯을 생성합니다.
이렇게하면 WordPress 백엔드에 새로 생성 된 위젯이 표시됩니다. 사이트에 실제로 팝업되도록하려면 다음 코드 줄을 적절한 위치의 404 페이지에 추가해야합니다.
이후 내 사이트에 템플릿을 업로드하는 중입니다. 이제 새 위젯 영역을 채울 차례입니다.
이제 404 오류 페이지를 살펴보면 새로 만든 위젯이 여기에 표시됩니다.
3. 사용자 지정 게시물 유형을 표시하기위한 페이지 템플릿
사용자 지정 게시물 유형은 고유 한 데이터 요소 집합, 디자인 및 기타 사용자 지정이있는 콘텐츠를 도입하는 좋은 방법입니다. 이러한 게시물 유형의 가장 선호되는 사용 사례는 책 및 영화와 같은 리뷰 항목입니다. 우리의 경우 포트폴리오 항목을 표시하는 페이지 템플릿을 작성하려고합니다.
먼저 사용자 지정 게시물 유형 (CPT)을 만들어야합니다. 이것은 수동으로 또는 플러그인을 통해 수행 할 수 있습니다. 진심으로 추천 할 수있는 플러그인 옵션 중 하나는 유형입니다. 사용자 지정 게시물 유형 및 사용자 지정 필드를 쉽게 만들 수 있습니다.
유형 설치 및 활성화, 사용자 지정 게시물 추가, 슬러그가 ‘포트폴리오’인지 확인하고 필요한 필드를 사용자 지정 (예 : 추천 이미지 추가) ), 다른 옵션을 조정하고 저장합니다.
이제 포트폴리오 게시물 유형이 있으므로 사이트에 표시하려고합니다. 가장 먼저 할 일은 문제의 페이지를 만드는 것입니다.CPT의 슬러그로 ‘포트폴리오’를 선택한 경우 페이지는 동일한 슬러그를 가질 수 없습니다. clients-portfolio
를 사용하고 몇 가지 예제 텍스트도 추가했습니다.
‘포트폴리오’게시물 유형 섹션에 몇 가지 항목을 추가 한 후 해당 항목이 페이지 바로 아래에 표시되기를 원합니다. 페이지 콘텐츠.
이를 위해 page.php 파일의 파생물을 다시 사용할 것입니다. 그것을 복사하고, Portfolio-template.php라고 부르고 헤더를 다음과 같이 변경하십시오 :
그러나이 경우 원본 템플릿을 약간 변경해야합니다. page.php의 코드를 살펴보면 중간에 content-page.php라는 이름의 다른 템플릿 파일 (<?php get_template_part( ‘content’, ‘page’ ); ?>
라고 표시됨)을 호출하는 것을 볼 수 있습니다. 이 파일에서 다음 코드를 찾을 수 있습니다.
보시다시피 페이지 제목과 콘텐츠가 호출됩니다. 우리는 포트폴리오 사이트에 그것들을 확실히 원하기 때문에이 템플릿의 필요한 부분을 page.php 파일에 복사해야합니다. 결과는 다음과 같습니다.
포트폴리오 항목을 페이지로 가져 오기 위해 the_content()
호출 바로 아래에 다음 코드를 추가합니다.
이렇게하면 페이지에 CPT가 표시됩니다.
저는 그것이 별보다 덜 보인다는 것에 우리 모두 동의한다고 확신합니다. 그래서 약간의 스타일이 순서대로되어 있습니다.
훨씬 더 좋을 것 같지 않습니까?
다음은 포트폴리오 페이지 템플릿의 전체 코드입니다.
4. 아바타 이미지가있는 기고자 페이지
다음 페이지 템플릿 사용 사례는 기고자 페이지입니다. 우리는 웹 사이트에 저자의 이미지와 자신의 이름으로 게시 한 게시물 수를 포함하여 저자 목록을 설정하려고합니다. 최종 결과는 다음과 같습니다.
다시 이전의 하이브리드 파일로 시작하여 기여자 목록에 대한 코드를 추가합니다. 하지만 그런 것을 만드는 방법을 모른다면 어떨까요? 걱정하지 마세요. 지능적인 도둑질을 할 수 있습니다.
보시다시피, Twenty Fourteen 기본 테마는 기본적으로 컨트 리뷰 터 페이지와 함께 제공됩니다. 페이지-템플릿 폴더에서 contributors.php라는 이름의 템플릿을 찾을 수 있습니다.
그러나 파일을 살펴보면 다음 호출 만 찾을 수 있습니다. twentyfourteen_list_authors();
. 다행히도 열렬한 WordPress 사용자로서 이것이 아마도 Twenty Fourteen의 function.php 파일에있는 함수를 참조 할 것이라고 결론을 내 렸습니다.
여기서 찾은 내용에서 우리가 관심을 갖는 부분은 다음과 같습니다. 이 :
다음 결과로 the_content()
에 대한 호출 아래에 다시 추가합니다.
이제 약간의 스타일을 지정합니다.
그게 다야. 감사합니다 Twenty Fourteen!
5. 맞춤형 아카이브 페이지
Twenty Twelve는 아카이브 페이지를위한 자체 템플릿과 함께 제공됩니다. 예를 들어 특정 카테고리의 모든 과거 게시물을 보려고 할 때 실행됩니다.
하지만 저는 Problogger가 한 일과 비슷한 것을 원합니다. 내 사이트의 콘텐츠를 여러 가지 방법으로 제공합니다. 다시 한 번 페이지 템플릿을 사용합니다.
이전의 혼합 템플릿을 유지하면서 the_content()
호출 아래에 다음을 추가합니다.
또한 검색 창에 대한 약간의 스타일 지정 :
결과는 다음과 같이 표시됩니다.
완성을 위해 전체 파일은 다음과 같습니다.
파일에 할당하는 것을 잊지 마십시오. page!
WordPress 페이지 템플릿 요약
WordPress를 마스터하는 과정에서 페이지 템플릿 사용 방법을 배우는 것은 중요한 단계입니다. 웹 사이트를 매우 쉽게 사용자 정의 할 수 있으며 원하는만큼 많은 페이지 또는 적은 페이지에 고유 한 기능과 디자인을 할당 할 수 있습니다. 위젯 영역 추가부터 사용자 지정 게시물 유형 표시, 웹 사이트 기여자 목록 표시에 이르기까지 가능성은 거의 무한합니다.
조건부 태그를 사용하든, WordPress 템플릿 계층 구조를 활용하든, 페이지 별 템플릿 파일을 생성하든 전적으로 귀하와 달성하려는 목표에 달려 있습니다. 작게 시작하여 더 복잡한 작업을 수행하십시오. 머지 않아 WordPress 웹 사이트의 모든 부분이 모든 전화에 응답 할 것입니다.