워플 반짝이 버튼 플러그인 설치 방법 — 4단계 완전 가이드 

작성자:admin 마지막 수정일:
워플 반짝이 버튼 플러그인 설치 방법 — 4단계 완전 가이드 | dobyclick
플러그인 설치 가이드

워플 반짝이 버튼 플러그인 4단계 설치 방법
— WPlaybook All100 Custom Block

wplaybook-button 클래스 하나로 버튼에 살아있는 Shimmer 반짝임 효과를 적용하는 워플 올백 애드온 커스텀 블록 플러그인. 설치부터 활성화까지 4단계로 완벽하게 안내합니다.

🕒 소요 시간 약 3분 📦 .zip 파일 설치 ✅ 워드프레스 관리자 필요
📋 이 가이드에서 다루는 내용
  • 1
    플러그인이란? 무엇을 해주나요
  • 2
    .zip 파일 다운로드 — 커스텀 블록 링크 클릭
  • 3
    워드프레스 플러그인 업로드 화면 이동
  • 4
    .zip 파일 Drag & Drop 업로드
  • 5
    설치 완료 및 플러그인 활성화

ℹ 이 플러그인이 하는 일

워플 올백 애드온 커스텀 블록 플러그인은 버튼을 예쁘게 반짝이게 만들어주는 아주 간단한 워드프레스 플러그인입니다. 버튼에 wplaybook-button 클래스만 추가해 주시면 바로 적용됩니다.

이 플러그인은 가볍고 최적화된 CSS 파일을 워드프레스 사이트에 로드해 줍니다. wplaybook-button이라는 클래스가 추가된 어떤 요소(버튼, 링크 등)든 살아 숨 쉬는 듯한 예쁜 Shimmer 애니메이션을 부여해 줍니다.

⚠️
이 플러그인은 워플 올백 애드온 커스텀 블록을 구매한 분들을 위한 플러그인입니다. 아직 구매하지 않으셨다면 아래 구매 링크를 먼저 확인하세요.
구매 먼저 필요해요

💡 워플 올백 애드온 커스텀 블록 구매하기

반짝이 버튼 효과 플러그인을 사용하려면 워플 올백 애드온 커스텀 블록을 먼저 구매해야 합니다.

👉 워플 올백 애드온 구매 페이지 바로가기

1 .zip 설치 파일 다운로드

Step 01 커스텀 블록 링크에서 zip 파일 받기

.zip 설치 파일을 다운받아야 하는데, 워플 올백 애드온 커스텀 블록을 추가할 때 자동 생성되는 링크를 클릭하면 됩니다.

반짝이는 버튼 블록 추가 → 자동 생성 링크 클릭 → wplaybook-all100-custom-block.zip 다운로드
반짝이는 버튼 블록 추가 시 자동 생성되는 플러그인 다운로드 링크
반짝이는 버튼 블록 추가 시 자동 생성되는 플러그인 다운로드 링크
💡
링크가 보이지 않는다면 구매 완료 후 워플 커뮤니티 계정에 로그인한 상태인지 확인하세요.

2 워드프레스 플러그인 추가 화면 이동

Step 02 관리자 로그인 → [플러그인] → [새로 추가]

워드프레스 관리자 홈페이지에 로그인한 뒤, 왼쪽 사이드바에서 아래 순서로 이동합니다.

🔑 관리자 로그인 → 🔌 플러그인 → ➕ 새로 추가 → 📤 플러그인 업로드
워드프레스 관리자 → 플러그인 → 새로 추가 메뉴
워드프레스 관리자 → 플러그인 → 새로 추가 메뉴
플러그인 추가 화면 상단의 [플러그인 업로드] 버튼 클릭
플러그인 추가 화면 상단의 [플러그인 업로드] 버튼 클릭

화면 상단의 [플러그인 업로드] 버튼을 클릭하면 zip 파일을 올릴 수 있는 영역이 펼쳐집니다.

💡
사이드바에 [플러그인] 메뉴가 보이지 않는다면 관리자(Administrator) 권한으로 로그인했는지 확인하세요.

3 .zip 파일 Drag & Drop 업로드

Step 03 zip 파일을 업로드 영역에 끌어다 놓기

[플러그인 업로드] 버튼을 클릭하면 zip 파일을 올릴 수 있는 영역이 나타납니다. 다운로드한 wplaybook-all100-custom-block.zip 파일을 해당 영역으로 드래그&드롭하거나, 클릭해서 파일을 직접 선택해도 됩니다.

📁 zip 파일 선택 or 드래그 → 지금 설치 클릭
.zip 파일을 업로드 영역에 드래그&드롭
.zip 파일을 업로드 영역에 드래그&드롭
⚠️
반드시 .zip 형식 그대로 올려야 합니다. 압축을 풀어서 올리면 설치가 되지 않아요.

4 설치 완료 및 플러그인 활성화

Step 04 플러그인 활성화 버튼 클릭

업로드가 완료되면 “플러그인을 성공적으로 설치했습니다.”라는 메시지와 함께 [플러그인 활성화] 버튼이 나타납니다. 이 버튼을 클릭하면 설치가 완전히 끝납니다.

✅ 플러그인 활성화 클릭 → 설치한 플러그인 목록 확인
설치 완료 후 [플러그인 활성화] 버튼 클릭
설치 완료 후 [플러그인 활성화] 버튼 클릭

설치 후 [플러그인] → [설치한 플러그인] 목록에서 WPlaybook All100 Custom Block이 활성화된 것을 확인할 수 있습니다.

설치한 플러그인 목록에서 WPlaybook All100 Custom Block 확인
설치한 플러그인 목록에서 WPlaybook All100 Custom Block 확인
✅
이제 버튼이나 링크 요소에 wplaybook-button 클래스를 추가하기만 하면 Shimmer 반짝임 애니메이션이 자동으로 적용됩니다!
🗒 설치 과정 한눈에 보기
1
워플 커스텀 블록 링크에서 .zip 파일 다운로드
2
워드프레스 관리자 → [플러그인] → [새로 추가] 이동
3
[플러그인 업로드] 클릭 → .zip 드래그&드롭 → [지금 설치]
4
[플러그인 활성화] 클릭 → 설치 완료 ✅

? 자주 묻는 질문 (FAQ)

반짝이 버튼 플러그인을 사용하려면 구매가 필수인가요?
네, 이 플러그인은 워플 올백 애드온 커스텀 블록 구매자를 위한 플러그인입니다. 구매 후 자동 생성되는 링크를 통해 .zip 파일을 받을 수 있습니다.
wplaybook-button 클래스는 어디에 추가하나요?
워드프레스 블록 에디터(구텐베르크)에서 버튼 블록을 선택한 뒤, 오른쪽 설정 패널의 [추가 CSS 클래스] 항목에 wplaybook-button을 입력하면 됩니다. HTML 직접 편집 시에는 class 속성에 추가하면 됩니다.
zip 파일을 업로드했는데 오류가 발생해요.
파일 크기 제한(보통 8MB~64MB)이나 PHP 설정 문제일 수 있습니다. 호스팅 관리자 패널에서 업로드 제한을 확인하거나, FTP로 직접 /wp-content/plugins/ 폴더에 업로드하는 방법을 사용할 수 있습니다.
플러그인 활성화 후 반짝임 효과가 안 보여요.
버튼 요소에 wplaybook-button 클래스가 정확히 추가되었는지 확인하세요. 또한 캐시 플러그인을 사용 중이라면 캐시를 삭제한 후 다시 확인해보세요.
워드프레스 등록 정보 (Rank Math)
포커스 키워드
워플 반짝이 버튼 플러그인 설치
URL Slug
wplaybook-shimmer-button-plugin-install
메타 제목
워플 반짝이 버튼 플러그인 설치 방법 — 4단계 완전 가이드
메타 디스크립션
워플 올백 애드온 커스텀 블록 플러그인 설치 방법을 4단계로 안내합니다. wplaybook-button 클래스 하나로 버튼에 Shimmer 반짝임 효과를 바로 적용하세요.
카테고리/태그
워드프레스 / 플러그인설치, 워플, shimmer버튼, wplaybook
이미지 ALT 예시
워플 반짝이 버튼 플러그인 설치 화면 — wplaybook-button 클래스 적용

© 2025 dobyclick.com — 클릭 한 번이 쉬워지는 블로그

관련 글 보기