읽기 진행률 표시줄
이제까지 긴 기사를 읽기 시작하고 얼마나 남았는지 궁금하십니까? 그래서 방문자가 수정합니다. 마스터 애드온의 읽기 진행률 표시줄은 이를 수정합니다. 페이지를 스크롤할 때 채워지는 얇고 스마트한 표시줄입니다. Elementor 의 페이지 설정 바로 안쪽에서 몇 초 만에 모든 페이지나 게시물에 추가할 수 있습니다. 색상,위치 및 속도를 사이트에 완벽하게 맞게 사용자 지정할 수 있습니다. 콘텐츠가 더 매력적이고 탐색하기 쉽게 느껴지는 작은 터치입니다. 독자가 진행 상황을 확인하고 끝까지 머물도록 하세요.
켜고 원하는 곳에 놓으세요
코딩,소란 없음. 페이지 설정에서 “읽기 진행률 표시줄 사용”스위치를 뒤집기 만하면됩니다. 그런 다음 어디에 살 것인지 결정하십시오 – 뷰 포트 상단에 붙어있는 것이 고전적인 지점이지만 귀하의 선택입니다. 전체 페이지 높이를 자동으로 감지하고 방문자가 스크롤을 시작하는 순간 채우기 시작합니다.
- 원 스위치 사용: “일반 설정” 아래의 페이지 설정 패널에서 설정을 바로 찾아 전역적으로 또는 한 페이지만 켜십시오.
- 상단 또는 하단: 화면 상단 또는 하단에 막대를 잠그기 위해 위치를 선택하여 항상 볼 수 있도록 합니다.
- 자동 추적: 막대는 총 페이지 길이를 지능적으로 계산하고 사용자가 스크롤할 때 실시간으로 채우기를 업데이트합니다.
브랜드의 일부처럼 보이게 만드세요
기본 파란색 막대가 사이트에 맞지 않을 수 있습니다. 그래서 어떻게 보이는지 완전히 제어 할 수 있습니다. 브랜드 색상을 일치시키고,두께를 조정하고,얼마나 부드럽게 애니메이션을 적용 할 수 있는지 제어하십시오. 미묘하게 만들거나 눈에 띄게 만드십시오- 그것은 완전히 당신과 당신의 디자인에 달려 있습니다.
- 사용자 정의 색상: 두 가지 색상을 설정합니다: 빈 트랙의 배경색과 이동 진행의 채우기 색상.
- 두께 조정: 높이 필드 (5px 또는 10px와 같은) 를 사용하여 막대를 얇고 눈에 띄지 않게 또는 두껍고 대담하게 만듭니다.
- 애니메이션 조정: 애니메이션 속도를 제어하여 막대가 매끄럽게 채워지고 불안하거나 느리지 않고 자연스럽게 느껴집니다.
읽기 진행률 표시줄에 대해 자주 묻는 질문입니다
진행률 표시줄이 휴대폰에서 작동하나요?
네,확실히 그렇습니다! 바는 완벽하게 반응합니다. 휴대폰과 태블릿에서 화면 상단 (또는 하단) 에 나타나며 크기와 동작을 조정하여 작은 화면에서 완벽하게 작동합니다.
일부 페이지에는 추가하고 다른 페이지에는 추가할 수 없나요?
절대적으로요. Elementor 로 만든 각 개별 페이지나 게시물에 대한 페이지 설정에서 제어되므로 완전한 제어가 가능합니다. 긴 블로그 게시물과 튜토리얼에서 사용하도록 설정하고 짧은 연락처 페이지에서 페이지당 결정합니다.
이렇게 하면 내 웹사이트 속도가 느려지나요?
전혀 그렇지 않습니다. 최소한의 리소스를 사용하는 매우 가벼운 기능입니다. 스크롤 위치를 계산하는 데 약간의 CSS 와 JavaScript 만 있으면됩니다. 페이지 로딩 속도에 어떤 영향도 미치지 않습니다.
바 색상이 내 헤더 메뉴와 충돌하면 어떻게 되나요?
그게 가장 좋은 부분입니다 – 몇 초 안에 해결할 수 있습니다. 설정으로 들어가서 배경 색상과 채우기 색상을 원하는 모든 것으로 변경하십시오. 헤더와 잘 대조되는 색상을 선택하여 막대가 항상 표시되지만 충돌하지 않도록하십시오.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
