자료실

Thumbnail

Lucent

2026.05.31
3
13
자료 유형 레이아웃
간단한 소개 깨끗하고 모던한 글래스모피즘 반응형 레이아웃
설치 경로 ./layouts/lucent
코어 지원 범위 Rhymix 2.0 이상
PHP 지원 범위 PHP 7.4 이상
자료 구분 공개 자료 GPL v2
저장소 URL https://github.com/nginx-x/rhymix-lucent-layout
버전날짜용량다운로드 수
1.1.0 2026.06.03 48.1KB 11
1.0.0 2026.06.01 47.2KB 2

preview.png

 

Rhymix CMS에서 사용하는 깨끗하고 모던한 글래스모피즘 반응형 레이아웃입니다.

 

10가지나 되는 다양한 컬러 프리셋을 지원하며, 관리자 페이지에서 원하는 대로 커스텀도 가능합니다.

다크모드도 기본 지원하며 모바일 대응이 되어 있습니다.

 

다만 TailwindCSS를 사용하므로 수정 필요 시 src/input.css를 수정하신 뒤 아래와 같이 실행하시기 바랍니다.
cd layouts/lucent
npm install        # 최초 1회
npm run build      # src/input.css -> lucent.layout.css (minify)
npm run dev        # 변경 감시(watch) 모드

가벼운 수정이라면 lucent.layout.css를 직접 편집해도 되지만, 재빌드 시 덮어쓰입니다.

 

게시판 스킨도 짝으로 개발했으니 같이 사용해보시기 바랍니다.

 

 

-------v1.1.0 update

ncenterlite 모듈 스킨도 lucent 패밀리로 릴리즈하면서 지원하도록 변경합니다.

ncenterlite 모듈 스킨을 lucent 패밀리로 사용하지 않고, default 스킨으로 사용하고 싶다면 업데이트하지 않아도 되며,
레이아웃 설정 페이지에서 종 버튼 사용을 OFF로 설정하면 됩니다.

 

nginx Lv. 2

nginx님의 다른 자료

Thumbnail
스킨 | 공개
깨끗하고 모던한 글래스모피즘 게시판 스킨
Thumbnail
스킨 | 공개
Lucent 레이아웃과 어울리는 회원 스킨
Thumbnail
스킨 | 공개
Lucent 레이아웃과 어울리는 알림센터 스킨
Thumbnail
레이아웃 | 공개
관리자의 사용성 개선

댓글 9

  • 워.....왜 이리 이쁜가요..

  • @skyo

    감사합니다. 기회가 된다면 더 개선해 보겠습니다

  • @nginx

    네. 회원 모듈 스킨 같이 잘 안보이는건 둘쨰치고 알림센터같이 매일 보는 스킨이 이쁜 레이아웃과 어울리는게 너무 없는게 문제 아닌 문제 입니다. 그러니까 이 레이아웃이 기존 알림센터 스킨들에 비해 너무 이쁜게 문제(?) 아닌 문제네요..

  • @skyo

    보통 저장용으로 쓰다보니 알림센터는 생각을 하지 않았었습니다.

    한번 작업해 보겠습니다. 좋은의견 감사합니다.

  • @skyo

    알림센터나 회원 모듈 스킨도 최소한으로 작업하여 통합해 두었습니다.

    자료실 확인해보세요.

  • 버그.png

    블로그 운영중인데요 

    디자인 레레이웃 적용 시켯더니 로그인 하기전에는 메뉴가 정상적이엿으나

    로그인 하니 글자 가 저리 나오내요 

  • @hotshus

    폭이 부족한 것 같습니다.

     

    우선 검색버튼을 없애보시는걸 추천합니다.

    레이아웃 설정에서 본문 폭을 늘리면 되어야 할텐데 본문 폭과 상단 메뉴바 폭을 연동을 시켜놨었는지 그건 기억이 잘 안 나네요.

    한번 해보시면 좋을 것 같습니다.

  • @nginx

    삭제후 다시해보니 정상 되네요 ^^

    게시판 스킨설정은 기본이라그런지 

    겔러리나 방명록 스킨은 없는거죠? 아직은?

  • @hotshus

    다행입니다.

    추가 계획은 없습니다.