플러그인을 사용하여 WordPress에서 고정 사이드바를 만드는 방법

이 블로그의 일반 독자이거나 처음 방문하는 경우에도 블로그 사이드바에서 끈적한 요소를 발견했을 수 있습니까?

그 중 하나는 뉴스레터 구독 양식입니다.

때로는 보여주고 싶은 다른 중요한 요소로 대체합니다. 블랙 프라이데이 딜 때처럼. 사이드바에 블랙 프라이데이 스티커라는 블로그 게시물 카테고리가 있었습니다.

블로그의 모든 요소는 그것이 무엇이든 상관없이 고정할 수 있습니다. 블로그 탐색 메뉴, 사이드바 항목, 바닥글 메뉴, 플로팅 위젯 등이 될 수 있습니다.

주요 목표는 블로그 사용자에게 항상 표시되도록 하는 것입니다.

위 또는 아래로 스크롤하면 고정 요소가 제자리에 유지되고 항상 표시됩니다. 이것은 고정 항목에 더 많은 관심을 끌고, 전환율을 개선하고, 참여를 높이는 데 도움이 됩니다.

하지만 먼저, 특히 초보자를 위해 끈적한 사이드바가 무엇인지 정의해 볼까요? 그리고 왜 블로그 요소를 사이드바에 고정해야 합니까?

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

WordPress의 고정 사이드바 또는 고정 사이드바는 사용자가 웹 사이트 웹 페이지를 위아래로 스크롤하는 동안 표시되거나 제자리에 남아 있는 사이드바 요소입니다.

클릭 유도문안 참여율을 높이고 전환율을 높이며 전반적인 사용자 경험을 개선합니다.

예를 들어 고정 사이드바를 사용하면 사용자가 중요한 메시지에 빠르게 액세스할 수 있습니다.

원하는 사이드바 메뉴를 클릭하기 위해 맨 위로 다시 스크롤하는 대신 사용자는 페이지를 위로 스크롤하지 않고도 사이드바 항목을 빠르게 찾고 실제로 중요한 것을 클릭할 수 있습니다.

블로그에 고정 사이드바를 구현해야 하는 이유는 무엇입니까?

위 섹션에서 웹사이트에 고정 사이드바를 구현하는 것의 이점에 대해 조금 언급했습니다. 그러나 여기에서 조금 더 내려가 볼 가치가 있습니다.

그의 블로그에서 끈적한 사이드바에 대한 실제 경험이 있는 사람으로서 나는 내 자신의 경험에서 더 많은 이점을 말할 수 있습니다.

첫째, 블로그에 어떤 요소를 고정시키든 해당 요소는 웹사이트를 방문하는 모든 사람에게 항상 표시됩니다.

이를 통해 특정 요소에 더 많은 관심을 기울이게 됩니다. 따라서 끈적하게 만드는 데 필요한 우선 순위를 지정해야 합니다.

또한 사용자가 웹사이트를 방문할 때 가장 중요한 정보/페이지/컨텐츠 등에 빠르게 액세스할 수 있도록 해야 합니다. 중요한 요소를 페이지에 고정하여 이를 달성할 수 있습니다.

이는 사용자 참여를 개선하고 전환율을 높이고 인지도를 높이는 데 도움이 됩니다.

그러나 동일한 웹 사이트 위치에 너무 많은 요소를 고정시키는 것은 권장하지 않습니다. 예를 들어, 사이드바에서 최대 권장 사항은 두 개의 고정 요소여야 합니다.

같은 지점에서 관심을 끌기 위해 경쟁하는 끈적끈적한 요소가 너무 많으면 가장 중요한 메시지에 대해 더 나은 전환율을 얻지 못할 것입니다.

이 블로그의 사이드바에는 검색 상자와 블로그 뉴스레터 구독 양식만 붙어 있습니다.

블로그 뉴스레터 구독 양식은 사이드바에서 가장 중요한 요소입니다. 보시다시피, 나는 그것이 그 지점에서 전반적인 관심을 끌 수 있도록 보장합니다.

이메일 목록 작성이 우선순위 목록의 맨 위에 있기 때문입니다.

WordPress 플러그인으로 고정 사이드바를 만드는 방법

다른 블로깅 플랫폼에 비해 WordPress의 장점 중 하나는 코딩 방법을 몰라도 원하는 블로그 기능을 빠르게 활성화할 수 있다는 것입니다.

WordPress 블로그에 추가하려는 기능이 무엇이든 해당 플러그인이 있습니다. 설정을 설치, 활성화 및 활성화/구성하기만 하면 됩니다.

이것이 오늘날 WordPress가 세계 최고의 콘텐츠 관리 시스템이 된 이유입니다. 대규모 개발자 커뮤니티가 이를 잘 지원합니다.

WordPress 플러그인을 사용하면 블로그의 모든 요소를 ​​매우 쉽게 고정할 수 있습니다. 코딩 지식이 필요하지 않습니다. 설치하고 활성화하기만 하면 됩니다.

그러나 작업에 적합한 WordPress 플러그인을 찾는 것은 지루한 검색 경험이 될 수 있습니다. 올바른 플러그인을 찾는 데 몇 시간을 보낼 수 있습니다.

그래서 제가 여기서 하려는 것은 추측을 줄이는 것입니다.

오늘날 많은 StickySidebar WordPress 플러그인이 있지만 My StickySidebar WordPress 플러그인은 사용 및 구성이 매우 쉽습니다.

내 StickySidebar WordPress 플러그인을 사용하면 고정 사이드바 요소를 몇 분 안에 쉽게 설정할 수 있습니다. My Sticky Sidebar 플러그인을 사용하여 WordPress에서 고정 부동 사이드바 위젯을 만들 수 있습니다.

초보자도 프로세스를 간단하게 만듭니다.

My StickySidebar 플러그인 설치

고정 사이드바 항목을 설정하기 위해 가장 먼저 해야 할 일은 플러그인을 설치하는 것입니다. 그 후, 당신은 그것을 활성화 ...

다음은 WordPress.org 플러그인 저장소의 MyStickySidebar에 대한 링크입니다. WordPress.org 또는 WordPress 관리 영역에서 플러그인을 다운로드합니다.

설치 및 활성화 후 설정 페이지를 열어 플러그인을 구성해야 합니다.

두 개의 CSS 요소 클래스 또는 ID를 찾아야 합니다.

고정하려는 사이드바 요소와 사이드바 요소에 포함된 컨테이너 요소 class 또는 id.

사이드바 요소 CSS 클래스 또는 ID 필드에 고정하려는 사이드바 요소 클래스 또는 ID를 입력해야 합니다.

Sidebar 요소 CSS 클래스 또는 ID를 찾기 위해 페이지 소스 코드를 살펴보기로 선택한 경우 지루할 수 있습니다. 페이지 소스 코드를 통해 찾을 수 있지만 소스 페이지를 통해 클래스 ID를 조회하려면 몇 가지 기술적인 기술이 필요합니다.

그러나 이 게시물에서 CSS 클래스 또는 ID를 찾는 방법을 배울 수 있습니다.

CSS 클래스 또는 ID를 찾으면 위 이미지와 같이 필드에 값을 입력해야 합니다.

그런 다음 페이지를 아래로 스크롤하여 저장 버튼을 클릭합니다.

추가 세팅

페이지 여백의 상단 및 하단과 같은 다른 설정을 살펴볼 수도 있습니다. 여기에서 Pixel의 상단 및 하단 여백을 정의할 수 있습니다.

또한 사용자의 화면 너비가 xxx 픽셀보다 작은 경우 비활성화하도록 규칙을 설정할 수 있습니다.

사용자 정의 CSS 스타일 추가

MyStickySidebar의 유료 버전을 사용하는 경우 CSS를 편집하고 사용자 정의 CSS를 완전히 추가하거나 생성할 수 있습니다.

이러한 추가 기능은 코딩에 능숙하고 수행 중인 작업을 알고 있는 경우에 유용합니다.

선택한 페이지에서 MyStickySidebar를 비활성화하는 옵션이 있습니다. 특정 페이지에 고정 사이드바를 표시하지 않으려는 경우입니다.

기본 설정을 변경한 후에는 항상 페이지 아래로 저장 버튼을 누르십시오.

결론…

사이드바에서 요소를 고정하려는 이유는 여러 가지가 있습니다. 그것이 무엇이든 블로그에서 사용자 경험을 방해하지 않는지 확인하십시오.

올바르게 수행되면 고정 사이드바가 사용자 경험을 개선하고 중요한 메시지를 청중이 볼 수 있는 전면과 중앙에 표시해야 합니다.

My Sticky Sidebar는 목표를 달성하는 데 사용할 수 있는 최고의 무료 WordPress Sticky 플러그인 중 하나입니다.