WordPress 사이트에 고정 UI 요소가 있어야하는 이유 및이를 만드는 방법

WordPress 사이트에 고정 UI 요소가 있어야하는 이유 및이를 만드는 방법

WordPress 사이트에 고정 UI 요소가 있어야하는 이유 및이를 만드는 방법
СОДЕРЖАНИЕ
02 июня 2020

WordPress의 고정 UI 요소에 대한이 기여는 Lexie Lu의 글입니다..


끈적 끈적한 UI 요소와 관련하여 약간의 감정이 있습니다. 소셜 미디어 공유 옵션에서 회사 정보에 ​​이르기까지 모든 것을 포함 할 수있는 사용자는 나쁜 사용자 경험을 제공한다고 말합니다. 하나, 낙담 자조차도 이것들이 올바르게 수행되면 매우 효과적인 디자인 선택이 될 수 있음을 인정.

끈적 끈적한 요소 (버튼, 내용 블록 및 다른 형태의 소위 "스티커 탐색")는 페이지에서 사용자가 아래로 스크롤 할 때 그대로 유지되는 고정 요소입니다. 끈적 끈적한 UI 요소가 잘 설계되고 명확한 목적으로 설계된 경우, 연구 결과 방문자로부터 웹 사이트로 원하는 행동을 취할 수있는 좋은 방법입니다..

즉, WordPress 사이트는 사이트를 방문 할 때마다 가치를 극대화하기 위해 고정 UI 요소를 사용할 수 있습니다. 이러한 요소는 뉴스 레터 가입, 소셜 미디어 팔로우 및 기타 중요한 행동 유도로 이어질 수 있습니다..

가장 중요한 것은 사용자 경험을 향상시킬 수 있다는 것입니다. 이러한 모든 이점을 통해 끈끈한 탐색이 놀라운 것은 아닙니다. 점점 일반화되고 인기가 높아지면서.

편집자 주. 다양한 끈적 끈적한 사이트 요소를 즐기기 위해 성장했습니다. CodeinWP 블로그는 이러한 요소 중 하나를 사용하며, 가장 인기있는 테마 인 Zerif의 주요 특징 중 하나 인 고정 탐색을 만들었습니다 (데모보기). 왜? 그것은 단지 사용자를 위해 작동합니다. 그러나 릭스는 이것을 자세히 설명하도록하겠습니다 :

WordPress의 고정 UI 요소가 작동하는 이유

WordPress에서 스티커 요소를 효과적으로 사용하면 중요한 정보를 전달하고 방문자가 사이트를 쉽게 방문 할 수 있습니다. 한 전자 상거래 웹 사이트에서 고정 탐색 기능을 통합하면 전환율이 30 %에서 33 %로 증가한 것으로 나타났습니다..

연구 목적으로 수행 된 별도의 A / B 테스트에서 방문자의 100 % 스티커 디자인 요소를 선호했습니다. 많은 요소가 왜 확실하지 않더라도.

WordPress에서 끈적 끈적한 UI 요소의 힘을 활용하기 위해 WordPress 플러그인을 다운로드하고 숫자가 전반적으로 향상되는 것을 볼 수는 없습니다. 사이트에 가장 적합한 요소를 신중하게 계획해야합니다. 또한 코딩 경험이없는 경우 때때로 까다로울 수있는 이러한 요소가 의도 한대로 작동하는지 확인해야합니다..

다행스럽게도 WordPress 사이트에 통합 할 수있는 여러 가지 유형의 UI 요소와 플러그인이 있습니다.

스티커 소셜 미디어 공유 버튼

사람들이 웹 사이트를 방문하는 방식이 변경되었습니다. 대부분의 방문자가 URL을 입력 한 다음 콘텐츠를 찾아 다니는 시대는 지났습니다. 여전히 그렇습니다.하지만 훨씬 더 많은 트래픽이 소셜 미디어에서 나옵니다..

평균적으로 소셜 미디어 드라이브 모든 트래픽의 31 % 웹 사이트에. 이 수치는 의심 할 여지없이 일부 웹 사이트에서는 낮고 다른 웹 사이트에서는 높지만, 매력적인 콘텐츠를 만드는 것이 중요하다는 것을 강조합니다..

(차트 워드 프레스 차트 및 그래프 라이트.)

그러나 좋은 내용은 첫 단계 일뿐입니다. 또한 사람들이 콘텐츠를 공유하기가 쉽도록하여 사용자를 유도하고 추천 트래픽을 늘릴 수 있습니다. 이를 수행하는 좋은 방법은 스티커 소셜 미디어 버튼을 사용하여 콘텐츠를 동반하는 것입니다..

WordPress에는 끈적 거리거나 떠 다니는 소셜 미디어 버튼을 추가하기위한 플러그인이 없습니다. 중요한 것은 테마 디자인과 직관적으로 동작하는 것을 선택하는 것입니다. 떠 다니는 소셜 미디어 버튼의 많은 예가 있습니다. 다소 이상하게 행동하다 모바일에서 또는 데스크탑 브라우저 창의 크기가 변경된 경우.

텍스트와 사진을 가리는 끈끈한 소셜 미디어 버튼으로 인해 소셜 미디어 공유가 발생하지 않으므로 디자인이 좋지 않은 디자인은 의도 한 것과 반대의 영향을 줄 수 있습니다. 사용자 경험을 올바르게 관리 할 수있는 사이트를 살펴보십시오..

소셜 미디어 버튼이 의도 한대로 작동하는지 확인하기 위해 가능한 한 많은 기기와 운영 체제에서 WordPress의 수많은 플러그인을 실험 해보십시오..

CodeinWP에 게시 된 30 개가 넘는 소셜 미디어 플러그인의 두 부분으로 구성된 목록이 있습니다. 완벽한 플러그인을 찾을 수있을 것입니다..

스티커 정보 상자

웹 사이트에 따라 때로는 끈적 거리는 요소가 사이드 바에 추가 정보를 전달하는 것입니다. 사이트에 연락처 정보를 눈에 띄게 배치하는 것은 간단하지만 효과적인 클릭 유도 문안입니다. 12Keys는 한눈에 연락 할 수있는 연락처 정보를 제공함으로써 큰 ​​영향을 미칩니다. 이는 위기에 처한 방문자에게 특히 중요합니다..

12 열쇠

또한 자격 증명, 수상 내역 등을 강조하여 신뢰를 쌓는 데 도움이되는 곳이 될 수도 있습니다. 또한 자신이나 웹 사이트에 대해 조금 더 설명하여 개인적인 손길을 더하기에 좋은 곳입니다.

다행히도 이것은 사이트에서 구현하기 가장 쉬운 유형의 요소입니다. 텍스트 및 이메일에 대한 하이퍼 링크를 제외하고는 걱정할 필요가 없습니다. 이 플러그인은 당신을 도울 수 있어야합니다 :


스티커 요소 스티커 요소

저자 : 스튜 헤켄 베르크

현재 버전 : 1.3.5

최종 업데이트 : 2019 년 1 월 26 일

스티커 요소 1.3.5.zip


74 % 등급


600+ 설치


WP 3.0 이상 필요

목표는 사이드 바 요소가 너무 화려하거나 산만 해지지 않도록하는 것입니다. 방문자가 사이트에있는 한 계속 유지되므로 설계가 잘못되었거나 지나치게 방해가되는 것으로 방문자를 끄고 싶지 않습니다. 플로팅 사이드 바는 함께 제공되는 콘텐츠에 대한 케이크의 장식이어야하므로 단순성 측면에서 오류.

스티커 메뉴

고정 메뉴는 WordPress에서 가장 끈적 끈적한 UI 요소 일 수 있지만 가장 유용한 메뉴 중 하나입니다..

아이디어는 간단하다. 사용자가 아래로 스크롤 할 때 메뉴가 제자리에 고정되어 있습니다.

그러나이를 여러 가지 방법으로 구현할 수 있습니다.

a) 상단에 표준 배치로 갈 수 있습니다.

이것이 ThemeIsle 팀이 수행 한 작업입니다. 제 리프 테마, 예를 들어 여기서 라이브 데모) :

제 리프 스티커 요소

여기에서 한 가지 추가 보너스는 메뉴가 단순한 1 행 메뉴가 아니라 메가 메뉴라는 것입니다. 각 항목을 가리키면보다 정교한 구조가 나타납니다.

메가 메뉴

b) 메뉴를 옆으로.

이것은 일부 디자인, 특히 비주얼을 통해 이야기를 전달하는 사진이 많은 사이트에 적합한 옵션입니다..

여기 예가 있습니다 RichBrown.info:

RichBrown

아래로 스크롤하면 메뉴가 오른쪽으로 고정됩니다.

c) 바닥에 놓는다.

하단은 고정 된 메뉴를위한 또 다른 흥미로운 배치이며, 특히 텍스트를 한 줄의 텍스트보다 더 크게 만들려는 경우.

예를 들면 다음과 같습니다. 불렛:

불렛

보시다시피 메뉴에는 이미지 + 텍스트가 있으므로 하단에 배치되어 사이트 헤더의 소중한 공간을 차지하지 않습니다..

스티커 이메일 가입

아시다시피, 잠재 고객에게 도달하는 가장 좋은 방법 중 하나는 이메일을 이용하는 것입니다. 가입자 목록으로 전송 된 이메일은 5 배 더 가능성 페이스 북의 게시물보다 더.

비즈니스를 한 단계 끌어 올리려면 이메일 가입자의 품질 목록을 작성하는 것이 중요합니다. 스티커 양식 덕분에 가입자를 얻는 것이 생각보다 쉽습니다..

사이트 방문자가 메일 목록에 가입하도록 권장하는 방법은 많이 있습니다. 사이드 바 또는 페이지 상단에있는 스티커 양식이 큰 도움이 될 수 있습니다. 이 작업을 잘 수행하는 사이트는 열두 건, 디지털 미디어 회사. 페이지 상단의 행동 유도는 분명하고 지나치게주의를 기울이지 않거나주의를 산만하게하지 않으면 서주의를 끌고 있습니다..

열두

사이드 바 상단 또 다른 좋은 곳 이메일 가입자를 확보합니다. 사람들이 가입 할 수있는 장소가 여러 곳이 있어도 때로는 아프지 않습니다. 이메일 가입자는 귀중한 목록을 작성하기 위해 추가 노력을 기울일 가치가 있습니다..

예를 들어, CodeinWP는 이러한 목적을 위해 여러 양식을 사용하며 많은 끈적 끈적합니다. 이 같은:

codeinwp

스티커 광고

현실을 직시하자. 광고는 우리 대부분에게 필요한 악이다. 독자들은 자신을 좋아하지 않으며 많은 웹 사이트 제작자를 좋아하지도 않습니다. 그러나 청구서를 지불하는 데 필수적이며 디지털 광고가 들어오는 곳입니다..

Time Magazine은 광고를 스티커 블록으로 사용하므로 아래로 스크롤합니다. 당신은 어떤 기사를 읽고 있습니다.

시각

거대한 스플래쉬 광고 나 팝업보다 훨씬 덜 방해 적이기 때문에 너무 많은 독자를 끄지 않고 수익을 창출하는 나쁜 방법은 아닙니다.

모든 광고와 마찬가지로이 작업은 적당히 수행해야합니다. 기사의 왼쪽이나 오른쪽에있는 광고 벽은 즉시 꺼집니다. 더 많은 기사에 대한 링크와 결합 된 하나 또는 둘은 광고를 다루는 좋은 방법입니다.

WordPress의 독창적 인 스티커 UI 요소

위에 나열된 것 외에도 WordPress에서 끈적 끈적한 UI 요소를 사용하면 훨씬 더 창의적 일 수 있지만 이는 잠재적으로 더 많은 작업을 구현할 수 있음을 의미합니다..

다음은 하나의 예입니다. Gavick.com:

섬

해당 사이트로 이동하면 아래로 스크롤 할 때 섬 전체가 중앙에 남아 있음을 알 수 있습니다. 전경과 배경 사이를 이동하지만 항상 중앙에 있습니다. 이런 종류의 일은 실제로 사용자의 관심을 사로 잡습니다..

WordPress에서 끈적 끈적한 UI 요소를 창의적으로 사용하는 데 실제로 제한이없는 것 같습니다 … 누군가가 끈적 끈적한 섬을 만들 수 있었기 때문에.

올바른 플러그인을 찾는 방법?

있다 플러그인 부족 없음 끈끈한 요소를 테마에 구현하는 데 도움이되는 WordPress.org에서. 일부는 주제와 훌륭하게 작동하는 반면 다른 일부는 귀하의 사이트에 최적화되지 않을 수 있습니다. 가장 적합한 것을 찾으려면 시행 착오가 필요합니다.

소셜 미디어 트래픽을 유도하거나 중요한 정보를 독자에게 전달하기를 원하는 경우 최종 결과는 가치가 있습니다. 디자인 문제가 없는지 확인하기 위해 플러그인을 광범위하게 테스트하십시오..

렉시 루 저자에 관하여 : Lexie Lu는 프리랜서 디자이너이자 블로거입니다. 그녀는 최신 트렌드를 연구하는 것을 좋아하며 항상 가까이에 커피 한 잔을 가지고 있습니다. 그녀는 관리 디자인 로스트 트위터에서 팔로우 할 수 있습니다 아리따움.

Karol K의 모든 편집 및 재치있는 재 작성.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector