조건부 위젯으로 WordPress 위젯 가시성 제어

위젯은 방문자가 현재 읽고 있는 콘텐츠를 방해하지 않고 웹사이트의 다른 측면을 홍보할 수 있는 훌륭한 방법입니다. 일반적으로 이 작업은 사이드바 또는 위젯용 WordPress 테마로 지정된 다른 영역에서 수행됩니다.

그러나 특정 페이지에만 위젯을 표시하려는 경우가 있을 수 있습니다. 다행스럽게도 이 시나리오를 위한 조건부 위젯이 있습니다. 예를 들어 웹사이트에 캘린더 위젯이 있는 경우 이벤트 페이지에만 표시되도록 할 수 있습니다.

이 기사에서는 조건부 위젯이 무엇이고 어떻게 생성하는지에 대한 개요를 제공합니다. 또한 설정을 위한 두 가지 옵션을 살펴보겠습니다. 바로 다이빙하자!

조건부 위젯이란 무엇입니까?

간단히 말해서 조건부 위젯은 추가 제어 변수가 있는 WordPress 위젯입니다. 이를 통해 각 위젯이 특정 페이지나 게시물에 표시되는지 여부를 결정할 수 있습니다. 이것은 몇 가지 다른 방법으로 당신을 도울 수 있습니다.

첫째, 귀중한 웹사이트 공간을 극대화할 수 있습니다. 대부분의 테마에는 사이드바 공간이 너무 많습니다. 위젯을 조건부로 만들면 해당 공간이 각 기능에 할당되는 정도를 제어할 수 있습니다. 필요에 따라 사이드바에서 특정 위젯을 포함하거나 제외할 수 있습니다.

또한 위젯을 조건부로 만들어 사이드바가 각 페이지와 더 관련성이 있는지 확인할 수 있습니다. 예를 들어 다른 모든 페이지에서 지도 및 길찾기 위젯을 제거할 수 있지만 '정보' 페이지에는 계속 표시됩니다. 이렇게 하면 다른 페이지에서 더 관련성 높은 콘텐츠를 위한 사이드바 위젯 공간이 확보됩니다.

조건부 위젯을 만드는 방법(Jetpack 없음)

조건부 위젯으로 작업할 때 사용할 수 있는 몇 가지 도구가 있습니다. 그들 중 일부는 테마 코드를 조정해야 하지만 다른 일부는 그렇지 않습니다.

먼저 약간의 추가 코딩 지식이 필요한 플러그인으로 조건부 옵션을 활성화하는 방법을 살펴보겠습니다. 그런 다음 Jetpack 플러그인으로 동일한 결과를 얻는 방법을 살펴보겠습니다.

1단계: 조건부 위젯 플러그인 선택

위젯을 조건부로 만들기 위한 여러 플러그인 옵션이 있습니다. 이 예에서는 Widget Logic을 사용하겠습니다.

이 플러그인은 WordPress 조건부 태그 또는 일반 PHP 코드를 포함할 수 있는 모든 위젯에 필드를 추가합니다. 시작하려면 먼저 플러그인을 설치하고 활성화해야 합니다.

2단계: 위젯 패널 열기

다음으로 Appearance > Widgets 로 이동하고 임의의 위젯에서 설정 패널을 열어 새 Widget 로직 필드에 액세스할 수 있습니다.

여기에서 이전에 언급한 WordPress 조건부 태그를 추가할 수 있습니다. 예를 들어 '정보' 페이지를 제외한 모든 페이지의 사이드바에 특정 위젯을 표시하려면 다음을 추가할 수 있습니다.

!is_page('about')

마찬가지로 여러 조건부 태그를 결합하여 위젯의 표시를 추가로 사용자 정의할 수 있습니다. 예를 들어 카테고리 이름을 사용하여 특정 카테고리의 단일 게시물에만 표시되도록 특정 위젯을 지정할 수 있습니다. '구운 음식' 카테고리의 모든 게시물이 특정 위젯을 표시하도록 하려면 다음을 사용할 수 있습니다.

is_single() && in_category('baked-goods')

또한 외모 > 위젯 페이지 하단에서 더 많은 옵션을 찾을 수 있습니다.

이러한 설정을 사용하면 새 위젯 논리가 로드되는 순서를 지정할 수 있습니다. 이는 표준 WordPress 옵션과 크게 다른 테마의 경우 특히 중요합니다.

궁극적으로 이 플러그인을 사용할 때 오류를 피하려면 테마 코드를 꽤 잘 알아야 합니다. 또한 웹사이트에서 특정 요소가 로드되는 순서를 더 완전히 이해할 수 있도록 WordPress 루프에 익숙해지기를 원할 것입니다.

Jetpack으로 위젯 가시성 변경

앞에서 언급했듯이 위젯 표시 옵션을 사용자 지정하는 또 다른 솔루션은 Jetpack을 사용하는 것입니다. 이 다목적 플러그인에는 WordPress 웹사이트의 성능을 조정하는 데 도움이 되는 많은 기능이 있으며 조건부 위젯도 관리할 수 있습니다.

1단계: Jetpack 설정 열기

필요한 Jetpack 설치 및 설정 단계를 수행했으면 WordPress 대시보드에서 Jetpack > 설정 페이지를 방문해야 합니다. 그런 다음 쓰기 탭을 클릭합니다.

위젯 가시성 기능은 기본적으로 활성화되어 있지 않습니다. 위젯 설정 영역까지 아래로 스크롤하고 이 옵션을 켜야 합니다.

변경 사항은 자동으로 저장됩니다. 이 단계를 완료하면 웹사이트에서 위젯이 표시되는 위치를 제어할 수 있습니다.

2단계: 새 규칙 추가

이제 가시성 기능이 켜져 있으므로 WordPress 대시보드에서 모양 > 위젯 으로 이동할 수 있습니다. 활성 위젯을 클릭하면 새로운 가시성 버튼이 표시됩니다.

가시성을 선택하면 가시성 논리 문을 생성할 수 있는 새로운 옵션 패널이 표시됩니다. 이를 통해 WordPress 웹사이트에서 각각의 특정 위젯이 표시되는 위치를 제어할 수 있습니다.

여러 논리 문을 만들어 위젯의 가시성을 제어할 수 있지만 그런 다음 모든 조건이 일치해야 하는지 결정해야 합니다. 그렇다면 모든 조건 일치 상자를 선택하는 것이 좋습니다.

예를 들어 웹사이트의 첫 페이지에서 최근 게시물 위젯을 숨기고 싶지만 특정 작성자가 게시물을 작성한 경우에만 이러한 논리를 설정할 수 있습니다.

Jetpack을 사용하여 위젯을 맞춤설정하면 테마 코드를 조정할 필요가 없습니다. 그러나 라이브 웹 사이트에 배포하기 전에 스테이징 서버에서 새 설정을 테스트하는 것이 좋습니다.

WP 엔진으로 사이트 사용자 지정

이제 WordPress 위젯이 표시되는 페이지와 게시물을 더 잘 제어하는 ​​방법을 알았으므로 웹사이트에 관련성이 높은 사이드바를 만들 수 있습니다. 여기 WP Engine에서는 진정한 맞춤형 사이트를 만들고자 할 때 올바른 개발자 리소스에 액세스하는 것이 얼마나 중요한지 잘 알고 있습니다.

또한 웹 사이트 사용자 지정에는 종종 많은 테스트, 시행 착오가 필요할 수 있습니다. 그렇기 때문에 놀라운 디지털 경험을 구축하는 데 필요한 모든 도구와 리소스가 포함된 다양한 호스팅 계획을 제공합니다. 다음 프로젝트를 위한 모든 WordPress 솔루션 및 제품을 확인하십시오!