WordPress에서 Elementor 프리로더를 만드는 방법

Muneeb 사업 Jan 24, 2022

프리로더는 WordPress 사이트에 추가할 수 있는 것입니다. 페이지가 백그라운드에서 로드되는 데 걸리는 시간을 보여주는 애니메이션입니다. 프리로더는 사람들에게 웹사이트가 페이지 로드 작업을 하고 있음을 알려 현재 진행 중인 상황을 확인합니다. 이것은 사용자 경험을 개선하고 떠나는 사람들의 수를 줄일 수 있습니다.

Elementor 는 이제 새로운 프리로더 옵션을 출시했습니다. 최고의 최적화를 원하고 전체 WordPress 사이트가 프리로더를 처리하기 위해 속도를 늦추는 것을 원하지 않는다고 가정해 보겠습니다. 이 경우 WordPress에서 Elementor Preloader를 만드는 방법을 배우려면 이 튜토리얼을 따라야 합니다.

Elementor 프리로더를 만드는 방법

시작하려면 원하는 SVG 또는 GIF를 선택하세요. 이상적으로는 크기가 작은 것이 좋습니다. 프리로더 는 무료 및 기본 SVG 로더를 찾을 수 있는 훌륭한 장소입니다.

Create an Elementor Preloader  - No Plugins Needed

Elementor 프리로더를 포함하려면 페이지 맨 위에 새 섹션 을 작성하십시오. 이 섹션에 대해 간격 없음 옵션을 설정합니다. 헤더 템플릿새 섹션 을 만들어 웹사이트의 모든 페이지에 프리로더를 포함할 수 있습니다.

놀라운 웹사이트 만들기

최고의 무료 페이지 빌더 Elementor와 함께

지금 시작

마지막으로 이 섹션의 HTML 요소에 다음 코드를 추가합니다.

로더의 URL을 웹사이트의 URL로 변경해야 합니다.

>div class="vanilla-preloader" /divscript/scriptstyle/style

그 정도야! 그러나 코드와 함께 제공된 주석을 사용하여 프리로더가 원하는 대로 정확하게 보이도록 추가로 변경할 수 있습니다. 그리고 웹사이트를 위한 Elementor Preloader가 있습니다.

이것이 프리로더를 추가하여 웹사이트 방문자를 유지하는 방법입니다. 이를 통해 사용자는 웹 사이트가 작동 중이라고 생각하고 웹 사이트에 머무를 수 있습니다. Elementor 를 사용하는 동안 프리로더를 만드는 것은 이러한 간단한 조정에 관한 것입니다. 최신 정보를 받으려면 FacebookTwitter 에 가입하십시오.

Divi WordPress Theme