라공

[라공에디션] 스티커 위젯

10,000원

스티커위젯홈페이지꾸미기

구매 추천

코드를 어떻게 하라는 건지 모르겠다. 설치가 쉬웠으면 좋겠다.
CSS란 무엇인가. 관리 페이지에서 만질 수 있으면 좋겠다.

꾸미기도 쉬웠으면 좋겠어!!!
스티커위젯.gif

설치법

/html/widget에 들어갑니다.
압축을 푼 폴더를 통째로 드래그 해서넣습니다.
(닷홈 기준) html/widget/widget_sticker/내부 파일들 이런 경로가 됩니다. 설치 끝!!!!!


설치 경로에 설치하셨다면, 환경설정-위젯 관리에서 'Main'으로 둔 뒤 활성화 시켜주세요.

스크린샷 2025-11-25 212839.png

설정으로 들어가, 테이블 설치를 해줍니다.
설치 이후 새로고침 해주세요!
스크린샷 2025-11-25 212848.png

위젯 설정: 관리자 페이지

기능

1. 프리셋 별 출력

기본 프리셋

스크린샷 2025-11-26 195552.png
전체 페이지에 출력하며, '화면 고정(fixed)'로 해둡니다.
'게시판'에서 출력하는 게 아니라 그 위에 레이어를 올린다고 생각하시면 됩니다.
fixed에 올라간 스티커들은, 화면 이동에 따라 같이 움직입니다.

프리셋 생성

스크린샷 2025-11-26 191456.png
특정 게시판에서만 스티커를 보이게 하고 싶을 경우,
새로운 프리셋을 생성하여 원하는 게시판을 선택해 주세요.
여러 개 선택도 가능합니다.

이때, 화면 이동에 따라 같이 움직일 거라면 위치 기준을 '화면 고정'으로 해주시고
화면 이동과 별개로(스크롤 등) 움직일 거라면 '페이지 콘텐츠'로 해주세요.

2. 스티커 라이브러리

clipboard_1765441677189.png
clipboard_1764155246819.png

화면 좌측 하단의 버튼(통합 위젯 툴바)을 통해 라이브러리를 열 수 있습니다.

원하는 프리셋을 선택한 후, 업로드 한 이미지를 더블클릭합니다.

clipboard_1764155211239.png
우측의 편집 버튼을 통해 '편집중'에 진입하여야 스티커 편집이 가능합니다.
원하는 스티커가 비활성 상태(회색)로 보일 경우 다른 프리셋을 선택한 겁니다.
저장 시에는 편집중을 다시 클릭하여, 편집모드를 종료해 주세요.

3. 스티커 편집

clipboard_1764155501207.png
clipboard_1764155755127.png

외에, 위치 고정을 선택할 경우
화면 크기와 상관 없이 px로 고정됩니다.

구매 전 유의사항을 꼭 읽어주세요.


## 포함 파일

ajax.php
config.php
install.sql
library_modal.php
script.edit.js
script.js
settings_modal.php
sticker_widget.php
style.css
style.edit.css
uninstall.sql
widget.php

**총 12개 파일**

테스트 환경

php 8.2 / 라공 에디션

mysql 8.0 (닷홈의 경우 호스팅 관리 > 상세보기 > DB 정보 확인)

구매 전 확인 사항

인터넷 창 크기를 조정할 경우 가로/세로 크기에 따라 화면 내 요소 크기도 바뀝니다.

특히, 메인 게시판(스킨 포함)의 경우 화면 정중앙에서 출력되도록 되어있어 요소 위에 딱 맞는 스티커 출력이 불가능합니다.

본문에도 적혀있지만, 스티커를 게시판 자체에서 출력하는 게 아니라 스티커 레이어를 추가한 거라서요!

게시판 출력 시 최대한 어긋나지 않도록 해두었지만, 해상도에 따라 위치 차이가 나는 건 정상입니다.

주의사항

스킨 오류 외 스타일 커스텀 및 기능 추가에 대한 문의는 답변하지 않습니다.

외에, 커스텀이 많이 들어간 홈페이지의 경우엔 답변이 어렵습니다 ㅠㅠ

추가적인 안내가 생길 경우 갱신하겠습니다!


라공 에디션 1.1.0 이상에서 호환됩니다.


Q. 창 크기를 바꿨더니 스티커 위치가 바뀌었어요.

A. 유의사항을 다시 한 번 체크해 주세요. 

궁금한 사항이 해결되지 않으셨나요? QnA 게시판에서 문의하실 수 있습니다.

251126_0 발행
251204_0 업데이트
  • 스티커 기울기 기능 추가
251211_0 업데이트
  • 등장 애니메이션 삭제
  • 라이브러리 토글 화살표를 삭제 후 통합 위젯 툴바 내로 이동
×