라공

[라공에디션] 트랜스폼 메뉴 위젯

10,000원

위젯메뉴메뉴홈페이지꾸미기
트랜스폼위젯메뉴.png

구매 추천

코드를 어떻게 하라는 건지 모르겠다. 설치가 쉬웠으면 좋겠다.
CSS란 무엇인가. 관리 페이지에서 만질 수 있으면 좋겠다.
가끔은 위젯 위치를 옮기거나 숨길 수 있었으면 좋겠다.
하위 메뉴를 쓰고 싶어! 디자인은 깔끔해야 해!

꾸미기도 쉬웠으면 좋겠어!!!


가로 세로, 정렬, 자간 행간, 아이콘, 이미지, 폰트, 위치 조정 등
아무튼 기본 메뉴에서 무언가 커스텀하고 싶다?!

clipboard_1764608995853.png

clipboard_1764608397521.png
clipboard_1764608163619.png

요약

1. 코드 고치기? NO

파일 업로드 후 관리자 페이지에서 활성화!

2. CSS? NO.

모두가 읽을 수 있는 페이지에서 다 합니다.


3. 숨기기? 이동? 하위메뉴? YES.

위젯메뉴-위치.gif

설치법

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

사용법

· 메뉴 설정: 관리자 페이지 메뉴 관리
· 꾸미기: 관리자 페이지 디자인 설정

 

메뉴 이름

메인 메뉴: 평범하게 쓰고 싶은 메뉴 이름을 씁니다.

하위 메뉴: 앞에 ㄴ을 붙여서 씁니다. (한글)

구분선: 구분선이라고 씁니다.

메뉴 아이콘

폰트 어썸 접속

무료 아이콘을 골라 주세요. 오른쪽의 html을 클릭하시면 복사됩니다.

 
<i class="fa-solid fa-house"></i>

위에 적혀있는 부분 중 파란색 영역만 잘라서 메뉴 아이콘란에 넣습니다.

 

디자인 관리 페이지

 

헤더 설정을 사용으로 두시고 헤더 위치와 관계 없이 헤더 높이를 '0'으로 둡니다.

저장 한 번 하고, 헤더 '사용 안함'으로 바꿔주세요.

위젯 관리 페이지

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

'TOP'으로 활성화된 경우, 비활성화 후 'Main'으로 다시 변경.

스크린샷 2025-12-02 010013.png

여기에서 '설정'을 누르셔도 위젯의 모습은 보이지 않습니다! (정상)

관리자 페이지 바깥으로 나가줍니다.


clipboard_1764762419570.png

이미 편집된 제 메뉴입니다만 ^/////^.....

이 중 표시된 아이콘이 메뉴 편집 버튼입니다.

커스텀 가능한 옵션은 다음과 같습니다.

스크린샷 2025-12-03 204812.png
스크린샷 2025-12-03 204824.png

스크린샷 2025-12-03 204830.png
스크린샷 2025-12-03 204835.png


모바일

clipboard_1764762888466.png
  • 이미지 출력은 사용하지 않음
    • 로드 시 데이터 소모, 이미지 자체의 최적화가 되어있지 않을 수도 있음 등을 고려
  • 아이콘 출력은 사용 가능
  • 텍스트 출력을 사용하지 않더라도, 모바일 환경에서는 모든 텍스트를 출력



메뉴, 로고 이미지 삽입 시 너무 큰 사이즈의 이미지를 넣지 마세요!

## 포함 파일

ajax.php
config.php
menu_widget.php
settings_modal.php
style.css
widget.php

**총 6개 파일**

테스트 환경

php 8.2 / 라공 에디션

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



구매 전 확인 사항

BGM 재생 관리 항목은 없습니다.



주의사항

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

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

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

등록된 FAQ가 없습니다. QnA 게시판에서 문의해주세요.

251202_0 발행

251203_0 업데이트
  • 추가 버튼(로그인, 관리자)의 아이콘 크기가 폰트 크기를 따라가도록 변경
  • 관리자인 경우, 관리 페이지가 아니더라도 위젯 드래그 이동이 가능하도록 변경
  • 모든 색상 필드에 투명도 슬라이더 추가
  • 위젯 설정
    • 관리자 페이지 > 위젯 관리의 설정을 사용하지 않도록 변경
      • 사용할 수는 있으나 실시간 미리보기 출력이 안 됩니다!
    • 위젯 편집 버튼을 별도로 생성하여 관리자 페이지가 아니어도 편집할 수 있도록 수정
  • 모바일 호환
    • 이미지 출력은 사용하지 않음
      • 로드 시 데이터 소모, 이미지 자체의 최적화가 되어있지 않을 수도 있음 등을 고려.
    • 아이콘 출력은 사용 가능
    • 텍스트 출력을 사용하지 않더라도, 모바일 환경에서는 모든 텍스트를 출력.
251204_0 업데이트
  • 하위 메뉴 클릭 시 모든 메뉴의 하위 메뉴가 접히도록 수정
  • '드래그로 위치 조정 가능' 체크 해제 시 드래그 핸들이 뜨지 않도록 수정
  • 로고 클릭 시 노래 끊기던 문제 수정
251205_0 업데이트
  • 특정 페이지에서 메뉴가 숨겨질 수 있도록 변경
  • 출력을 TOP > Main으로 변경
  • 텍스트가 없을 때에는 이미지에 여백 적용하지 않음 > 아이콘도 적용되지 않던 문제 수정(1205_15:54)
  • 로그인/로그아웃, 메뉴 편집, 관리자용 버튼은 아이콘 표시 여부와 관계 없이 항상 아이콘 표시
  • 메뉴에 마우스 오버 시 위로 살짝 들리는 효과 추가
  • 관리자 > 메뉴 추가/수정 시 이미지 설정이 초기화 되는 문제
  • 사용하지 않는 이미지 삭제에 사용 중인 로고, 메뉴 배경이 포함되는 문제
  • 메인 스킨에서 iframe으로 출력한 게시판 내부에 메뉴(모바일이 아니더라도)가 생기지 않도록 수정 (1205_16:07)
251208_0 업데이트
  • 세로정렬 메뉴를 우측에 붙였을 때 하위메뉴가 우측에 떠서 보이지 않는 문제
  • 관리자 페이지 > 메뉴 관리 > 메뉴 수정 시 위젯 메뉴의 메뉴별 이미지 매핑이 초기화 되는 문제
251216_0 업데이트
  • 게시판 혹은 게시글 공유 링크로 접속시 메뉴가 뜨지 않는 현상
  • 메뉴 및 하위 메뉴의 폰트 설정이 리셋되는 문제
260101_0 업데이트
  • 위치 방식이 '기본'일 때 메뉴가 눌리지 않는 현상
  • 관리자 위젯 관리 페이지에서 메뉴 위치 방식을 수정하였을 때, '설정이 저장되었습니다' 창이 여러 번 출력 되는 현상
  • 위치 방식이 '상대'일 때, 가로 위치는 수정하면 메뉴가 이동하나 세로 위치는 수정해도 메뉴가 움직이지 않고 상단에 고정되어 있는 현상
  • 구분선 설정 후 저장하면 구분선이 2개씩 보이는 문제
  • hover 시 설정 한 색상이 적용되지 않는 문제
예정
대문 로그인 페이지에서 숨기기
메인 메뉴 아이콘 배치 옵션(가로, 세로)
메인 메뉴 텍스트 그림자 옵션
메인 메뉴 세로 오프셋 추가
로고 텍스트 그림자 옵션
메뉴 편집 모달에서 메뉴가 눌리지 않도록 수정
×