WordPress 페이지에서 사이드바를 제거하거나 WordPress 사이드바를 숨기는 방법
게시 됨: 2020-01-24
WordPress 웹 사이트에서 사이드바를 제거하는 빠른 단계별 솔루션을 찾고 있습니까? WordPress 경험 수준에 관계없이 문제 없이 WordPress 사이드바를 제거하는 방법을 자세히 설명하는 이해하고 구현하기 쉬운 튜토리얼이 있습니다.
대부분의 WordPress 자습서의 문제는 WordPress 초보자가 따라하기 어려운 장황한 설명으로 WordPress에서 사이드바 제거와 같은 간단한 작업을 복잡하게 만듭니다. 이 튜토리얼에서는 WordPress 사이드바를 제거하는 간단한 방법과 WordPress에서 사이드바를 제거할 수 있는 고급 방법을 공유합니다.
이 자습서에는 WordPress에서 사이드바를 제거하는 방법과 모든 것이 작동하는 이유와 작동 방식을 깊이 이해하지 않고 구현할 수 있는 빠른 코드가 있는 마지막 부분에 대한 자세한 가이드가 있습니다.
사이드바 WordPress를 제거하는 단계
WordPress에서 사이드바를 제거하려면 여기에서 설명 하고 아래 섹션에 요약한 대로 WordPress에서 사이드바를 추가 하는 데 사용된 두 단계 중 하나를 실행 취소할 수 있습니다. 가장 중요한 것은 두 번째 단계인 사이드바를 호출하는 것이 대부분의 시간을 취소해야 한다는 것입니다.
WordPress 사이트에서 사이드바를 성공적으로 제거하기 위해 페이지 템플릿에서 사이드바( get_sidebar() )를 호출하는 이 함수를 생략할 수 있습니다. 빠른 개요에서 다음 단계에 따라 WordPress에서 사이드바를 제거할 수 있습니다.
- 활성 테마 파일 중 사이드바를 표시 하는 페이지 템플릿 또는 게시물 템플릿 또는 사이드바를 제거하려는 테마를 찾습니다. ( 이 튜토리얼에서는 Twenty Seventeen 기본 WordPress 테마에서 사이드바를 제거하는 방법을 보여줍니다)
- 페이지 또는 게시물 템플릿을 열고 사이드바를 표시하는 코드를 찾습니다. <?php get_sidebar(); ?>
- 일부 테마에는 여러 개의 사이드바가 있으므로 이 코드가 테마 페이지 및 게시물 템플릿에서 여러 번 반복되는지 확인하십시오 .
- 사이드바를 표시하는 다음 코드 줄을 삭제합니다.
- 또는 사이드바 호출을 생략 하는 전체 너비 페이지 템플릿을 만들 수 있습니다. sidebar <?php get_sidebar(); ?>
- 마지막으로 widgets_init를 사용하여 WordPress 테마에서 사이드바를 제거하는 작업 후크에서 WordPress 함수 unregister_sidebar() 를 사용할 수 있습니다.
WordPress에서 사이드바를 추가하고 표시하는 방법
먼저, 사이드바는 프로그래머를 위해 register_sidebar() 라는 함수를 사용하여 테마에서 생성되는 위젯 영역이라는 것을 이해해야 합니다. 프로그래머는 이 튜토리얼에서 설명했듯이 이것을 자세히 이해할 것 입니다. WordPress에 사이드바를 추가하는 방법.
WordPress 사용자가 해당 자습서에서 사이드바를 추가하는 방법을 이해하여 WordPress 테마에서 사이드바를 제거하는 방법을 배우는 것도 유용할 수 있습니다.
기본적 으로 여기에 설명된 대로 WordPress에 사이드바를 추가할 때 두 가지 중요한 단계가 있습니다. 사이드바를 등록하고 테마 템플릿에서 사이드바를 호출합니다.
워드프레스 사이드바 등록하기
이것은 register_sidebar 함수를 사용하며 코드는 테마의 functions.php 파일에서 찾을 수 있습니다. 이 자습서의 목적을 위해 WordPress에서 사이드바를 제거하는 방법을 단계별로 설명하기 위해 Twenty Seventeen 기본 WordPress 테마를 사용합니다.
먼저 프론트엔드에서 사이드바가 아래 이미지와 같이 표시되는 것을 볼 수 있습니다.
이 테마를 다운로드 하고 functions.php 파일을 열면 아래 이미지에 표시된 코드에 사이드바가 추가된 것을 볼 수 있습니다.
이 테마에는 3개의 사이드바가 등록되어 있으며 사이드바에는 메인 블로그 사이드바와 2개의 바닥글 위젯이 포함됩니다.
이 WordPress 테마에서 사이드바를 제거하려면 제거해야 하는 사이드바를 선택해야 하며 제거해야 하는 가장 중요한 사이드바는 분명히 아래 코드에 등록된 기본 블로그 사이드바입니다.
위 이미지와 같이 이름이 'Blog Sidebar' 이고 id가 'sidebar-1'인 사이드바입니다 . 마찬가지로, 현재 WordPress 테마에서 functions.php를 열 때 사이드바 위젯을 등록하는 이 코드를 분리할 수 있어야 합니다.
functions.php에서 이 코드를 제거하면 사이드바가 제거되지만 사이드바를 표시하는 다른 함수도 편집해야 할 수 있으므로 이것이 최선의 방법은 아닙니다.
이 사이드바를 다른 페이지에 두고 한 페이지에서만 제거하고 싶을 수도 있으므로 이 functions.php 파일에서 사이드바를 제거하는 것은 권장하지 않습니다.
WordPress 테마의 사이드바 표시
사이드바는 sidebar.php라는 템플릿에 대한 호출을 사용하여 모든 페이지 또는 게시물에 표시됩니다. 본질적으로 일어나는 일은 페이지 또는 포스트 템플릿이 사이드바를 표시하는 코드가 포함된 sidebar.php라는 파일을 호출한다는 것입니다.
튜토리얼 그림에서 Twenty Seventeen WordPress 테마의 sidebar.php 파일을 열면 사이드바 코드 렌더링을 담당하는 다음 코드 줄이 표시됩니다.
WordPress 테마 파일에 대해 더 자세히 살펴보면 index.php 또는 page.php 또는 single.php 파일을 열면 아래 이미지에 표시된 코드가 표시되며 이제 sidebar.php 파일을 호출하여 페이지에 내용을 표시합니다. 그리고 포스트:
27개의 기본 WordPress 테마에서 코드는 바닥글 템플릿 호출 직전에 index.php 파일에 있습니다.
WordPress 사이드바 코드 작동 방식
WordPress 사이드바와 관련된 세 가지 파일이 있으며 WordPress 사이드바를 추가할 때 관련된 세 가지 주요 기능이 있으며 다음과 같이 작동합니다.
- 함수 파일 은 이 함수를 사용하여 사이드바(위젯 영역)를 등록합니다. – register_sidebar()
- 사이드바 파일 에는 이 함수를 사용하여 사이드바를 표시하는 코드가 포함되어 있습니다. dynamic_sidebar()
- Index,page.php 또는 single.php 또는 custom-post-type-page.php 는 이 템플릿 태그 인 get_sidebar()를 사용하여 sidebar.php에서 코드를 호출합니다.
따라서 이벤트 시퀀스는 다이어그램 그림에서 다음과 같습니다.
WordPress 사이드바를 제거하는 방법은 무엇입니까?
위에서 언급했듯이 이 일련의 이벤트를 중단하는 가장 좋은 장소는 사이드바를 표시하는 마지막 부분을 피하는 것입니다. 왜냐하면 우리는 WordPress 테마 기능에서 사이드바를 완전히 제거하는 것보다 보기에서 제거하기를 원하기 때문입니다.
이는 사이트의 모든 페이지 또는 게시물이 아니라 사이트의 한 페이지 또는 게시물에서 사이드바를 제거하기를 원하기 때문에 자주 발생합니다.
WordPress 테마에서 사이드바를 제거하는 4가지 방법
#1 get_sidebar() 함수 삭제 사이드바 제거 WordPress 사이트
WordPress 사이드바가 WordPress 사이트에 어떻게 추가되고 표시되는지 이해했으므로 이제 사이드바를 제거하려는 페이지 템플릿에서 get_sidebar() 코드를 제거하여 사이드바를 쉽게 제거할 수 있습니다.
- 테마 파일을 열고 page.php, single.php, index.ph p 또는 테마에 추가된 기타 사용자 정의 페이지 템플릿에서 get_sidebar() 함수를 찾습니다 .
- 이 파일을 열면 해당 코드를 찾아 삭제하면 WordPress 사이드바가 제거됩니다.
- 때때로 코드는 바닥글 사이드바와 같은 특정 사이드바를 호출할 수 있으며 다음과 같은 코드가 있을 수 있습니다 . ?> 제거하려는 WordPress 사이드바에 해당하는 코드를 삭제하기만 하면 됩니다.
#2 사이드바 WordPress 사이트(정적 페이지)를 제거하는 전체 페이지 사용자 정의 템플릿 만들기
WordPress에서 사이드바를 제거하는 두 번째 방법은 get_sidebar() 함수가 없는 사용자 정의 페이지 템플릿을 만드는 것입니다.
- 테마에 대한 사용자 지정 템플릿 페이지를 만들려면 기본 테마 폴더 안에 저장할 새 파일에 다음 코드를 추가해야 합니다.
<?php /* * * 템플릿 이름: 전폭 템플릿 */ get_header();
- 파일을 fullwidth-page.php로 저장하고 WordPress 대시보드에 로그인한 다음 새 페이지 만들기를 클릭합니다. 페이지 속성 메타박스 아래의 드롭다운 메뉴에 아래 이미지와 같이 전체 페이지 사용자 정의 페이지 템플릿이 표시되어야 합니다.
- 이제 다른 페이지 내용을 표시하고 사이드바를 생략할 수 있도록 페이지 내용을 추가해야 합니다. 테마의 PHP 를 열고 get_sidebar() 태그를 제거하여 모든 콘텐츠를 새로운 fullwidth-page.php에 복사하여 사이드바가 없는 다른 모든 부분을 갖도록 합니다.
- 복사할 때 저장하고 대시보드로 돌아가서 사이드바가 없는 새로운 전체 너비 페이지 템플릿을 사용하여 새 페이지를 만듭니다.
- 페이지에서 사이드바를 제거한 것처럼 사용자 정의 단일 게시물 템플릿 을 만들어 게시물에서 사이드바를 제거할 수도 있습니다. 새 파일에 다음 코드를 추가합니다.
<?php /* * 템플릿 이름: 사이드바 없는 게시물 * 템플릿 게시물 유형 : 게시물, 페이지, 제품 */ get_header(); ?>
- 이 파일을 fullwidth-single-post.php로 저장하면 위 단계에서 설명한 사용자 정의 페이지 템플릿에 액세스하는 것처럼 이제 전체 너비 단일 사용자 정의 게시물 템플릿에 액세스할 수 있습니다.
#3 사이드바 등록 취소 기능을 사용하여 사이드바 WordPress 제거
WordPress에서 사이드바를 제거하는 또 다른 독창적인 방법은 unregister_sidebar() 함수를 사용하는 것입니다. 이 함수는 사이드바 ID인 하나의 인수를 취하며 일반 표현식은 다음과 같습니다.
unregister_sidebar( 문자열|int $sidebar_id )
이 함수는 사이드바 목록에서 사이드바를 제거하고 다음과 같이 작업 후크에서 사용할 수 있습니다.
기능 제거_바닥글_위젯(){
// TwentySeventeen 바닥글 사이드바 등록 취소
unregister_sidebar( '사이드바-2' );
unregister_sidebar( '사이드바-3' );
}
add_action( 'widgets_init', 'remove_footer_widgets', 11 );Twenty Seventeen 기본 WordPress 테마에서 바닥글 사이드바를 효과적으로 제거합니다.
#4 무료 플러그인을 사용하여 WordPress 사이드바 제거
사이드바를 관리하여 페이지 및 게시물에서 사이드바를 비활성화하는 데 사용할 수 있는 여러 플러그인이 있습니다. 무료로 제공되는 가장 인기 있는 세 가지 사이드바 및 위젯 관리 플러그인은 다음과 같습니다.
- 사용자 정의 사이드바 - 동적 위젯 영역 관리자
- 간단한 페이지 사이드바
- 콘텐츠 인식 사이드바 – 위젯 영역 무제한
- 위젯 비활성화
WordPress 사이드바 제거 후 CSS 조정
마지막으로 사이드바를 제거하면 공간이 남으므로 스타일을 다시 조정해야 할 수 있으며 이는 일부 CSS 조정으로 가능합니다.
Twenty Seventeen 기본 WordPress 테마에서 다음 CSS 스타일을 추가하여 제거된 사이드바에 의해 남겨진 공간을 조정할 수 있습니다.
.콘텐츠 영역 {
너비: 100%;
여백: 0px;
테두리: 0px;
패딩: 0px;
}
.콘텐츠 영역 .사이트 {
여백: 0px;
}이제 사이드바가 없으면 아래 이미지와 같이 사이트가 성공적으로 제거되고 콘텐츠 영역 너비가 전체 페이지에 맞게 조정되어야 합니다.
마무리
이 게시물에서 우리는 WordPress에서 사이드바를 제거하는 4가지 일반적인 방법을 광범위하게 설명했으며 이러한 각 방법에는 장단점이 있습니다. WordPress 사이드바를 제거하려면 WordPress 테마에서 사이드바를 제거하는 가장 좋은 방법을 구현할 수 있도록 테마를 평가하고 코딩된 방법을 찾아야 합니다. 이 WordPress 튜토리얼이 유용하고 WordPress 테마 사이드바를 제거하는 방법에 대한 추가 지침이 필요한 경우 연락할 수 있기를 바랍니다.