WordPress 위젯: 완전한 가이드

WordPress가 유연성을 포함하여 인기 있는 데에는 여러 가지 이유가 있습니다. 예를 들어, WordPress 위젯은 쉽고 효과적인 사용자 정의를 수행하는 데 도움이 됩니다. 이러한 모듈의 작동 방식을 이해하면 코드를 건드릴 필요 없이 사이트, 특히 사이드바와 바닥글을 최적화하고 향상시키는 데 도움이 될 수 있습니다.

이 게시물에서는 WordPress 위젯을 소개하고 그 용도를 설명합니다. 사이트에서 표시할 수 있는 위치에 대해 논의한 다음 표시, 비활성화, 가져오기 또는 내보내기 방법을 안내합니다.

시작하자!

YouTube 채널 구독

WordPress 위젯 소개

위젯은 WordPress 사이드바 및 바닥글 영역에 다양한 유형의 콘텐츠를 쉽게 표시하는 데 사용할 수 있는 요소입니다. 여기에는 텍스트, 링크, 이미지 등이 포함됩니다.

많은 사용자, 특히 기술 경험이 많지 않은 초보자에게 위젯은 매우 유용합니다. 이러한 사전 구축된 모듈을 사용하면 새로운 기능을 수동으로 코딩할 필요 없이 페이지의 디자인과 기능을 모두 향상시킬 수 있습니다.

위젯은 콘텐츠의 작은 블록이며 일반적으로 페이지의 주요 초점이 아닙니다. 그러나 이것이 그들이 필수적인 역할을 하지 않는다는 것을 의미하지는 않습니다. 예를 들어 날씨를 표시하거나 지도에서 위치를 강조 표시하거나 방문자에게 편리한 탐색 메뉴를 제공하는 데 사용할 수 있습니다.

WordPress 테마를 사용하면 웹 사이트의 전체 모양과 느낌을 변경할 수 있지만 위젯을 사용하면 특정 영역에 특정 기능을 추가하고 사용자 지정할 수 있습니다. WordPress에는 다양한 기본 옵션이 있습니다.

검색 창 표시에서 최근 댓글 또는 게시물 목록 표시에 이르기까지 모든 작업에 이 위젯을 사용할 수 있습니다. 이러한 기본 옵션 외에도 자신만의 위젯을 만드는 방법도 있습니다.

또한 일부 테마 및 플러그인에는 고유한 위젯도 함께 제공됩니다. 예를 들어 MetaSlider를 사용하면 위젯 영역에 이미지 슬라이더를 추가할 수 있습니다.

또 다른 예는 소셜 미디어 계정을 보여줄 수 있는 Monarch 소셜 공유 플러그인입니다.

어떤 종류의 위젯을 찾고 있든 적절한 옵션을 찾을 수 밖에 없습니다.

WordPress 위젯을 표시할 수 있는 위치

일반적으로 WordPress 사이트에는 여러 위젯 영역이 있습니다. 일반적으로 위젯은 사이드바 또는 바닥글에 배치됩니다. 그러나 이것이 유일한 두 가지 옵션은 아닙니다.

사용 가능한 위젯 영역의 수는 주로 테마에 따라 결정됩니다. 일부 테마는 여러 사이드바를 제공하거나 사이트 헤더와 같은 위치에 위젯을 추가할 수 있도록 합니다.

다음은 사이드바(1) 및 바닥글(2)에 있는 위젯의 예입니다.

특정 페이지에만 또는 사이트의 모든 페이지에 위젯을 표시하도록 선택할 수 있습니다. 예를 들어 모든 페이지에 검색 표시줄 위젯을 포함할 수 있지만 블로그에는 최근 게시물 위젯만 표시할 수 있습니다.

WordPress 위젯을 표시하는 방법

WordPress 사이트에 위젯을 표시할 때 몇 가지 옵션이 있습니다. 첫째, 사이트의 어떤 영역이 위젯 친화적인지 아는 데 도움이 됩니다.

WordPress 관리 화면에서 위젯 추가

현재 테마에서 WordPress 위젯을 표시할 수 있는 위치를 확인하려면 대시보드의 모양 > 위젯 으로 이동하세요.

WordPress의 최신 기본 테마인 Twenty Twenty-One에서는 바닥글에 하나의 위젯 영역만 있습니다.

그러나 Divi 테마를 사용하는 경우 사이드바 및 여러 바닥글을 포함하여 과다한 위젯 영역에 액세스할 수 있습니다. 사이드바 모듈에서 사용할 새 위젯 영역을 직접 생성할 수도 있습니다.

이러한 섹션 중 하나에 위젯을 표시하려면 선택한 모듈을 지정된 섹션 아래로 끌어다 놓기만 하면 됩니다. 예를 들어 사이드바에 위젯을 추가하려면 사이드바 패널 아래에 위젯을 배치합니다. 위의 예에서 볼 수 있듯이 현재 최근 게시물 과 최근 댓글이 표시됩니다.

또는 위젯을 클릭하고 추가 할 영역을 선택한 다음 위젯 추가 를 클릭하면 됩니다.

모양 > 위젯 화면은 위젯 을 표시하는 데 사용할 수 있는 두 가지 방법 중 하나입니다. 또 다른 옵션은 WordPress Theme Customizer를 사용하는 것입니다.

테마 커스터마이저에서 위젯 추가하기

시작하려면 대시보드에서 모양 > 사용자 지정 으로 이동합니다.

이 페이지에는 일반적으로 위젯 섹션이 있습니다.

다음으로 사용 가능한 옵션에서 위젯을 추가할 영역을 선택할 수 있습니다. 그런 다음 위젯 추가를 클릭합니다.

다음으로 위젯 옵션 목록에서 추가할 모듈을 선택합니다.

꼭 필요한 것은 아니지만 원하는 경우 위젯에 제목을 지정할 수 있습니다. 제목을 입력하면 방문자에게 프런트 엔드에 표시됩니다.

완료되면 게시 를 클릭하여 변경 사항을 저장합니다. 이제 사이트를 방문하면 위젯이 표시되어야 합니다.

그게 다야! 이 프로세스를 반복하여 사이트의 위젯 친화적인 영역에 원하는 만큼 모듈을 추가할 수 있습니다.

WordPress 위젯을 비활성화하는 방법

WordPress 위젯을 실험할 때 위젯을 삭제하거나 비활성화하는 방법을 알아야 할 수 있습니다. 다행히도 이를 수행하는 프로세스가 빠르고 간편하며 몇 가지 옵션이 있습니다.

수동으로 위젯 삭제

첫 번째 방법은 위젯을 수동으로 삭제하는 것입니다. 모양 > 위젯 으로 이동한 다음 제거하려는 모듈이 포함된 위젯 영역을 찾습니다. 화살표를 클릭하여 확장한 다음 삭제 를 클릭합니다.

사용자 지정 프로그램을 사용하려는 경우 프로세스는 유사합니다. 모양 > 사용자 정의 > 위젯 으로 이동합니다. 위젯 패널을 열고 삭제할 모듈을 찾은 다음 제거 를 클릭합니다.

변경 사항을 저장하려면 사용자 지정 프로그램 상단에서 게시 를 선택해야 합니다.

위젯을 비활성으로 표시

위젯을 영구적으로 삭제하지 않고 제거하고 싶을 수도 있습니다. 예를 들어, 사용자 정의한 설정을 잃지 않고 나중에 사용할 수 있도록 저장할 수 있습니다.

그렇다면 일시적으로 비활성으로 표시할 수 있습니다. 그렇게 하려면 모양 > 위젯 으로 이동합니다. 다음으로 비활성 위젯 섹션에서 원하는 모듈을 끌어다 놓습니다.

나중에 이러한 위젯을 사이트에 다시 추가하려면 활성 위젯 섹션이나 선택한 위젯 영역으로 드래그하는 것만으로 간단합니다. 또는 비활성 위젯 지우기 버튼을 클릭할 수 있습니다.

또한 WordPress 테마를 변경하고 새 테마에서 다른 위젯 영역 옵션을 제공하는 경우 새 테마의 위젯 섹션에 맞지 않는 모듈은 비활성 상태로 나열됩니다.

플러그인을 사용하여 위젯 비활성화

WordPress 위젯을 비활성화하는 세 번째 옵션은 플러그인을 사용하는 것입니다. 달성하려는 작업에 따라 몇 가지 품질 옵션을 사용할 수 있습니다. 몇 가지 최고의 도구를 살펴보겠습니다.

위젯 비활성화

플러그인을 사용하여 하나 또는 여러 위젯을 비활성화하려는 경우 위젯 비활성화로 잘못 갈 수 없습니다. 이 무료 도구는 사용하기 매우 쉽습니다.

설치 및 활성화한 후 모양 > 위젯 비활성화로 이동하기만 하면 됩니다 .

이 화면에서 비활성화하려는 위젯을 선택합니다.

완료되면 변경 사항 저장 을 클릭합니다. 이 옵션을 사용하면 위젯을 비활성화할 수 있지만 모듈만 숨기려는 경우 이상적인 솔루션이 아닙니다. 예를 들어, 가까운 장래에 이러한 위젯을 다시 사용할 계획이라면 다른 도구(예: 다음 플러그인)를 사용하고 싶을 것입니다.

위젯 옵션

WordPress 위젯을 제어하고 사용자 정의하는 데 사용할 수 있는 또 다른 무료 플러그인은 위젯 옵션입니다. 이 도구를 사용하면 위젯을 완전히 비활성화하거나 개별 페이지에 대해서만 끌 수 있습니다.

플러그인이 사이트에 설치 및 활성화되면 설정 > 위젯 옵션 으로 이동하여 플러그인을 사용할 수 있습니다.

다음 화면에서 페이지 가시성 및 장치 제한 설정이 활성화되어 있는지 확인하십시오.

다음으로 위젯 화면으로 이동하여 다양한 사용자 정의 옵션을 탐색할 수 있습니다.

보시다시피 특정 위젯을 숨기거나 표시하려는 페이지를 선택하기만 하면 됩니다. 완료되면 저장 을 클릭합니다.

PHP를 사용하여 위젯 비활성화

위젯을 비활성화하는 데 사용할 수 있는 마지막 방법은 사이트 코드를 수동으로 편집하는 것입니다. 물론 이 전략이 모든 사람을 위한 것은 아닙니다. PHP로 작업하는 것이 불편하다면 플러그인을 계속 사용하는 것이 좋습니다.

그러나 약간의 개발 경험이 있고 타사 플러그인을 사용하여 사이트에서 불필요한 리소스를 차지하지 않으려는 경우 이 솔루션이 더 적합할 수 있습니다. WordPress 위젯의 등록을 취소하려면 먼저 functions.php 파일로 이동하세요. (자식 테마 사용을 권장합니다.)

해당 파일 내에서 코드 조각을 추가하여 위젯을 등록 취소합니다. 예를 들어 캘린더 위젯을 제거하려면 다음을 사용합니다.

 function unregister_default_wp_widgets() { unregister_widget('WP_Widget_Calendar'); } add_action('widgets_init', 'unregister_default_wp_widgets' ); 

완료되면 파일을 저장합니다. 이제 해당 모듈은 WordPress 위젯 화면에 옵션으로 표시되지 않습니다. 나중에 다시 활성화하려면 이 코드를 삭제하면 됩니다.

WordPress 위젯을 가져오고 내보내는 방법

WordPress 사이트가 한동안 운영되고 위젯을 사용자 정의하는 데 시간과 에너지를 할애했다면 다른 웹사이트에서 다시 사용할 수 있습니다. 이 경우 WordPress 위젯을 가져오고 내보내는 방법을 아는 것이 도움이 됩니다.

예상대로 가장 쉬운 방법은 플러그인을 사용하는 것입니다. 위젯 가져오기 및 내보내기를 권장합니다.

시작하려면 도구 > 위젯 가져오기 및 내보내기로 이동합니다.

이 화면에는 (1) 위젯 가져오기 및 (2) 위젯 내보내기의 두 가지 옵션이 있습니다.

위젯 내보내기 옵션을 선택하면 플러그인이 사이드바 및 바닥글 영역(위젯이 있는 다른 위치)에서 현재 활성화된 위젯에 대한 .wie 파일을 생성합니다. 이것은 사용하지 않는 모든 기본 모듈의 복사본이 아니라 활성 위젯만 저장한다는 의미이기 때문에 유용합니다. 모든 코드 편집기에서 파일을 다운로드하고 볼 수 있습니다.

그런 다음 위젯을 다른 사이트로 가져올 수 있습니다. 새 사이트에 위젯 가져오기 및 내보내기를 설치하고 활성화한 다음 도구 > 위젯 가져오기 및 내보내기로 다시 이동합니다. 파일 선택을 클릭하고 방금 다운로드한 .wie 파일을 선택한 다음 위젯 가져오기 를 누르십시오.

가져오기 프로세스가 완료되면 WordPress에서 결과 페이지로 이동하여 성공적임을 알 수 있습니다. 중복된 위젯이 있는 경우 "위젯이 이미 존재함" 레이블로 표시하여 알려줍니다.

가져오기가 완료되면 모양 > 위젯 으로 이동하여 위젯을 볼 수 있습니다. 이제 위젯이 이전 사이트에서 정렬된 방식과 유사하게 새 사이트에 표시되는 것을 볼 수 있습니다.

그러나 새 사이트의 위젯 영역 제목은 .wie 파일에 저장된 위젯 영역 제목과 일치해야 합니다. 그렇지 않으면 플러그인은 모듈을 배치할 위치를 알지 못합니다. 예를 들어 이전 테마에 "바닥글 #1"이라는 섹션이 있는 경우 플러그인은 동일한 영역에 "바닥글 A"라는 레이블을 지정하는 테마에 모듈을 배치할지 모릅니다.

이 경우 "위젯 영역이 테마에 존재하지 않습니다(비활성 사용)" 메시지가 표시됩니다. 비활성 위젯 섹션에서 이러한 위젯을 찾은 다음 적절한 위젯 영역에 수동으로 배치할 수 있습니다.

결론

WordPress는 빠르고 쉽게 아름다운 사이트를 구축할 수 있는 강력하고 유연한 플랫폼입니다. 그러나 사이트를 최대한 활용하려면 CMS의 가장 다양한 기능 중 하나인 위젯을 사용하는 방법을 아는 것이 중요합니다.

이 게시물에서 논의한 바와 같이 사이드바 및 바닥글을 포함하여 사이트에 이러한 작은 콘텐츠 모듈을 표시할 수 있는 여러 위치가 있습니다. WordPress는 선택할 수 있는 수많은 기본 위젯을 제공합니다. Divi와 같은 테마를 사용하면 나만의 테마를 만들 수도 있습니다. 특정 위젯을 비활성화하거나 제거하려면 수동으로 또는 위젯 옵션과 같은 플러그인을 사용하여 수행할 수 있습니다.

WordPress 위젯 사용에 대해 다른 질문이 있습니까? 아래 의견 섹션에서 알려주십시오!

Anastasia Trapeznikova/Shutterstock.com을 통한 주요 이미지