WordPress 테마에 위젯을 추가하는 방법

게시 됨: 2022-10-04

WordPress의 가장 좋은 점 중 하나는 위젯을 사용하여 사이트에 기능을 쉽게 추가할 수 있다는 것입니다. 위젯은 사이드바, 머리글 및 바닥글을 포함하여 WordPress 사이트의 다양한 영역에 표시할 수 있는 작은 콘텐츠 블록입니다.
이 기사에서는 WordPress 테마에 위젯을 추가하는 방법을 보여줍니다.

GreenGeeks.com은 사이트에 WordPress 위젯을 추가하는 방법을 보여줍니다. 위젯 블록 은 WordPress와 독립적인 코드이며 웹사이트에 기능을 추가하는 데 사용할 수 있습니다. 사용자에게 추가 기능을 제공하는 웹사이트용 애플리케이션입니다. 여러 방법 중 하나를 사용하여 사이트에 추가할 수 있으며 필요에 가장 적합한 방법을 찾는 것은 간단합니다. WordPress에 위젯을 추가하는 것은 비교적 간단하지만 드래그 앤 드롭 방식에 익숙하지 않은 사람들에게는 어려울 수 있습니다. 위젯 메뉴에서 접근성 모드 활성화를 선택하여 접근성 모드를 활성화할 수 있습니다. 위젯을 제거하려면 제거 방법을 알아야 합니다.

이 플러그인을 사용하면 위젯이 게시물이나 페이지에 표시되는 방식을 수정할 수 있습니다. 특정 분류에 위젯을 표시하는 데 사용할 수도 있습니다. 웹사이트가 광범위한 주제를 다루는 경우 다양한 관점을 제시할 수 있는 능력이 매우 중요합니다. 각 테마에 대한 사이드바가 있지만 거의 모든 테마에 오른쪽 사이드바가 포함되어 있습니다. 사이드바에 너무 많은 위젯 을 추가하면 사이드바 영역에 과부하가 걸리고 게시물이 실제보다 길어질 수 있습니다. 테마를 구매하기 전에 테마가 제공하는 위젯 옵션을 철저히 조사해야 합니다. 페이지가 바쁜 것처럼 보이면 완전히 비활성화할 수 있습니다.

모양으로 이동하여 WordPress 대시보드를 볼 수 있습니다. 제공된 상자를 사용하여 새 위젯 영역 을 만든 후에는 위젯 영역의 이름을 선택해야 합니다(이름에 공백이 없는지 확인합니다. 이렇게 하면 위젯 영역이 실패할 수 있기 때문입니다). 만들기를 클릭하고 페이지를 새로고침하면 새 위젯 영역에 액세스할 수 있습니다.

모양 메뉴에서 WordPress 사용자 정의 위젯을 선택하십시오. Hostinger 샘플 위젯이 사용 가능한 위젯 목록 에 나타납니다. 위젯 드래그가 끝나면 페이지 오른쪽으로 드래그합니다. 변경이 완료되면 웹사이트로 이동합니다.

내 WordPress 테마에 위젯 영역을 어떻게 추가합니까?

크레딧: www.inmotionhosting.com

'위젯 1' 상자는 헤더 사용자 정의 섹션에 있으며 헤더에 위젯 영역을 추가하는 데 사용할 수 있습니다. 이 옵션을 선택하면 화면에 위젯을 추가할 수 있습니다. 그러면 왼쪽 메뉴에서 "플러스" 블록 추가 아이콘에 액세스할 수 있습니다. 표시되는 팝업을 클릭하여 헤더에 위젯을 추가할 수 있습니다.

WordPress 사이트에서 위젯을 제거하는 방법

WordPress에는 위젯을 추가할 수 있는 여러 위젯 영역 이 있습니다. 대부분의 경우 사이드바 또는 바닥글과 같은 페이지 상단 근처 영역은 테마로 정의됩니다. 위젯은 사이트 편집기를 지원하는 테마에서 지원되지 않으므로 대시보드에 표시되지 않습니다. WordPress 대시보드에 로그인하고 모양 > 위젯으로 이동하여 사이트에서 위젯 영역을 제거합니다. 웹사이트에서 위젯을 제거할 수 있으며 위젯 영역에서 위젯을 사용 가능한 위젯 영역으로 끌어서 해당 설정을 삭제할 수 있습니다.

템플릿에 위젯을 어떻게 추가합니까?

크레딧: 템플릿 몬스터

템플릿에 위젯을 추가하는 방법에는 두 가지가 있습니다. 첫 번째 방법은 WordPress 관리 대시보드를 사용하여 위젯을 원하는 위치에 추가하는 것입니다. 두 번째 방법은 템플릿 파일에 위젯 코드 를 추가하는 것입니다.

위젯 템플릿 을 사용하면 위젯의 모양과 느낌을 지정할 수 있습니다. 위젯은 템플릿으로 구성할 수 있습니다. 활성 템플릿 또는 템플릿 집합을 만들 수 있습니다. 포틀릿에 대한 사용자 정의 디스플레이 템플릿을 생성할 수 있습니다. Liferay의 BasePortletDisplayTemplates 인터페이스를 사용하여 확장할 수 있습니다. 포틀릿의 /src/main/resources/resource-actions/default에서 작업 키 ADD_PORTLET_DISPLAY_TEMPLATE를 사용합니다. XML 파일을 사용하여 포틀릿에 대한 템플릿을 생성할 수 있습니다. 위젯이 아직 Liferay 권한을 정의하지 않은 경우 /resources 폴더에 portlet.properties라는 파일을 생성할 수 있습니다. 위젯의 구성 메뉴에 대한 표시 템플릿 드롭다운 메뉴는 위젯의 JSP 템플릿 선택기를 사용하여 지정됩니다. 템플릿을 선택하지 않으면 선택한 템플릿이 사용되거나 해당 본문이 렌더링됩니다.

새 사용자 지정 위젯 영역을 만든 후에는 모양 > 사용자 지정으로 이동한 다음 '위젯'을 선택하여 위젯 템플릿을 사용합니다. 이를 클릭하면 위젯 페이지에서 새 사용자 정의 위젯 영역을 생성할 수 있습니다. 사용자 정의 위젯 영역을 만든 후에는 새 영역을 만들어야 합니다. 이를 수행하려면 모양으로 이동합니다. 이 양식을 수정할 수 있습니다. 템플릿을 선택한 후 '새 템플릿 만들기' 버튼을 클릭합니다. 템플릿을 만든 후에는 사용할 템플릿을 결정해야 합니다. 모양으로 이동하여 이를 수행할 수 있습니다. 기본 설정을 수정할 수 있습니다. '템플릿 선택' 옵션은 위젯 탭에서 찾을 수 있습니다. 활성 템플릿을 보려면 템플릿 선택 대화 상자에서 템플릿 선택 버튼을 클릭합니다. 템플릿을 생성하고 활성화될 템플릿을 선택한 후 위젯을 사용자 정의 위젯 영역에 추가할 준비가 되었습니다. 모양으로 이동합니다. 사용자 정의 옵션을 사용할 수 있습니다. 위젯을 선택하면 '위젯 추가' 버튼이 활성화됩니다. 위젯 추가를 클릭하면 위젯 추가 대화 상자에 추가하려는 위젯이 표시됩니다. 위젯을 추가한 후 모양을 사용자 정의할 수 있습니다. 이를 수행하는 방법은 외모로 이동하는 것입니다. 기본 설정을 변경합니다. 위젯을 표시하려면 '표시' 버튼을 클릭하세요. 표시 대화 상자에서 위젯 사용자 정의 버튼을 클릭하여 모양을 변경합니다. 위젯을 포함하려면 먼저 다음 단계를 따라야 합니다. 사이드바에 위젯을 추가하려면 모양 > 사용자 정의로 이동한 다음 '사이드바' 메뉴 항목을 클릭하십시오. 사이드바 페이지를 실행하면 바로 새 사이드바 영역을 만들 수 있습니다. 사용자 정의 사이드바 영역을 생성한 후 새 사이드바 템플릿을 생성해야 합니다. 모양, 사용자 정의 및 사이드바로 이동하여 새 템플릿을 만들 수 있습니다. 모양 사용자 정의 사이드바로 이동하여 원하는 템플릿을 선택할 수 있습니다. 템플릿을 만들고 현재 활성화된 템플릿을 선택한 후에는 사용자 지정 사이드바 영역에 위젯을 추가할 수 있습니다. 그렇게 하려면 모양 > 사용자 정의 > 사이드바로 이동한 다음 '를 클릭합니다.

템플릿으로 위젯 사용자 정의

위젯 템플릿을 사용하면 다르게 보이게 할 수 있습니다. 위젯 디스플레이용 템플릿을 생성할 때 어떤 템플릿이 활성화되어 있고 그 이유를 선택할 수 있습니다. 그림 1은 사용자 정의 디스플레이 템플릿을 사용하여 포틀릿의 디스플레이를 사용자 정의하는 방법을 보여줍니다. '오른쪽 사이드바'를 선택하면 사이드바에 위젯을 추가할 수 있습니다. 이 페이지로 이동하면 위젯 영역 설정 을 변경할 수 있습니다. 사이드바에 위젯을 포함하려면 '오른쪽 사이드바' 메뉴에서 위젯을 선택하기만 하면 됩니다.