워드 프레스 사용자 정의 페이지 템플릿을 디자인하는 방법[업데이트 2021]

컷섬 워드 프레스 템플릿

워드 프레스 테마는 훌륭합니다. 그들은 워드 프레스 웹 디자인이 너무 쉽게.

하지만,당신이 선택한 테마를 넘어 가고 싶을 때 어떻게됩니까?

특정 페이지에 사용자 정의 워드 프레스 레이아웃을 사용하려면 어떻게?

일부 테마는 레이아웃을 변경할 수 없습니다.

내 밈에 대한 이미지 결과

그러나 이에 대한 몇 가지 해결 방법이 있습니다.

나를 따르라.

사용자 정의 페이지 템플릿이란 무엇이며 하나를 할당하는 방법은 무엇입니까?

워드 프레스 페이지와 게시물 레이아웃은”페이지라는 템플릿 파일에 의해 제어됩니다.”…….” 템플릿은 어떻게 내용의 다른 유형을 표시하는 워드 프레스를 말해 파일입니다.

이제 모든 페이지와 게시물이 동일하게 보이기를 원하지 않을 수 있습니다. 이 때 사용자 지정 페이지 템플릿이 필요합니다.

어떤 워드 프레스 페이지 템플릿을 사용하고 있습니까?

사용중인 페이지 템플릿 또는 템플릿 사이를 전환하는 방법을 찾고 싶습니까?

그것은 쉬워요,당신은해야합니다:

  1. 당신의 워드 프레스 관리자 대시 보드를 통해 머리,
  2. 왼쪽의 메뉴에서”페이지”를 선택,
  3. 페이지의 제목 위에 마우스를 올려,워드 프레스의 모든 페이지
  4. 제목 아래 메뉴에서,”빠른 편집”을 선택,
  5. “빠른 편집”에서
  6. 편집”창,”템플릿”드롭 다운으로 이동하십시오.

워드 프레스 템플릿

여기에서 사용 가능한 모든 테마 템플릿을 볼 수 있습니다,당신은 당신의 현재 페이지에 다른 템플릿을 할당 할 수 있습니다.

예를 들어 원하는 경우 페이지를 전체 너비로 변경할 수 있는 옵션이 있습니다. 그러나 두 번째 사이드 바를 추가하는 템플릿에 대한 옵션은 없습니다.

사용자 정의 워드 프레스 템플릿이 편리 할 수있는 이유입니다. 새 템플릿을 저장할 때마다,그것은뿐만 아니라 기존의 것들과 함께 사용할 수 있습니다.

지금,당신은뿐만 아니라 페이지 내에서이 할당을 수행 할당 할 수 있습니다. 오른쪽에서 페이지를 편집하도록 선택하면”페이지 속성”->템플릿으로 이동합니다.

페이지 템플릿 할당

자식 테마를 만드는 방법

이제 워드 프레스 사용자 정의 페이지 템플릿을 만드는 우리의 손을 더럽게하기 전에,명심해야 할 한 가지가있다:자식 테마를 변경합니다. 부모 테마에 돌이킬 수 없는 변경 사항을 발생 하 고 싶지 않을 것 이다.

워드프레스 하위 테마는 상위 테마의 모든 기능과 스타일을 상속하는 하위 테마입니다. 이제 부모 테마가 업데이트를 받으면 자녀 테마는 영향을받지 않으며 변경 사항을 덮어 쓰지 않습니다.

자,어떻게 자식 테마를 만들 수 있습니까? 다음 단계는 다음과 같습니다:

  1. “테마”폴더 안에 있는 동안,”테마”폴더 안에 있는 새 폴더를 추가합니다.”테마”폴더 안에 있는 동안,”테마”폴더 안에 있는”테마”폴더 안에 있는”테마”폴더 안에 있는”테마”폴더 안에 있는”테마”폴더 안에 있는”테마”폴더 안에 있는”테마”폴더 안에 있는”테마”폴더 안에 있는”테마”폴더 안에 있는”테마”폴더 안에 있는”테마”폴더 안에 있는”테마”폴더 안에 있는”테마”폴더 안에 있는+폴더”상단 메뉴에서. 그것을 이름을 지정합니다. 가장 좋은 방법은”-자식”을 추가하는 테마의 이름을 사용하는 것입니다. 또한 공간 대신 하이픈을 사용하십시오. 내 경우에는,나는 최면술을 걸다-아이를 사용하는거야,나는 최면술을 걸다 테마를 사용하고 있기 때문에,
  2. 폴더 안에,새 파일을 생성하고”스타일을 호출합니다.”,스타일을 만듭니다.뉴스레터 구독
  3. . 파일을 마우스 오른쪽 버튼으로 클릭하고”편집”옵션을 선택하십시오.
    /* Theme Name: Your Theme Child Theme URL: http://yourdomain.comDescription: Your Theme Child Theme Author: Your NameAuthor URL: http://yourdomain.comTemplate: yourtheme Version: 1.0.0 Text Domain: yourtheme-child */

    여기서 일부 코드를 부모 파일에 붙여 넣거나 자신 만의 스타일을 추가 할 수 있습니다.

  4. 테마 및 도메인 이름을 변경 한 다음”저장”,
  5. 같은 폴더에 다른 파일을 만듭니다. 이번에는”기능”이라고 부릅니다.”…….” 다음 코드를 붙여 넣습니다:
    <?phpadd_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );}?>
  6. 워드 프레스 대시 보드,외관으로 이동->테마. 당신의 아이 테마가있을 것입니다,당신은 단지 그것을 활성화해야합니다.

그리고 당신은 완료.

다음으로 새 템플릿을 만들어 보겠습니다.

워드 프레스 사용자 정의 페이지 템플릿을 만드는 방법?

기존 테마 코드에서 시작하여 필요한 조정을 할 수 있습니다.

단계는 다음과 같습니다:2119>

  • 메인 테마 폴더를 열고,
  • 페이지를 확인합니다.파일. 그것은 다음과 같이 보일 것입니다:
    <?php mesmerize_get_header(); ?> <div class="page-content"> <div class="<?php mesmerize_page_content_wrapper_class(); ?>"> <?php while (have_posts()) : the_post(); get_template_part('template-parts/content', 'page'); endwhile; ?> </div> </div><?php get_footer(); ?>
  • 파일을 선택한 다음 팝업 창에서”복사”,
  • 을 선택하고 파일의 경로를 테마 하위 폴더 인복사 페이지로 변경하십시오.새 파일 위치
  • 새 파일을 쉽게 식별할 수 있도록 이름을 바꿉니다.
  • 이 새로운 사용자 정의 템플릿이라고 워드 프레스를 알 수 있도록 파일 안에 주석을 추가합니다. “편집”을 선택하고 이 텍스트를 삽입하여 이 작업을 수행합니다.
    /* * Template Name: Your custom TEmplate's name * description: >- Explain what your new templates does */

    새 파일은 다음과 같습니다:

    <?php /* * Template Name: Custom Full Width * description: >- Page template without sidebar */mesmerize_get_header(); ?> <div class="page-content"> <div class="<?php mesmerize_page_content_wrapper_class(); ?>"> <?php while (have_posts()) : the_post(); get_template_part('template-parts/content', 'page'); endwhile; ?> </div> </div><?php get_footer(); ?>
  • 당신은뿐만 아니라 여기에 다른 파일의 복사본을 추가 할 수 있습니다. 예를 들어,당신은 하나를 사용자 정의 할 수 있습니다.블로그 게시물의 모양과 느낌을 변경합니다.

    다음으로 소매를 말아서 코드를 작성해야합니다.

    스타일을 변경하려는 경우 하위 테마 사용자 정의 프로그램 내부,추가 테마 사용자 정의 프로그램 내부 또는 스타일 내부에서 이 작업을 수행할 수 있습니다.파일.

    그러나 더 간단한 해결책이 있습니다…

    콜리 브리와 같은 사이트 빌더를 사용하면 모든 코드가 뒤쳐지고 비 기술적 인 사이트 작성자를 차단하지 않습니다. 사용자 지정 페이지를 추가하거나 변경할 때마다 사용자 지정 프로그램에 시각적으로 반영됩니다. 따라서 사이트 제작자는 디자인을 더 잘 제어 할 수 있습니다. 예쁜 사용자 정의 페이지는 페이지 뒤에 코드에 대한 귀찮게하지 않고,눈 깜짝 할 사이에 준비가 될 것입니다.

    Leave a Reply

    답글 남기기

    이메일 주소는 공개되지 않습니다.