WordPress에 위젯 영역을 추가하는 방법

게시 됨: 2022-09-14

WordPress에 위젯 영역 을 추가하려면 몇 가지 간단한 단계를 따라야 합니다. 먼저 위젯 영역을 배치할 위치를 결정해야 합니다. 이것은 위젯 영역이 이미 내장된 테마를 찾거나 WordPress 테마 디렉토리에 새 파일을 생성하여 수행할 수 있습니다. 다음으로 위젯 영역에 대한 코드를 파일에 추가해야 합니다. functions.php 파일에 새 함수를 생성하거나 기존 함수에 코드를 추가하면 됩니다. 마지막으로 WordPress 코드의 적절한 위치에 함수를 호출하는 코드를 추가해야 합니다. header.php 파일에 코드를 추가하거나 footer.php 파일에 추가하면 됩니다.

방문자가 사이트에 오랫동안 머무르면 뉴스레터를 구독하거나 제품을 판매할 가능성이 더 높아집니다. 이 기사에 설명된 단계를 따르면 방문자를 끌어들이고 유지하는 멋진 웹사이트를 만들 수 있습니다. 기본 제공 테마 옵션이 있는 경우 이를 사용하여 사용자 정의 위젯 영역을 쉽게 추가할 수 있습니다. 모양으로 이동하여 테마에서 사용자 정의 위젯 영역을 생성/추가할 수 있는지 확인하십시오. 이러한 영역에는 기본 위젯 영역 과 달리 고유한 설정 및 삭제 옵션이 있습니다. 즉, 단일 블로그 게시물에 대한 사이드바를 만들고 사용자 정의 위젯 영역을 사이드바로 사용할 수 있습니다. 또한 아카이브 페이지의 경우 사이드바 레이아웃을 선택하여 위치와 너비를 변경할 수 있습니다.

이 튜토리얼에서는 WordPress 사이트에 위젯 영역을 추가하는 방법을 보여줍니다. 모든 위젯 영역이 표시되려면 테마의 functions.php 파일 내에서 register_sidebar 함수로 등록되어야 합니다. 이전에 설명한 옵션이 없거나 단순히 더 많은 유연성을 원하는 경우 사용자 지정 코딩이 가장 좋은 옵션일 수 있습니다. 위젯 영역을 등록할 때 사이드바를 호출하는 메서드를 포함해야 합니다. 사용하려는 위젯을 표시하려면 모양으로 이동합니다. 위젯을 div 태그로 래핑할 필요는 없지만 페이지의 HTML을 보다 일관성 있게 만들기 때문에 권장합니다. 어떤 경우에는 영역을 모든 페이지에서 사용할 수 있고 다른 영역은 제한된 수의 페이지에서만 사용할 수 있습니다.

동일한 작업을 수행하려면 조건부 태그와 명령문을 사용하여 코드를 기반으로 위젯 영역을 생성해야 합니다. 이 섹션에서는 Cevian 테마의 몇 가지 단계와 조건부 태그의 몇 가지 예를 살펴봅니다. 테마에 사용자 정의 기능을 추가하는 개발자 친화적인 방법으로 후크 및 필터를 사용하는 것이 좋습니다. 문제는 적절한 CSS 선택기를 선택하는 것입니다. 특정 사용자 정의 클래스 또는 ID로 div의 위젯 영역 코드를 래핑할 때 이것이 가장 좋은 옵션입니다. WordPress 사이트에서 위젯 영역을 사용하면 방문자의 관심을 끌면서 사이트 디자인을 향상시킬 수 있습니다. 사이트에 사용자 정의 위젯 영역을 추가하면 모든 테마에 고유한 기본 위젯 영역 이 있더라도 군중에서 눈에 띄게 만들 수 있습니다. 이 문서에 설명된 단계와 팁을 따르면 웹사이트에 사용자 지정 위젯 영역을 추가할 수 있습니다.

위젯을 추가하려는 페이지로 이동한 다음 HTML */body> 태그 앞에 있는 코드를 복사하여 웹사이트에 위젯을 추가하기만 하면 됩니다. 위젯을 표시하려는 모든 웹 페이지에 코드를 포함해야 합니다. Web Widget (클래식)이 방화벽에 나타나려면 활성화되어야 합니다.

WordPress에서 사용자 정의 위젯 영역을 어떻게 만듭니까?

크레딧: www.webnots.com

모양 메뉴에서 원하는 위젯을 선택하세요. Hostinger 샘플 위젯은 사용 가능한 위젯 목록에 표시되어야 합니다. 위젯이 나타날 페이지의 사이드바 오른쪽으로 위젯을 끌어다 놓습니다. 웹사이트를 방문하여 변경 사항을 저장합니다.

사용자 지정 위젯을 사용하여 바닥글에 이미지를 추가하는 방법

위젯을 추가한 후 '이미지' 위젯의 '설정' 탭으로 이동하여 드롭다운 메뉴에서 '디자인'을 선택합니다. 여기에서 이미지 경로, 이미지 크기 및 이미지 형식을 모두 설정할 수 있습니다. 이미지에 대한 사용자 정의 CSS 클래스를 생성하는 옵션도 있습니다. 바닥글에 이미지를 추가하려면 위젯을 만들어야 합니다. 이것은 외모로 이동하여 수행할 수 있습니다. 위젯 페이지의 검색창에 '위젯'을 입력하세요. 이제 '위젯' 패널이 WordPress 관리 영역에 나타납니다. '위젯 이름' 및 '위젯 설명' 필드에 위젯의 이름과 설명을 입력하여 새 위젯 을 생성할 수 있습니다. 그런 다음 바닥글에 '이미지' 위젯을 추가하려면 '위젯 추가' 링크를 클릭하십시오.

WordPress의 위젯 영역이란 무엇입니까?

크레딧: Themler

WordPress의 위젯 영역은 방문자가 보고 사용할 수 있는 위젯을 배치할 수 있는 영역입니다. 이러한 영역은 일반적으로 사이드바에 있지만 바닥글이나 웹사이트의 다른 영역에도 있을 수 있습니다. 원하는 만큼 위젯 영역을 추가할 수 있으며 각 영역에는 원하는 수의 위젯이 포함될 수 있습니다.

WordPress 5.x 릴리스로 인해 이러한 방식으로 정의된 위젯은 더 이상 지원되지 않습니다. 여전히 블록으로 위젯 영역을 채울 수 있습니다. 블록은 수년에 걸쳐 WordPress의 중요한 기능이 되었습니다. 블록은 이제 WordPress와 마찬가지로 위젯 편집기와 통합됩니다. 대부분의 WordPress 테마에는 두 개 이상의 위젯 섹션이 포함되어 있습니다. 위젯 영역에 블록을 추가하려면 기존 요소 앞이나 뒤에 + 버튼을 클릭하고, 블록을 추가하려면 위젯 영역 하단에 있는 + 버튼을 클릭합니다. WordPress 위젯 영역에서 위젯 요소를 일시적으로 제거하려면 활성 위젯 영역으로 이동하면 됩니다.

워드프레스에서는 위젯 카테고리에서 약 15개의 블록을 사용할 수 있습니다. 우리는 그들이 할 수 있는 것과 그것이 우리의 의견에 얼마나 유용한지 살펴볼 것입니다. Shortcode는 Shortcode 블록을 사용하여 생성됩니다. 메뉴에 카테고리를 넣어 아직 표시하지 않은 경우 이 블록에 카테고리를 표시할 수 있습니다. 방문자는 최신 댓글 블록을 사용하여 가장 최근 댓글 목록을 볼 수 있습니다. 페이지 목록 블록을 사용하여 사이트의 모든 페이지를 표시할 수 있습니다. Legacy Widget 블록을 사용하여 테마 또는 플러그인으로 선언된 WordPress 위젯 또는 위젯을 보거나 선택할 수 있습니다.

메타 블록에는 사이트의 웹마스터를 위한 여러 링크가 포함되어 있습니다. 탐색 메뉴 블록을 사용하면 위젯 영역 내에서 탐색 메뉴를 생성할 수 있습니다. WPMarmite와 같은 웹 사이트의 많은 양의 콘텐츠에는 이 차단이 필요합니다. 기본 WordPress 위젯 카테고리 블록은 WordPress용 블록입니다. 블록은 페이지의 위젯 섹션 에서 찾을 수 있습니다. 탐색 메뉴 블록이 WordPress 버전 5.9로 업데이트됩니다. WordPress의 위젯 필드는 무엇입니까? 관련 정보가 있으시면 아래에 의견을 보내주십시오.

WordPress에서 위젯 영역을 어떻게 변경합니까?

이러한 위젯이 사이드바에 표시되는 순서를 변경하려면 드래그 앤 드롭하세요. 위젯의 이름을 변경합니다. 위젯의 해당 섹션을 확장하고 제목 텍스트를 편집할 수 있으며 완료를 클릭한 후 위젯의 제목을 변경할 수 있습니다. 위젯을 제거하려면 삭제 버튼을 누르세요.

WordPress의 위젯에 헤더 영역을 어떻게 추가합니까?

테마에 WordPress 헤더 위젯이 있는 것을 볼 수 없으면 모양으로 이동합니다. WordPress 위젯 패널 목록은 관리자 패널에서 찾을 수 있습니다. '헤더'라는 레이블이 지정된 위젯 섹션이 있으면 사이드바에서 찾으십시오. 위젯 메뉴에 액세스하려면 '플러스' 추가 기능 아이콘을 선택하세요.

WordPress에서 위젯을 사용하면 사이트에 특정 기능을 추가할 수 있습니다. 헤더 위젯을 사용하여 모두에게 보고 싶은 콘텐츠를 홍보할 수 있습니다. 제휴사 및 광고 수익 웹사이트의 코드를 헤더로 드래그 앤 드롭한 다음 텍스트 위젯에 붙여넣을 수 있습니다. header.php 파일을 사용하려면 먼저 변경해야 합니다. Appearance 섹션에는 개발자가 결정하는 "Header Widget"이라는 새 위젯 영역이 포함됩니다. CSS에 익숙하다면 코딩으로 헤더 위젯 영역 을 사용자 정의할 수 있습니다. 이 튜토리얼은 헤더 위젯이 아직 설치되지 않은 테마에 더 적합합니다.

예를 들어 ColorMag 테마에는 헤더 사이드바가 있습니다. WordPress는 다양한 방법으로 테마 업데이트를 처리합니다. 테마를 다시 변경하려면 코드를 다시 추가해야 합니다.

위젯 영역 WordPress 플러그인 추가

WordPress 관리 화면에서 모양으로 이동합니다. 테마 사용자 정의 도구의 위젯 메뉴를 클릭하여 위젯 사용자 정의 도구에 액세스할 수 있습니다. 위젯 영역의 아래쪽 화살표를 클릭하면 기존 위젯 페이지 를 모두 찾을 수 있습니다. 사이드바에서 위젯 추가 버튼을 클릭하여 위젯을 추가할 수 있습니다.

Nicepage WordPress 플러그인을 사용하여 페이지 콘텐츠에 위젯 영역을 추가하는 방법을 배웁니다. Nicepage의 위젯 기능 을 활용하여 페이지에 기능을 추가할 수 있습니다. 소셜 미디어 게시물, 탐색, 메시지, 배너, 슬라이더 등을 만드는 데 사용할 수 있는 수많은 기능이 있습니다. WordPress용 Nicepage 플러그인으로 위젯 영역을 구성하는 첫 번째 단계는 영역을 만드는 것입니다. 기본 위젯 영역에 그림이나 텍스트를 추가하려면 이미지 및 텍스트 위젯을 사용하십시오.