페이지가 로드될 때 로딩 화면 표시하기
페이지가 완전히 로드될 때까지 '잠시만 기다려주세요'라는 문구나 로딩 이미지가 표시되는 경우가 많습니다.
워드프레스의 경우 Avada, The 7 등 유료 테마를 사용하는 경우 이런 효과가 구현되어 있는 경우가 종종 있습니다.
만약 이런 효과를 워드프레스에서 구현하려면 직접 코딩을 하거나 플러그인을 사용할 수 있습니다.
이와 같은 기능을 하는 플러그인으로 Preloader와 Loading Page with Loading Screen 정도가 있습니다.
무료 플러그인으로 만족하지 못하는 경우에는 유료 플러그인을 고려해볼 수 있습니다. 유료 플러그인으로는 PageLoader 정도가 있습니다.
PageLoader: Loading Screen and Progress Bar for WordPress
The Loading Bar WordPress Plugin라는 플러그인도 있지만 업데이트가 안 된지 조금 오래되었네요.
업데이트:
Preloader Plugin In WordPress - Preloader Awesome Pro라는 워드프레스 플러그인이 2020년 10월에 코드캐년 마켓에 추가되었습니다. 원하는 기능을 제공하는지 체크해보시기 바랍니다.
코드로 구현하려는 경우 다음 글을 참고해보시기 바랍니다.
- How can I create a “Please Wait, Loading…” animation using jQuery? (jQuery를 사용하여 "잠시만 기다려 주세요. 로드 중입니다..."를 만드는 방법)
- Display a loading icon until the page loads completely (페이지가 완전히 로드될 때까지 로딩 아이콘 표시하기)