로프트로더

설명

작고 강력합니다. 로프트로더는 아름다운 애니메이션 프리로더를 웹 사이트에 추가하고 코드를 작성하지 않고도 모양을 완전히 제어할 수 있도록 도와줍니다.

기능 및 옵션

  • 워드프레스 커스터마이저가 포함된 향상된 설정 패널.
  • 더 나은 성능을 위한 순수 CSS3 애니메이션. 모든 최신 브라우저에서 작동합니다.
  • JavaScript를 사용하여 페이지가 완전히 로드되었는지 감지합니다.
  • 5 엔딩 애니메이션 효과.
  • 7 로딩 애니메이션 효과. 그 중 2개는 커스텀 이미지를 지원합니다.
  • 무제한 배경색. 또한 불투명도를 변경할 수 있습니다.
  • 무제한 로더 색상.
  • 한 사이트의 다른 페이지에 대해 다른 로더를 추가할 수 있습니다(v2.0 이후의 새로운 기능. “페이지”에서만 작동합니다.).
  • 반응성 및 레티나 지원.
  • 프리로더를 활성화/비활성화하는 옵션입니다.
  • 사이트 홈페이지에서만 프리로더를 활성화하는 옵션.
  • 닫기 버튼을 눌러 로딩 화면을 종료합니다. 사용자는 닫기 버튼을 표시할 시기(범위: 5~20초)를 설정하고 닫기 버튼 텍스트를 사용자 정의할 수 있습니다.
  • 번역 준비 완료(.pot 파일 포함).
  • 가볍고 빠릅니다. SASS로 코딩했습니다. CSS 및 JS가 축소되었습니다.

온라인 설명서

플러그인 사용 방법을 알아보려면 링크를 클릭하여 온라인 설명서를 확인하십시오. 프로 버전의 문서입니다. 그러나 여전히 Lite 버전 기능 세부 정보를 찾을 수 있습니다.

문의 방법

로프트로더를 사용하는 동안 질문이 있거나 문제가 발생하면 지원 포럼에서 주제를 생성하세요. 이메일을 통해 문의하는 경우 귀하의 질문이 로프트로더 라이트에 해당한다고 표시하십시오.

지원 요청을 빠르게 처리하려면 아래 단계를 따르십시오.

  • 최신 버전의 워드프레스, 테마 및 플러그인으로 업데이트하세요.
  • 온라인 설명서FAQ를 먼저 확인하세요.
  • 이 가이드에 따라 테스트하여 다른 플러그인과 충돌하는지 확인하세요. 또는 테마.
  • 여전히 해결 방법을 찾을 수 없는 경우 당사에 문의하십시오.
  • 지원 요청을 제출할 때 가이드를 따르세요.

프로 버전

로프트로더 프로를 사용할 수 있습니다. 프로 버전으로 업그레이드하고 더 멋진 기능을 이용하세요!

  • Handpick – 특정 페이지 또는 게시물에 대해 프리로더를 켭니다.
  • 선택한 게시물 유형(제품, 포트폴리오 등)에 대한 프리로더를 숨깁니다.
  • 방문자 세션당 프리로더를 한 번 표시하는 옵션입니다.
  • 그라데이션 배경색, 전체 배경 이미지 및 반복되는 배경 패턴을 지원합니다.
  • 더 많은 엔딩 애니메이션.
  • 로더 – 선택할 수 있는 19가지 유형의 애니메이션. 그 중 6개는 사용자 지정 이미지를 지원합니다.
  • 반복 – 애니메이션은 영원히 반복되도록 설정할 수 있으며 일부 애니메이션은 한 번만 실행되도록 설정할 수 있습니다(페이지가 로드된 후 종료됨).
  • 진행률 – 진행률 표시줄, 백분율 계산 또는 둘 다. 모든 색상. 위치, 크기 및 글꼴 제어.
  • 메시지 – 표시할 사용자 지정 환영 또는 로드 메시지를 입력합니다. 색상, 위치 및 글꼴을 제어합니다. 그리고 랜덤 메시지 기능을 지원합니다.
  • 로드 시간 – 프리로더가 너무 빨리 사라지지 않도록 최소 로드 시간을 설정합니다.
  • 장치 제어 – 모든 장치에서 로딩 화면을 표시하거나, 모바일에서 숨기거나, 모바일에서만 표시하도록 선택합니다.
  • 부드러운 페이지 전환 효과를 활성화하는 옵션입니다. 예시를 확인하세요.
  • 사용자 지정 스타일을 <head>의 인라인 스타일 또는 외부 .css 파일로 저장하도록 선택합니다.
  • 로드하는 동안 페이지 스크롤을 비활성화하는 옵션.
  • 한 사이트에서 다양한 페이지, 게시물 및 사용자 지정 게시물 유형(예: 포트폴리오, 제품 등)에 대해 서로 다른 로더를 추가할 수 있습니다.
  • 사용자는 로드 프로세스 중에 감지할 요소를 선택할 수 있습니다(모든 요소/이미지/비디오/이미지 및 비디오).
  • 한 번 구매하면 새로운 기능으로 평생 무료 업데이트됩니다.

프로 버전에서 만든 몇 가지 예제를 확인하세요.

참고: 로프트로더 라이트(무료 버전)는 이전 버전의 워드프레스(v4.7 이하)에서 실행할 수 있지만 로프트로더 프로는 워드프레스 v4.7 이상만 지원. 프로 버전에는 WordPress 4.7 이후에 도입된 몇 가지 새로운 기능을 포함하여 라이트 버전보다 더 많은 기능이 있기 때문입니다. 테마 및 기타 플러그인과의 호환성을 보장하기 위해 항상 최신 버전의 워드프레스를 사용하는 것이 좋습니다.

스크린샷

  • 로프트로더 설정 패널
  • 로프트로더 배경 설정
  • 로프트로더 로더 설정
  • 프로 버전: 설정 패널
  • 프로 버전: 커스텀 이미지 로딩
  • 프로 버전: 그라데이션 배경
  • 프로 버전: 배경 이미지
  • 프로 버전: 로드 시간, 장치 제어 및 부드러운 페이지 전환

설치

  1. WordPress.org 플러그인 디렉토리를 통하거나 파일을 서버(/wp-content/plugins/ 디렉토리)에 업로드하여 플러그인을 설치하십시오.
  2. 워드프레스의 ‘플러그인’ 메뉴를 통해 로프트로더 플러그인을 활성화합니다.
  3. 워드프레스 관리 화면에서 설정 > 로프트로더 Lite로 이동하여 설정을 확인합니다.

FAQ

활성화/비활성화에 대한 변경 사항 없음

  • 캐싱 플러그인을 설치한 경우 캐시를 지우십시오.

로프트로더가 제대로 작동하지 않습니다.

  • 사이트에서 캐시/성능 최적화 플러그인을 사용하는 경우 사이트의 모든 JavaScript를 페이지 바닥글로 이동할 수 있습니다. 그러나 로프트로더의 JavaScript는 페이지의 < head >에 넣어야 가능한 한 빨리 실행될 수 있습니다. 많은 캐시/성능 최적화 플러그인에는 일부 코드/파일이 집계 및 최소화되는 것을 건너뛸 수 있는 “제외” 기능이 있습니다. 이런 종류의 문제를 해결하려면 로프트로더의 파일을 제외하십시오.

후기

2024년 2월 18일
I tried 5-7 plugins named “Loader” or “Preloader”, but all they do is load an image/animation with a timer. These plugins I tried are all fake. When I load my page with a 3G connection (slow loading), the preloader disappears after 2-3 seconds but my image from the front page is still loading. The LoftLoader plugin waits for the page to load fully, and then hides the preloader. Yes, it uses JS, and the conflicts with other JS code are possible, but only with CSS, this real preloader disappearing is not possible. Thanks for the plugin!
모든 32 평가 읽기

기여자 & 개발자

“로프트로더”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“로프트로더”(이)가 2 개 언어로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “로프트로더”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

2.5.0

  • 개선: 설정 패널 스타일 개선
  • 개선: 워드프레스 6.6과의 호환성

2.4.0

  • 신규: 새로운 엔딩 애니메이션 – “애니메이션 없음”
  • 수정: 타사 플러그인 “블로그 비활성화”와의 호환성
  • 개선: 워드프레스 6.1과의 호환성

2.3.8

  • 신규: 플러그인 비활성화 후 플러그인 데이터를 제거하는 옵션
  • 개선: 워드프레스 5.9와의 호환성

2.3.7

  • 개선: 워드프레스 5.8과의 호환성

2.3.6

  • 개선: 이미지 요소에 너비 및 높이 속성 추가
  • 개선: 대부분의 합성되지 않은 애니메이션 제거

2.3.5

  • 개선: 워드프레스 5.6과의 호환성

2.3.4

  • 수정: 드물게 일부 테마의 잠재적인 호환성 문제

2.3.3

  • 개선: 드문 경우에 잠재적인 호환성 문제

2.3.2

  • 개선: 워드프레스 5.5와의 호환성

2.3.1

  • 수정: 로더 설정 시 미리보기 영역이 표시되지 않음

2.3

  • 개선: 테마 커스터마이저를 열 때 로더 숨기기
  • 개선: 타사 페이지 빌더 플러그인으로 콘텐츠를 편집할 때 로더 숨기기
  • 개선: Any Page Extension 기능으로 로더를 생성할 때 데이터 속성 추가(더 나은 디버깅을 위해)
  • 수정: 모든 페이지 확장 기능이 활성화된 경우 Gutenberg와 충돌 가능성 있음
  • 수정: 사소한 CSS 문제

2.2.2

  • 개선: 지연 로딩 기능과의 호환성
  • 개선: 로프트로더 JavaScript 코드(외부 또는 인라인)를 로드하는 방법에 관계없이 동일한 JS 코드가 로드됩니다.
  • 수정: 모든 페이지 단축 코드가 전역 설정을 기본 설정으로 상속합니다.

= 2.2.1=
* 수정: 로프트로더 JavaScript를 인라인 JavaScript로 로드하도록 선택할 때 최대 로드 시간이 작동하지 않았습니다.

= 2.2.0
* 신규: 최대 로드 시간을 설정하는 옵션
* 개선: 더보기 섹션의 옵션 재정렬
* 수정됨: 모든 페이지 확장 – 단축 코드가 우커머스 쇼핑 페이지에서 작동하지 않음

= 2.1.12
* 수정됨: 워드프레스 5.3용 로프트로더 설정 패널의 사소한 스타일 문제
* 수정됨: RTL 사이트용 설정 패널 UI의 사소한 CSS 문제

2.1.11

  • 수정: ConveyThis 번역 플러그인과의 호환성 문제
  • 수정: 미디어 라이브러리가 로프트로더 설정 패널에 표시되지 않음

2.1.10

  • 수정: Custom Image Loading 로더로 로드하는 동안 이미지가 움직입니다.
  • 변경됨: 설정 페이지의 프로 버전 링크

2.1.9

  • 수정: 두 플러그인이 모두 활성화된 경우 로프트로더 프로 버전과의 호환성 문제

2.1.8

  • 수정: 유지 관리/출시 예정 플러그인과의 호환성 문제

2.1.7

  • 신규: 로프트로더의 JavaScript를 로드하는 방법을 선택하는 옵션(외부 또는 인라인)
  • 수정: Gutenberg “Update” 페이지 확장 옵션만 변경한 후 버튼을 클릭할 수 없음
  • 수정: 사소한 CSS 문제

2.1.6

  • 개선: Gutenberg 사이드바에 맞게 재설계된 모든 페이지 확장 메타 상자

2.1.5

  • 수정: 닫기 버튼에 대한 설명이 모든 페이지 확장 프로그램에서 작동하지 않음
  • 수정: 사소한 CSS 문제

2.1.4

  • 수정: 이 플러그인의 스크린 리더 텍스트에 대한 CSS 추가(닫기 버튼의 “닫기” 텍스트는 스크린 리더 전용이며 화면에 표시되지 않아야 함)

2.1.3

  • 신규: 닫기 버튼 및 관련 설정 추가

2.1.2

  • 수정: 사용자 정의 > 메뉴 패널에 영향을 미치는 호환성 문제.
  • 수정: RTL 사이트용 설정 패널 UI의 사소한 CSS 문제

2.1.1

  • 수정: WordPress v4.9의 설정 패널 UI 호환성 문제

2.1.0

  • 개선: 로프트로더 커스터마이저 패널 독립성(따라서 테마 또는 기타 플러그인 코드의 영향을 받지 않음)
  • 신규: 로더 섹션 – 새 로더 애니메이션: 비팅
  • 수정: 사소한 CSS 문제

2.0.0

  • 변경: 프레임워크 재작성, 모든 설정을 wp customize로 이동
  • 추가: 모든 페이지 확장

1.0.2

  • 수정: 버그가 발생하기 전에 로드
  • 수정: 웨이브 애니메이션 사소한 버그
  • 추가: 설정 페이지의 프로 버전 링크

1.0.1

  • 사이트 홈페이지만 지원 추가

1.0.0

  • 최초 공개 릴리스