워드 프레스에서 사이드 바를 제거하는 방법

워드 프레스 사이트에서 사이드 바를 제거 하시겠습니까? 사이드 바는 워드 프레스 테마의 위젯 준비 영역입니다. 종종 모든 페이지에서 컨텐츠 영역의 오른쪽 또는 왼쪽 또는 아래에 나타납니다. 이 기사에서는 WordPress에서 사이드 바를 쉽게 제거하는 방법을 보여줍니다..


워드 프레스에서 사이드 바를 제거하는 방법

WordPress에서 사이드 바를 제거하는 이유?

대부분의 무료 및 유료 WordPress 테마에는 여러 사이드 바 또는 위젯 준비 영역이 있습니다..

WordPress에서 사이드 바의 목적은 게시물 또는 페이지 내용에 포함되지 않은 항목을 표시하는 것입니다. 일반적으로 이들은 웹 사이트, 광고, 이메일 목록 가입 양식, 소셜 미디어 프로필 등의 다른 영역에 대한 링크입니다. 이러한 항목은 WordPress 위젯을 사용하여 테마의 사이드 바에 쉽게 추가 할 수 있습니다..

WordPress 기반 웹 사이트의 사이드 바

대부분의 WordPress 테마에서 사용자가 휴대 기기에서 사이트를 볼 때 사이드 바가 다르게 나타납니다. 화면 크기의 너비가 줄어들어 바탕 화면의 오른쪽 또는 왼쪽에 나타나는 사이드 바가 모바일 화면의 맨 아래로 이동합니다..

사이드 바는 큰 도움이되며 비즈니스 성장에 도움이 될 수 있습니다. 최대 결과를 얻으려면 다음 워드 프레스 사이드 바 트릭을 참조하십시오.

그러나 일부 웹 사이트 소유자는 사이드 바를 제거하면 사용자 경험을 향상시키는 데 도움이된다고 생각합니다. WordPress 사이트에서 사이드 바를 제거하려는 경우이 자습서가 적합합니다..

비디오 튜토리얼

WPBeginner 구독

동영상이 마음에 들지 않거나 지침이 더 필요한 경우 계속 읽으십시오..

WordPress의 모든 곳에서 사이드 바 제거

이 방법을 사용하면 모든 페이지에서 사이드 바를 간단히 제거하고 WordPress 사이트에 게시 할 수 있습니다. WordPress 테마 파일을 편집해야합니다. 이전에이 작업을 수행하지 않은 경우 WordPress에서 코드를 복사하여 붙여 넣는 방법에 대한 가이드를 참조하십시오..

먼저 FTP 클라이언트를 사용하여 WordPress 사이트에 연결 한 다음 / wp-content / themes / your-current-theme / 폴더로 이동하십시오..

워드 프레스 테마는 다른 템플릿으로 구성되어 있으므로 사이드 바가 표시되는 모든 템플릿을 편집해야합니다..

예를 들어 일반적인 WordPress 테마에서는 index.php, page.php, single.php, archive.php, home.php 등을 편집해야합니다..

템플릿 파일을 열어서 편집 한 후 다음과 같은 줄을 찾습니다.

<?PHP get_sidebar (); ?>

테마에 여러 사이드 바가있는 경우 함수 내에 사이드 바 이름이있는이 코드의 다른 인스턴스가 표시됩니다. 예를 들면 다음과 같습니다.

<?PHP get_sidebar ( ‘푸터-위젯-지역’); ?>

표시하지 않으려는 사이드 바를 나타내는 행을 삭제하십시오..

이제 파일을 저장하고 웹 사이트에 다시 업로드하십시오. 웹 사이트에 다른 페이지를 표시하는 모든 템플릿 파일에 대해이 과정을 반복하십시오..

완료되면 웹 사이트로 이동하여 실제로 볼 수 있습니다.

사이드 바가 사라져도 컨텐츠 영역은 여전히 ​​같은 너비로 표시되어 사이드 바 영역을 비 웁니다..

워드 프레스 테마의 빈 사이드 바 영역

테마가 콘텐츠 영역의 너비를 정의했기 때문입니다. 사이드 바가 사라 졌으므로 테마에 사용자 정의 CSS를 추가하여 컨텐츠 영역의 너비를 조정해야합니다..

먼저 콘텐츠 영역의 너비를 정의하기 위해 테마에서 사용하는 CSS 클래스를 파악해야합니다. 브라우저에서 검사 도구를 사용하여이를 수행 할 수 있습니다..

다음은 Twenty Sixteen 테마를 사용하여 데모 사이트에서 사용한 샘플 CSS입니다..

.콘텐츠 영역 {
폭 : 100 %;
여백 : 0px;
국경 : 0px;
패딩 : 0px;
}

.content-area .site {
여백 : 0px;
}

사이드 바없이 보이는 방법은 다음과 같습니다.

사이드 바가 WordPress 테마에서 제거되었습니다.

WordPress의 개별 페이지에서 사이드 바 제거

웹 사이트의 다른 섹션에는 특정 페이지의 사이드 바 만 표시하고 싶을 수도 있습니다..

예를 들어, 많은 웹 사이트가 블로그 페이지에는 사이드 바를 표시하지만 개별 블로그 게시물에는 표시되지 않습니다. 정적 페이지를 제외한 모든 곳에서 사이드 바를 표시하는 것을 선호하는 사람들.

다른 시나리오와 다른 영역에서 사이드 바를 제거하는 방법을 살펴 보겠습니다.

WordPress의 정적 페이지에서 사이드 바 제거

많은 WordPress 테마에는 전체 너비 페이지 템플릿을 즉시 사용할 수 있습니다. 이 템플릿은 WordPress의 모든 정적 페이지와 함께 사용할 수 있으며 컨텐츠의 양쪽에 사이드 바를 표시하지 않습니다.

사이드 바를 제거 할 페이지를 수정 한 다음 ‘페이지 속성’메타 상자에서 전체 너비 템플릿을 선택하면됩니다..

사이드 바가없는 전체 너비 페이지 템플릿

템플릿을 선택할 수있는 옵션이 표시되지 않으면 테마에 전폭 페이지 템플릿이 포함되지 않은 것입니다.

이 경우 전체 너비 페이지 템플릿을 수동으로 만들어야합니다. 메모장과 같은 일반 텍스트 편집기를 열고 다음 코드를 빈 파일에 붙여 넣습니다.

<?PHP
/ *
*
템플릿 이름 : 전체 너비
* /
get_header (); ?>

이제이 파일을 바탕 화면에 full-width.php로 저장하십시오.

FTP 클라이언트를 사용하여 WordPress 사이트에 연결 한 다음 / wp-content / themes / your-current-theme / 폴더로 이동하십시오. page.php라는 파일을 편집하고 다음에 나타나는 모든 것을 복사하십시오. <?PHP get_header (); ?> 선.

이제이 코드를 full-width.php 파일에 붙여 넣으십시오. 그런 다음 다음과 같은 줄을 찾아 삭제해야합니다.

<?PHP get_sidebar (); ?>

변경 사항을 저장하고 full-width.php 파일을 현재 테마 폴더에 업로드하십시오..

이제 WordPress 사이트의 모든 페이지를 편집 할 수 있으며 전체 너비 페이지 템플릿을 선택할 수 있습니다.

자세한 내용은 WordPress에서 전체 너비 페이지 템플릿을 만드는 방법에 대한 가이드를 참조하십시오..

WordPress의 블로그 게시물 페이지에서 사이드 바 제거

WordPress에서는 정적 프론트 페이지와 블로그 게시물에 별도의 페이지를 사용할 수 있습니다. 일반적으로 대부분의 WordPress 테마는 블로그 게시물 페이지에 사이드 바를 표시합니다..

블로그 게시물 페이지에 사이드 바를 표시하지 않으려면 설정»읽기 페이지. 블로그 게시물 페이지로 사용중인 페이지 이름을 확인하십시오..

WordPress 블로그 페이지 찾기

이제가 페이지»모든 페이지 블로그 게시물을 표시하는 데 사용되는 페이지를 편집하십시오. 페이지 속성 섹션에서 전체 너비 템플리트를 선택한 후 변경 사항을 저장하십시오..

사이드 바가없는 전체 너비 페이지 템플릿

전체 너비 템플릿 옵션이 표시되지 않으면 전체 너비 템플릿을 수동으로 만들어야합니다. 자세한 지침은이 기사의 이전 섹션을 참조하십시오..

WordPress의 단일 게시물에서 사이드 바 제거

특정 단일 게시물에서 사이드 바를 제거하려면 맞춤 단일 게시물 템플릿을 만들 수 있습니다.

WordPress 4.7에는 포스트 템플릿을 기본적으로 지원합니다. WordPress에서 맞춤 단일 게시물 템플릿을 만드는 방법에 대한 가이드의 단계 개요를 따라야합니다..

맞춤 단일 게시물 템플릿에서 코드의 사이드 바 부분을 제거하기 만하면됩니다..

이 기사가 WordPress 테마에서 사이드 바를 쉽게 제거하는 방법을 배우는 데 도움이 되었기를 바랍니다. WordPress 속도 및 성능을 향상시키는 방법에 대한 단계별 가이드를 참조하십시오..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map