Elementor를 사용하여 WordPress에서 프리로더를 만드는 방법

Muneeb 워드프레스 튜토리얼 Nov 22, 2021

로더라고도 하는 프리로더는 페이지의 다른 콘텐츠가 로드되는 동안 페이지에서 계속 실행되는 단순하거나 복잡한 애니메이션 또는 GIF입니다.

웹사이트가 콘텐츠를 로드하는 데 걸리는 짧은 시간 동안 사용자를 즐겁게 하는 것이 매우 중요합니다. 많은 사용자를 유지하는 데 도움이 될 뿐만 아니라 사용자의 마음에 지속적인 존재를 만들 수 있습니다. 이 튜토리얼에서는 Elementor를 사용하여 프리로더를 생성하는 방법을 이해할 것입니다.

Elementor를 사용하여 프리로더를 만드는 방법

Elementor 는 완전히 다른 수준에서 웹사이트를 표현할 수 있는 옵션으로 가득합니다. 마찬가지로, 웹사이트에서 빠르게 이탈하는 사용자를 포착할 수 있는 프리로더를 생성할 수도 있습니다.

시작하려면 콘텐츠를 로드하는 데 실제로 약간의 시간이 필요하고 웹사이트의 중요한 측면인 페이지에 대해서만 프리로더를 생성해야 합니다.

놀라운 웹사이트 만들기

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

지금 시작

프리로더를 배치할 페이지를 결정했으면 웹사이트와 특정 페이지에 적합한 SVG 또는 GIF 를 찾으십시오. Icons8 은 프리로더 애니메이션의 정말 유명한 소스입니다.

Elementor에서 SVG 형식 파일을 가져오는 방법을 모르는 경우 튜토리얼을 확인 하세요 .

다음으로, 특정 페이지에 사용하거나 전체 웹 사이트에 사용하는 두 가지 방법으로 웹 사이트에서 프리로더를 사용할 수 있습니다.

  • 전체 웹사이트에 프리로더를 사용하려면 헤더 템플릿새 섹션 을 만드세요.
  • 특정 페이지에 프리로더를 사용하려면 페이지 상단에 새 섹션 을 만드십시오.

이 두 경우 모두 섹션의 설정을 No Gap 으로 변경해야 합니다.

설정이 완료되면 화면 왼쪽의 요소 탭 으로 이동하여 HTML을 선택 합니다 .

HTML 필드에 다음 코드를 추가하고 Preloader URL 을 자신의 것으로 변경해야 합니다.

>div class="loader" /divscript/scriptstyle/style

코딩에는 초보자가 필요한 경우 일종의 변경을 할 수 있도록 해설 설명이 있습니다.

마지막으로 Preloader를 게시 하고 완벽하게 작동하는지 확인하십시오. 이것이 WordPress 웹사이트에서 Elementor 로 프리로더를 만드는 방법입니다.

이 튜토리얼이 웹사이트 사용자를 유지하고 웹사이트를 훨씬 더 전문적으로 보이게 하는 데 도움이 되기를 바랍니다. 이것이 이 튜토리얼의 전부입니다. Twitter 및 Facebook에 가입하여 콘텐츠에 대한 최신 정보를 받아보세요.