코드 없이 사용자 정의 WordPress 사이드바를 만드는 방법

코드 없이 사용자 정의 WordPress 사이드바를 만드는 방법을 배우고 싶습니까?

잘 설계된 사이드바는 사용자 경험을 개선하고 더 나은 탐색을 가능하게 합니다. 그러나 기본 WordPress 설정을 사용하여 사이드바를 사용자 정의하는 것이 항상 간단하지는 않습니다. 그리고 코딩은 더 어렵습니다.

이 게시물에서는 몇 가지 간단한 단계를 통해 WordPress에 사이드바를 추가하는 방법을 보여 드리겠습니다.

맞춤형 WordPress 사이드바를 추가해야 하는 이유

사이드바는 방문자에게 보여주고 싶은 중요한 정보를 표시하는 간단하지만 효과적인 방법을 제공합니다. 많은 WordPress 사이트에서 관련 게시물, 소셜 미디어 페이지 및 선택 양식에 대한 빠른 링크를 제공하기 위해 전용 사이드바를 사용하는 것이 일반적입니다.

이렇게 하면 사용자에게 최상의 사용자 경험을 제공하고 방문자가 사이트에서 보고 싶은 영역으로 방문자를 안내할 수 있습니다. 결과적으로 사이드바를 사용하면 페이지 조회수, 체류 시간, 참여 및 전환을 높일 수 있습니다.

많은 WordPress 테마가 기성품 사이드바와 함께 제공되지만 일부 WordPress 플러그인에서 얻을 수 있는 쉬운 시각적 사용자 지정을 제공하지 않습니다.

SeedProd는 간편한 드래그 앤 드롭 기능으로 사이드바를 만들기 위한 최고의 WordPress 플러그인입니다. 따라서 SeedProd를 사용하여 코드 없이 WordPress에 사이드바를 추가하는 방법을 보여줍니다.

코드 없이 사용자 정의 WordPress 사이드바를 만드는 방법

WordPress에 사이드바를 추가하는 방법을 배우려면 다음 단계를 따르십시오.

1. SeedProd 설치
2. 테마 템플릿 선택
3. WordPress 사이드바 사용자 정의
   • 사이드바에 문의 양식 추가하기
   • WordPress 사이드바에 최근 게시물 추가하기
   • 사이드바에서 항목 삭제
4. 변경 사항 저장 및 사이드바 게시

시작하자.

1. SeedProd 설치

시작하려면 사이트에 SeedProd가 설치되어 있어야 합니다. 설치 방법을 모르는 경우 WordPress 플러그인 설치 방법에 대한 이 자습서를 참조하십시오.

SeedProd의 WordPress 테마 빌더 기능(사이드바를 생성해야 함)에 액세스하려면 SeedProd Pro 라이선스를 구매해야 합니다. SeedProd로 구매하고 계정을 만들면 계정 영역에 로그인하고 다운로드 탭으로 이동합니다. 여기에서 라이센스 키를 찾을 수 있습니다. 복사합니다(나중에 필요합니다).

WordPress 대시보드에서 SeedProd » 설정으로 이동합니다. 이 화면에서 라이센스 키 필드가 표시되어야 합니다. 여기에 라이센스 키를 붙여넣고 확인 버튼을 클릭합니다.

이제 SeedProd가 사이트에 설정되었으므로 몇 가지 템플릿을 사용하여 사이드바 생성 작업을 더 쉽게 만들어 보겠습니다.

2. 테마 템플릿 선택

WordPress 관리 영역에서 SeedProd » Theme Builder를 클릭합니다.

사이드바를 포함한 다양한 테마 요소에 대한 설정을 제어할 수 있는 메인 대시보드입니다.

이제 주황색 테마 버튼을 클릭합니다.

SeedProd는 마케팅 에이전시, 레스토랑, 모기지 브로커 등을 포함한 다양한 유형의 비즈니스 및 조직을 위한 다양한 테마를 제공합니다. 비즈니스에 가장 적합한 테마를 선택한 다음 원하는 대로 정확하게 표시될 때까지 사이드바를 사용자 정의할 수 있습니다.

이 예에서는 간단한 웹 사이트에 적합한 스타터 테마를 사용할 것입니다. 테마를 선택하면 테마 빌더 영역이 테마를 구성하는 모든 필수 부분으로 자동으로 채워집니다.

필요에 따라 각기 다른 부분을 활성화 및 비활성화할 수 있습니다. 이 예에서는 블로그 페이지에 대해 사이드바만 사용할 것이므로 사이드바 및 블로그 색인, 아카이브, 검색, 부분만 활성화된 상태로 유지합니다.

게시됨 제목 아래에 있는 토글 버튼을 사용하여 테마의 다른 부분을 비활성화하고 사이드바를 YES 상태로 두었습니다.

이제 사이드바 사용자 정의를 시작할 준비가 되었습니다.

3. WordPress 사이드바 사용자 정의

WordPress 사이드바 사용자 정의를 시작하려면 SeedProd 테마 빌더 대시보드의 사이드바 옵션 위에 커서를 놓고 디자인 편집을 클릭하십시오.

그러면 테마 빌더 인터페이스가 열립니다. 스타터 테마 사이드바에는 기본적으로 활성화된 검색 바, 카테고리 및 소셜 미디어 아이콘이 있습니다.

그러나 사이드바에 더 많은 요소를 추가하거나 기존 요소를 다른 것으로 교체할 수 있습니다. 왼쪽 창에는 사이드바의 실시간 미리보기인 오른쪽 영역에 끌어다 놓을 수 있는 수많은 블록이 있습니다.

아래에서 몇 가지 일반적인 사이드바 사용자 지정을 수행하는 방법을 보여주지만 이는 모두 선택적 단계입니다.

사이드바에 문의 양식 추가하기

이 예에서는 사이드바에 간단한 문의 양식을 추가하는 방법을 보여줍니다. 그러나 먼저 WPForms가 설치되어 있는지 확인하십시오. 도움이 필요하면 WPForms 설치에 대한 이 문서를 참조하세요.

WPForms는 자동으로 SeedProd와 통합됩니다. 따라서 WPForms로 만든 모든 양식은 SeedProd를 사용하여 사이드바 내에서 블록으로 추가할 수 있습니다.

이렇게 하려면 블록 탭 아래의 검색 창에 "문의 양식"을 입력하기만 하면 됩니다. 그런 다음 연락처 양식 블록을 사이드바에 배치할 위치로 끌어다 놓습니다.

사이드바에 양식을 배치한 후 WPForms 블록을 클릭하여 양식 옵션을 엽니다. 여기에서 이미 만든 양식을 추가하거나 +새 양식 버튼을 눌러 새 양식을 만들 수도 있습니다.

양식 선택 드롭다운 메뉴를 클릭하고 목록에서 하나를 선택하여 WPForms로 이미 만든 양식을 사용할 것입니다.

형태는 이렇게 생겼습니다.

양식을 편집해야 하는 경우 선택한 양식 편집을 클릭합니다. 이렇게 하면 동일한 창에서 WPForms 빌더가 열리고 테마 빌더 화면을 나가지 않고도 원하는 대로 변경할 수 있습니다.

그 외에 고급 탭으로 이동하여 양식 디자인을 사용자 지정할 수 있습니다. 여기서 SeedProd는 양식의 스타일, 속성, 간격 및 장치 가시성을 변경하기 위한 옵션을 제공합니다.

예를 들어, 사이트가 모바일에서 표시될 때 사이드바를 숨기려면 장치 가시성 메뉴를 클릭한 다음 모바일에서 숨기기 버튼을 토글하면 됩니다.

다음으로 블로그 사이드바에 최근 게시물을 추가하는 방법을 보여드리겠습니다.

WordPress 사이드바에 최근 게시물 추가하기

다시 한 번 테마 빌더의 블록 탭 아래에 있는 검색 필드를 사용하여 "최근 게시물"을 입력합니다. 이제 최근 게시물 블록을 표시하려는 영역으로 끌어다 놓습니다.

웹사이트에 새 블로그 게시물이 게시되면 최근 게시물 위젯이 자동으로 채워집니다.

위젯이 빌더의 오른쪽에 있을 때 위젯을 클릭하면 표시하려는 게시물 수 제어와 같은 설정에 액세스할 수 있습니다.

예제 테스트 사이트에는 3개의 게시물만 있습니다. 하지만 사이드바에 표시할 최근 게시물 5개를 포함하는 것이 좋습니다.

사이드바에서 항목 삭제

SeedProd 테마 빌더를 사용하면 사이드바에서 요소를 삭제하는 것이 새 항목을 추가하는 것만큼 쉽습니다.

이 예에서는 사이드바에서 검색 표시줄 블록을 제거합니다. 사이드바에서 제거할 부분을 결정하는 것은 전적으로 귀하에게 달려 있습니다. 시연을 위해 검색 표시줄 만 제거하고 있습니다.

일반적으로 사이드바를 단순하고 집중적으로 유지하는 것이 모범 사례로 간주되므로 사이드바에 너무 많은 위젯을 포함하지 마십시오.

블록을 삭제하려면 삭제하려는 블록 주위에 주황색 윤곽선이 나타날 때까지 마우스를 가져간 다음 휴지통 아이콘을 누릅니다.

그러면 삭제 작업을 확인하는 메시지가 표시됩니다. 예, 삭제를 누르십시오! 버튼을 눌러 진행합니다.

사이드바에서 블록이나 요소를 삭제하기만 하면 됩니다.

4. 변경 사항 저장 및 사이드바 게시

사이드바를 원하는 대로 사용자 정의했으면 오른쪽 상단의 저장 버튼을 클릭합니다.

이제 십자 버튼을 클릭하여 테마 빌더를 종료합니다.

이 작업은 블로그 페이지에 사이드바를 추가합니다. 프런트엔드에서 사이트의 블로그 페이지를 열어 새로 생성된 WordPress 사이드바를 확인하세요. (이 예에서는 소셜 미디어 아이콘과 연락처 양식만 활성화했습니다).

그리고 그게 다야! 이제 WordPress에 사이드바를 추가하고 원하는 대로 보이도록 사용자 정의하는 방법을 알게 되었습니다.

다음으로 이메일 하위 도메인 설정

이메일 평판을 유지하고 높은 전송률을 유지하시겠습니까? 이 경우 이메일 하위 도메인 설정을 고려해야 합니다. 이메일 평판을 더 잘 관리하고 이메일 하위 도메인을 설정하는 방법을 알아보려면 이메일 하위 도메인에 대한 가이드를 참조하십시오.

이메일 전달 가능성과 그 중요성에 대해서도 알아볼 수 있습니다. 자세한 내용은 이메일 전달 가능성 개선에 대한 기사를 참조하십시오.

​​이메일을 수정할 준비가 되셨습니까? 최고의 WordPress SMTP 플러그인으로 오늘 시작하세요. WP Mail SMTP Elite에는 전체 White Glove Setup이 포함되어 있으며 14일 환불 보장을 제공합니다.

이 기사가 도움이 되었다면 Facebook과 Twitter에서 더 많은 WordPress 팁과 튜토리얼을 팔로우하세요.