WordPress에서 사용자 지정 단일 게시물 템플릿을 만드는 방법

워드프레스 정보공유

WordPress에서 사용자 정의 단일 게시물 템플리트를 작성 하시겠습니까?

사용자 정의 단일 게시물 템플릿을 사용하면 개별 블로그 게시물에 다른 레이아웃을 사용할 수 있습니다. 많은 WordPress 테마에는 몇 가지 다른 페이지 템플릿이 포함되어 있으며 필요한 경우 직접 만들 수도 있습니다.

이 기사에서는 WordPress에서 사용자 정의 단일 게시물 템플릿을 쉽게 만드는 방법을 보여줍니다. 여러 가지 방법을 공유하므로 필요에 가장 적합한 방법을 선택할 수 있습니다.

WordPress에서 사용자 정의 단일 게시물 템플릿을 만드는 방법

노트 : 이 자습서에서는 WordPress 테마 파일을 편집해야합니다. 이전에이 작업을 수행하지 않은 경우에 대한 자습서를 확인하십시오. WordPress에서 코드를 복사하여 붙여 넣는 방법.

언제 포스트 템플릿 사용자 지정이 필요합니까?

때로는 웹 사이트의 특정 게시물에 대해 다른 모양과 느낌을 원할 수도 있습니다. 예를 들어, 특정 카테고리의 특집 기사 또는 스토리에 다른 레이아웃을 사용하고자 할 수 있습니다.

여기에서 WordPress에 사용자 지정 단일 게시물 템플릿이 필요합니다.

기본적으로 WordPress는 다음을 기반으로 단일 게시물 템플릿을 사용합니다. 워드 프레스 템플릿 계층. 모든 테마에는 모든 단일 게시물의 기본값으로 사용되는 single.php 템플릿이 제공됩니다.

일부 테마에는 사용할 수있는 추가 템플릿 또는 레이아웃 선택 사항이 포함될 수도 있습니다.

매우 비슷합니다 맞춤 페이지 템플릿 만들기. 대부분의 WordPress 테마에는 WordPress에서 페이지를 편집하는 동안 사용할 수있는 페이지 템플릿이 있습니다.

페이지 템플릿 선택

이미 WordPress에서 사용자 정의 단일 게시물 템플릿을 쉽게 만드는 방법을 살펴 보겠습니다. 여러 가지 방법을 보여 드리므로 가장 적합한 방법을 사용할 수 있습니다.

블록 편집기를 사용하여 WordPress에서 단일 포스트 템플릿 작성

이 방법은 실제로 게시물 템플릿을 생성하지 않으며 유연성이 제한됩니다. 그러나 자신의 단일 게시물 레이아웃을 저장 한 다음 재사용하는 가장 쉬운 방법입니다.

기본 워드 프레스 블록 에디터 블록을 저장하고 재사용 할 수있는 내장 기능이 제공됩니다. 재사용 가능한 블록 중 하나를 그룹 블록이라고합니다.

그룹 블록은 기본적으로 여러 블록과 전체 게시물 레이아웃을 하나의 그룹에 넣을 수 있습니다. 그런 다음이 그룹 블록을 저장하고 다른 게시물에서 재사용 할 수 있습니다.

그룹 블록을 사용하여 맞춤 게시물 템플릿을 저장하는 방법을 살펴 보겠습니다.

먼저, WordPress에서 새 게시물을 작성해야합니다. 그런 다음 콘텐츠 영역에 그룹 블록을 추가하기 만하면됩니다.

그룹 블록 추가

이제 그룹 블록에 블록을 추가하여 단일 포스트 레이아웃을 만들 수 있습니다. 열, 미디어 및 텍스트, 표지 이미지 등 원하는 블록을 추가 할 수 있습니다.

그룹에 블록 추가

생성 한 레이아웃에 만족하면 마우스를 들고 그룹 블록을 선택해야합니다. 3 점 메뉴 아이콘을 클릭 한 다음 '재사용 가능한 블록에 추가'옵션을 선택하십시오.

재사용 가능한 블록 추가

다음으로 재사용 가능한 블록의 이름을 제공 한 다음 저장 버튼을 클릭해야합니다. WordPress는 이제 그룹 블록 내부의 모든 블록을 포함하여 재사용 가능한 블록을 저장합니다.

그런 다음 웹 사이트의 기존 게시물을 편집하거나 새 게시물을 만들 수 있습니다. 사후 편집 화면에서 새 블록 추가 버튼을 클릭하고 재사용 가능한 블록에서 저장된 블록을 찾으십시오.

재사용 블록

게시물에 블록을 추가하면 WordPress에서 모든 블록과 설정을 저장 한 전체 그룹 블록을로드합니다.

이 방법을 사용하면 사용자 정의 레이아웃을 저장할 수 있습니다. 그러나 테마가 단일 게시물을 처리하는 방식을 변경할 수는 없습니다.

유연성을 높이려면 계속 읽으십시오.

Beaver Builder를 사용하여 WordPress에서 사용자 정의 단일 포스트 템플릿 작성

맞춤 단일 게시물 템플릿을 만드는 가장 쉬운 방법은 비버 빌더. 최고입니다 워드 프레스 페이지 빌더 플러그인 코드를 작성하지 않고 게시물 템플릿을 만들거나 워드 프레스 테마를 수정할 수 있습니다.

가장 먼저해야 할 일은 설치 및 활성화입니다. 비버 빌더 플러그인. 자세한 내용은 단계별 가이드를 참조하십시오. 워드 프레스 플러그인 설치 방법.

활성화되면 방문해야합니다 설정»비버 빌더 페이지를 클릭하고 라이센스 탭으로 전환하여 라이센스 키를 입력하십시오.

비버 빌더 라이센스 키

이 정보는 Beaver Builder 웹 사이트의 계정에서 찾을 수 있습니다.

기본적으로 비버 빌더는 WordPress의 페이지에 대해 활성화되어 있습니다. 게시물에도 사용할 수 있어야합니다.

그렇게하려면 아래의 게시물 유형 탭으로 전환하십시오. 설정»비버 빌더 페이지. 여기에서 '게시물'옵션 옆의 확인란을 선택해야합니다.

게시물에 Beaver Builder 사용

‘게시물 유형 저장’버튼을 클릭하여 변경 사항을 저장하십시오.

이제 모든 것이 설정되었으므로 맞춤 게시물 템플릿을 만들어 보겠습니다.

WordPress에서 새 게시물을 작성하고 게시물 편집 화면에서 'Beaver Builder 시작'버튼을 클릭하십시오.

비버 빌더 출시

웹 사이트의 실시간 미리보기와 함께 Beaver Builder 인터페이스가 열립니다. 화면 오른쪽 상단에있는 추가 버튼을 클릭하여 기존 레이아웃에 모듈과 행을 추가 할 수 있습니다.

시작점으로 템플릿을 선택할 수도 있습니다. 처음부터 깨끗한 슬레이트를 제공하는 빈 템플릿도 있습니다.

비버 빌더 템플릿 선택

템플릿을 선택한 후에는 간단한 포인트 앤 클릭으로 템플릿을 편집 할 수 있습니다. 행과 열을 추가하고 모듈과 요소로 채워서 사용자 정의 레이아웃 템플릿을 만들 수도 있습니다.

비버 빌더 모듈 추가

다른 모듈로 실험하고 설정을 가지고 놀아보십시오.

게시물 템플릿으로 사용할 항목을 만든 후에는 그것을 구할 때입니다.

Beaver Builder를 사용하면 레이아웃을 템플릿으로 저장 한 다음 다른 게시물과 함께 재사용 할 수 있습니다. 화면 오른쪽 상단의 메뉴를 클릭하고 템플릿 저장을 선택하십시오.

사용자 정의 Beaver Builder 게시물 템플릿 저장

템플릿 이름을 입력하라는 메시지가 표시됩니다. 그런 다음 저장 버튼을 클릭하여 저장하십시오.

템플릿 이름 지정 및 저장

이제 게시물을 만들 때이 맞춤 게시물 템플릿을 사용하는 방법을 알아 보겠습니다.

게시물을 편집하거나 새 게시물을 만든 다음 Beaver Builder를 시작하여 게시물을 편집하십시오.

그런 다음 화면 오른쪽 상단에있는 추가 버튼을 클릭 한 다음 템플릿 탭으로 전환해야합니다. 여기에서 그룹 드롭 다운 메뉴에서 '저장된 템플릿'을 선택해야합니다.

사용자 정의 템플릿로드

Beaver Builder는 이제 저장된 사용자 정의 레이아웃을로드 한 다음 새 기사에 컨텐츠를 추가 할 수 있습니다.

사용자 정의 단일 포스트 레이아웃에 테마 설정 사용

많은 인기있는 WordPress 테마에는 단일 게시물 템플릿의 모양을 사용자 정의하기위한 설정이 내장되어 있습니다.

테마가 이러한 설정을 지원하는 경우 게시물 편집 화면에서 해당 설정을 찾을 수 있습니다. 사용 가능한 옵션은 사용중인 테마에 따라 달라질 수 있습니다.

예를 들어, 아스트라 테마 단일 게시물을 편집 할 때 사용자 정의 옵션을 제공합니다.

아스트라 테마 단일 게시물 템플릿 사용자 정의

이 옵션을 사용하면 사이드 바를 변경하고 머리글, 제목, 메뉴 등을 숨길 수 있습니다.

반면, 많은 주요 WordPress 테마에는 바로 사용할 수있는 템플릿이 제공됩니다.

테마에 단일 게시물 템플릿이 포함 된 경우 게시물을 편집하는 동안 게시물 속성 탭에서 찾을 수 있습니다.

단일 게시물을 작성할 때 템플릿 선택

이 템플릿은 사용할 수있는 완벽한 레이아웃입니다.

워드 프레스에서 커스텀 싱글 포스트 템플릿 수동 생성

이 방법은 테마 파일을 편집하고 코드를 복사하여 붙여넣고 선택적으로 사용자 정의 CSS를 추가해야하므로 약간 고급입니다.

먼저 메모장과 같은 컴퓨터에서 일반 텍스트 편집기를 열고 다음 코드를 붙여 넣어야합니다.



이 코드는 특집 기사라는 새 템플릿을 정의하고 게시물, 페이지 및 제품에 사용할 수 있도록합니다. 게시물 유형.

이 파일을 다음과 같이 저장할 수 있습니다 wpb-single-post.php 데스크탑에서.

다음으로 현재 WordPress 테마 폴더에 업로드해야합니다. FTP 클라이언트 사용.

그런 다음 WordPress 관리 영역에 로그인하여 게시물을 작성하거나 편집 할 수 있습니다. 게시물 편집 화면에서 약간 아래로 스크롤하면 템플릿을 선택할 수있는 옵션이있는 새로운 게시물 속성 메타 상자가 나타납니다.

맞춤 게시물 템플릿을 선택하십시오.

'추천 기사'맞춤 템플릿이 표시됩니다.

현재 템플릿은 기본적으로 비어 있으므로 선택하면 흰색 화면 만 표시됩니다.

이 문제를 해결하겠습니다.

가장 쉬운 방법은 테마의 single.php 파일에서 코드를 복사하여 시작점으로 사용하는 것입니다.

single.php 파일을 연 후 get_header() 선.

이 코드를 wpb-single-post.php 끝에 파일. 이제이 파일을 저장하고 서버에 다시 업로드 할 수 있습니다.

그러나 이것은 현재 단일 게시물 템플릿과 동일하게 보입니다. 이제 사용자 정의 단일 게시물 템플릿을 변경할 수 있습니다.

당신은 당신의 자신을 추가 할 수 있습니다 맞춤 CSS 수업, 사이드 바 제거, 전폭 템플릿 또는 원하는 것을 만들 수 있습니다.

카테고리를 기반으로 사용자 정의 단일 포스트 템플릿 작성

카테고리를 기반으로 사용자 정의 단일 게시물 템플릿을 사용하고 싶습니까? 예를 들어 여행 카테고리의 게시물은 사진의 게시물과 다른 레이아웃을 가질 수 있습니다.

그 방법은 다음과 같습니다.

먼저 테마에이 코드를 추가해야합니다. functions.php 파일 또는 사이트 별 플러그인.

/*
* Define a constant path to our single template folder
*/
define(SINGLE_PATH, TEMPLATEPATH . '/single');

/**
* Filter the single_template with our custom function
*/
add_filter('single_template', 'my_single_template');

/**
* Single template function which will choose our template
*/
function my_single_template($single) {
global $wp_query, $post;

/**
* Checks for single template by category
* Check by category slug and ID
*/
foreach((array)get_the_category() as $cat) :

if(file_exists(SINGLE_PATH . '/single-cat-' . $cat->slug . '.php'))
return SINGLE_PATH . '/single-cat-' . $cat->slug . '.php';

elseif(file_exists(SINGLE_PATH . '/single-cat-' . $cat->term_id . '.php'))
return SINGLE_PATH . '/single-cat-' . $cat->term_id . '.php';

endforeach;
}

이 코드는 먼저 WordPress가 단일 게시물을 요청하는지 확인합니다. 그렇다면 WordPress에 WordPress 테마의 / single / 폴더에서 템플릿을 찾도록 지시합니다.

이제이 코드로 정의 된 템플릿 파일을 추가해야합니다.

에 연결 워드 프레스 호스팅 FTP 클라이언트 또는 파일 관리자 사용 c 패널 / wp-content / themes / your-theme-folder /로 이동하십시오.

현재 테마 폴더 안에 '싱글'이라는 새 폴더를 만들어야합니다.

이제이 폴더를 열고 그 안에 새 파일을 만들어야합니다. 계속해서이 파일의 이름을 single-cat- {category-slug}로 지정하십시오. {category-slug}를 실제 카테고리 슬러그로 바꾸십시오.

예를 들어 '뉴스'라는 카테고리가 있다면 single-cat-news.php 파일. '여행 팁'이라는 카테고리가 있다면 템플릿을 만듭니다. single-cat-travel-tips.php, 등등.

카테고리에 대한 단일 글 템플리트 작성

이제이 템플릿 파일은 완전히 비어 있습니다. 시작점으로, 테마 폴더에서 single.php 파일의 내용을 복사하여 각 템플릿에 붙여 넣을 수 있습니다.

그런 다음이 템플릿을 편집하여 원하는대로 변경할 수 있습니다.

완료되면 웹 사이트로 이동하여 게시물을 볼 수 있습니다. 이 게시물이 제출 된 카테고리에 대해 작성한 템플릿을 사용합니다.

이제 뉴스와 여행 팁이라는 두 가지 범주의 게시물이 있다고 가정하겠습니다. ‘뉴스’템플릿은 알파벳순으로 먼저 표시되므로 WordPress에서 자동으로 '뉴스'템플릿을 표시합니다.

반면에 카테고리에 게시물을 제출하고 해당 카테고리에 대한 템플릿을 만들지 않은 경우 WordPress는 테마의 기본 single.php 템플릿으로 대체됩니다.

특정 저자를위한 맞춤형 단일 포스트 템플릿 작성

특정 작성자가 작성한 게시물이 웹 사이트에서 다르게 보이기를 원한다고 가정 해 봅시다. 카테고리에 대해 설명한 것과 동일한 기술을 사용하여이를 수행 할 수 있습니다.

먼저 테마에이 코드를 추가해야합니다. functions.php 파일 또는 사이트 별 플러그인.

/**
* Define a constant path to our single template folder
*/
define(SINGLE_PATH, TEMPLATEPATH . '/single');

/**
* Filter the single_template with our custom function
*/
add_filter('single_template', 'my_single_author_template');

/**
* Single template function which will choose our template
*/
function my_single_author_template($single) {
global $wp_query, $post;

/**
* Checks for single template by author
* Check by user nicename and ID
*/
$curauth = get_userdata($wp_query->post->post_author);

if(file_exists(SINGLE_PATH . '/single-author-' . $curauth->user_nicename . '.php'))
return SINGLE_PATH . '/single-author-' . $curauth->user_nicename . '.php';

elseif(file_exists(SINGLE_PATH . '/single-author-' . $curauth->ID . '.php'))
return SINGLE_PATH . '/single-author-' . $curauth->ID . '.php';

}

다음으로 cPanel에서 FTP 또는 파일 관리자를 사용하여 웹 사이트에 연결 한 다음 / wp-content / themes / your-theme-folder /로 이동해야합니다.

그 안에 / single /이라는 폴더를 아직 만들지 않았다면 지금 만들어 보겠습니다.

이 폴더 내에서 템플릿 이름에 작성자의 사용자 이름을 사용하여 템플릿을 만들어야합니다. 예를 들어, single-author-johnsmith.php입니다.

이 템플릿은 비어 있으므로 테마의 single.php 템플릿의 내용을 복사하여 붙여 넣어 시작 지점으로 사용할 수 있습니다.

이제 웹 사이트를 방문하여 특정 작성자가 작성한 게시물을 볼 수 있습니다. 이제 생성 한 템플릿을 사용합니다.

지금은 여기까지입니다.

이 기사가 WordPress에서 사용자 정의 단일 게시물 템플릿을 만드는 방법을 배우는 데 도움이 되었기를 바랍니다. 당신은 또한 우리의 기사를보고 싶을 수도 있습니다 처음부터 사용자 정의 워드 프레스 테마를 만드는 방법 코드를 작성하지 않고.

이 기사가 마음에 드 셨다면 구독하십시오 유튜브 채널 WordPress 비디오 자습서 용. 당신은 또한 우리를 찾을 수 있습니다 트위터페이스 북.

Source link

Leave a Comment

54 + = 64