2022년에 WordPress 사이드바를 추가하는 방법 + 모범 사례

사이드바는 기본 콘텐츠의 일부가 아닌 정보를 표시하며 콘텐츠를 구성하고 더욱 매력적으로 만들 수 있습니다.

WordPress의 사이드바는 무엇입니까?

WordPress 사이드바는 일반적으로 왼쪽 또는 오른쪽의 세로 열에 표시되는 테마 기능입니다. 메인 콘텐츠 위 또는 아래에 있는 직사각형 모양의 사이드바를 가로로 사용자 정의할 수도 있습니다.

또한 사이드바는 WordPress 레이아웃을 디자인하는 데 필수적입니다. 예를 들어 사이드바를 사용하여 최근 기사 및 댓글 목록, 인기 기사 및 페이지 목록을 만들거나 광고를 표시할 수도 있습니다.

WordPress 사이드바의 목적은 무엇입니까?

사이드바를 추가하기로 결정한 후에는 다음과 관련이 있고 의미가 있는지 확인해야 합니다.

• 사람들이 원하는 섹션을 찾도록 돕기
• 리드 얻기
• 광고를 통한 수입 증대

고정 사이드바는 무엇입니까?

고정 또는 플로팅 사이드바는 제자리에 고정할 수 있는 위젯이므로 사용자가 아래로 스크롤하더라도 항상 화면에 표시되고 절대 사라지지 않습니다. 이 위젯은 언제든지 액세스할 수 있는 정보에 사용할 수 있습니다.

워드프레스 사이드바; 왼쪽 아니면 오른쪽?

어떤 사람들은 사이드바를 추가하기에 가장 좋은 위치가 페이지의 오른쪽 상단이라고 생각합니다. 우리는 왼쪽에서 오른쪽으로 읽기 때문에 당연히 페이지의 오른쪽 상단은 무시할 수 없는 곳입니다. 그래도 시도해보고 어느 쪽이 더 나은지 확인하거나 WordPress 사이트에서 A/B 테스트를 실행할 수 있습니다.

간단한 3단계로 WordPress에서 사이드바를 만드는 방법

WordPress 사이드바를 만드는 방법에는 여러 가지가 있습니다. 여기에 가장 인기있는 세 가지를 나열했습니다. WordPress 사이드바를 만들 수 있습니다.

1. 블록 편집기 사용하기

사이드바를 추가하는 가장 쉬운 방법은 사이트 편집기를 사용하는 것입니다. 단, 워드프레스 5.9 이상 버전과 블록 기반 테마를 사용해야 합니다. 블록 편집기로 사이드바를 추가하는 두 가지 가능한 방법이 있습니다.

블록 패턴 사용

블록 패턴은 용도에 맞게 편집할 수 있는 미리 정의된 블록의 템플릿입니다. WordPress에 블록 패턴을 추가하려면 모양 > 사이트 편집기 > 더하기(+) 아이콘 > 패턴 > 사이드바 > 탐색을 클릭해야 사용 가능한 모든 패턴을 볼 수 있습니다.

처음부터 만들기

워드프레스가 사이드바를 추가하는 또 다른 방법은 모든 것을 수동으로 설정하는 것입니다. 이렇게 하려면 쿼리 루프와 사이드바에 대한 열로 구성된 블록 그룹을 만들어야 합니다. 처음부터 사이드바를 생성하려면 Sire 편집기 > 더하기(+) 아이콘 > 그룹 > 열을 연 다음 열 변형을 선택해야 합니다. 만일을 대비하여 왼쪽 사이드바는 30/70, 오른쪽 사이드바는 70/30을 권장합니다.

2. 위젯 사용

워드프레스 추가 사이드바에 위젯을 사용하는 것은 코드를 많이 다룰 필요가 없기 때문에 덜 기술적인 사용자에게는 더 나은 선택입니다. 위젯은 머리글, 바닥글 또는 사이드바와 같은 다양한 영역에 배치할 수 있습니다. 위젯으로 워드프레스 사이드바를 추가하려면 워드프레스 대시보드 > 모양 > 위젯에 로그인해야 합니다. 왼쪽에는 사용 가능한 워드프레스 위젯 목록이, 오른쪽에는 위젯 블록이 표시됩니다.

3. 워드프레스 커스터마이저 사용하기

WordPress 사용자 지정 사이드바를 사용하여 WordPress 테마의 요소(예: 메뉴, 홈페이지 설정 및 위젯)를 사용자 지정할 수 있습니다. 테마에 따라 원하는 위치에 둘 이상의 사이드바를 추가할 수 있습니다. 이 기능은 모든 테마에서 허용되지 않습니다.

Top 10 WordPress 사이드바 플러그인

WordPress는 사이드바의 기능을 개선하기 위해 사용자에게 많은 위젯 플러그인과 기능을 제공합니다. 여기에 귀하의 웹사이트에 추가할 수 있는 가장 유용한 위젯이 나열되어 있습니다.

1. WPForms

WPForms는 사용자 정의된 사이드바 및 위젯 영역과 함께 제공되고 끌어서 놓기 옵션이 있으며 원하는 유형을 쉽게 만들 수 있는 초보자가 사용할 수 있는 가장 간단한 WordPress 연락처 플러그인입니다.

2. SiteOrigin 위젯 번들

SiteOrigin Widget Bundle은 클릭 유도문안 버튼, 이미지 위젯, Google 지도 위젯, 가격표 위젯 등 다양한 기능을 갖춘 위젯을 제공합니다. 이 플러그인 내의 모든 위젯을 확인하고 사용하려는 위젯을 선택할 수 있습니다. 그런 다음 활성화할 수 있습니다. 이 플러그인은 무료이며 모든 유형의 사이트에 적합합니다.

3. 엘리멘터 프로

Elementor Pro는 두 가지 방식으로 이점을 제공합니다. 첫째, 코드를 사용하지 않고 사이드바를 추가, 이동 또는 제거할 수 있습니다. 둘째, 사이드바에 대한 사용자 정의 디자인을 생성하고 원하는 사이드바에 추가하고 Elementor Library 위젯을 사용할 수 있습니다.

4. 역경

Adsanity는 예를 들어 위젯화된 영역과 같이 원하는 위치에 자체 호스팅 및 네트워크 기반 광고를 표시할 수 있는 WordPress 광고 관리 플러그인입니다. 이 플러그인은 관리 도구이므로 통찰력에 대한 액세스를 제공하고 광고 실적을 확인할 수 있습니다.

5. 풍선 부수기

Smash Balloon은 Instagram, Facebook 및 Twitter와 같은 소셜 미디어 채널에서 피드를 가져와 웹 사이트 스타일과 일치하는 방식으로 디자인할 수 있는 무료 WordPress 플러그인입니다. 이 플러그인은 다른 소셜 계정과 연결된 웹사이트에 가장 적합합니다.

6. Google 지도용 지도 위젯

Google 지도 플러그인의 도움으로 웹사이트 위젯 영역에 Google 지도를 추가하고 지도에 표시할 주소를 추가할 수 있습니다. 실제 주소를 공유하려는 비즈니스에 도움이 됩니다. 지도 위젯을 사용하면 맞춤 크기, 확대/축소 수준, 핀 색상 및 크기, 지도 색 구성표 등을 포함할 수도 있습니다.

7. 닌자 양식

Ninja Forms는 메일링 리스트를 늘리고 리드를 생성하는 데 도움이 될 수 있습니다. 구독, 가입 및 기부 양식을 포함하여 다양한 양식 옵션이 있습니다. 사이드바에 간단히 통합할 수 있습니다. 이것은 모든 유형의 사이트에 적합한 또 다른 무료 플러그인입니다.

8. 컴팩트 아카이브

이 플러그인의 블록 디자인은 콘텐츠 아카이브를 제공하며, 기본적으로 이 플러그인은 콘텐츠 아카이브를 긴 목록에 질서정연하고 만족스러운 방식으로 표시합니다. 이 플러그인은 무료이고 쉽게 사용자 정의할 수 있으며 많은 양의 콘텐츠가 있는 웹 사이트에 탁월한 도움이 됩니다.

9. 더 나은 검색

더 나은 검색은 더 많은 결과를 표시하고 깔끔하고 다양한 방식으로 보여줌으로써 기본 검색 엔진을 이길 수 있는 더 많은 구성 옵션을 제공하는 WordPress 플러그인입니다.

10. 위젯 옵션

Widget Options는 사용자 지정 사이드바를 만들고 데스크톱, 태블릿 및 휴대폰에 맞게 위젯의 크기를 제어할 수 있는 WordPress 위젯 제어 플러그인입니다. 모든 유형의 사이트에 적합한 무료 플러그인입니다.

WordPress 사이드바 사용 사례

즉, 사이드바는 사용자를 위한 추가 정보를 표시합니다. 예를 들어 검색 상자, 사용 후기, 최근 게시물 목록, 예정된 이벤트 등 사이드바에 다양한 항목을 포함할 수 있습니다. 콘텐츠.

다음 섹션에서는 거의 모든 유형의 사이트에 적합한 사이드바의 실용적인 용도를 볼 수 있습니다.

1. 독서 추천

사이드바를 사용하여 방문자가 더 많은 게시물을 읽고 더 오래 머물며 고객이 되도록 장려할 수 있습니다. 사이트에 더 많은 트래픽을 유도하여 WordPress SEO 성능을 높일 수 있습니다.

2. 이메일 구독

방문자가 콘텐츠를 좋아할 때 유용한 뉴스레터 구독 양식을 사이드바에서 찾을 수 있습니다. 방문자가 귀하의 콘텐츠가 흥미롭다고 생각하면 귀하의 의견을 듣기 위해 구독할 가능성이 높습니다. 동일한 관심사를 공유하는 사람들의 이메일 주소 목록이 있으면 향후 마케팅 캠페인이나 수익 창출에 큰 자산이 됩니다.

3. 소셜 미디어 기능

사이드바에 소셜 공유 버튼을 추가하면 다른 플랫폼에서 더 쉽게 공유할 수 있습니다. 그것은 당신의 소셜 미디어 청중을 성장시킬 기회도 증가시킬 것입니다.

4. 사회적 증명

사회적 증거는 귀하의 웹사이트를 더 신뢰할 수 있게 만들고 사람들이 귀하를 신뢰하도록 도울 수 있습니다. 소셜 미디어 팔로워, 구독자 수 또는 평가의 통계는 비즈니스 또는 브랜드의 정당성을 증명할 수 있습니다.

5. 스티커 사이드바

앞에서 언급했듯이 고정 사이드바는 절대 사라지지 않으며 아래로 스크롤하는 동안 화면에 떠 있습니다. 게시물이 긴 경우 고정 사이드바를 사용하세요. 고정 사이드바가 액세스하기 더 편리합니다.

마무리

방문자를 방해하지 않고 추가 정보를 표시하는 가장 좋은 방법은 사이드바를 추가하는 것입니다. 사이드바를 추가하는 것이 도움이 되고 웹사이트에 상당한 기여를 하며 더 분류되고 깔끔하게 보이도록 해야 한다는 점을 명심하십시오. 너무 많은 위젯이나 플러그인을 추가하지 말고 너무 많은 광고를 허용하지 마세요.