라공

레이아웃맵 메인 스킨

30,000원

21,000원

9,000원 할인
메인스킨메인게시판홈페이지꾸미기series:mainver

오픈 할인 30%!

~6월 16일까지



여기에 더해, 기존 메인스킨 구매자에 한정하여 -10,000원 추가 할인이 진행됩니다.

기존 스킨을 사용할 수 없게 되는 건 아니지만, 새로운 메인스킨으로 이주할 때의 고민을 덜어드리고 싶습니다🫡

*기구매자 할인은 상시로 진행되나, 금액은 변동될 수 있습니다!


메인 화면을 내 맘대로 짜고 싶은데, 코드가 뭔지 모르겠다.

프로필, 갤러리, 최신글… 어디에 둘지 직접 정하고 싶어.

위치 좀 옮기고 숨기고 싶은데 CSS 없이 됐으면.

무엇보다 꾸미는 게 어렵지 않았으면 좋겠어!!!

행과 열을 잡고, 칸을 드래그하고, 원하는 조각을 끼우면 끝.
코드 한 줄 없이 화면 위에서 직접 그리는 메인 페이지.

메인스킨-레이아웃맵.png



요약: 코드 1나줄 없이 이게 된다고?😲

1

코드 고치기? NO

화면 위에서 드래그·클릭으로 끝나요.

2

CSS? NO

색·테두리·여백·위치 전부 편집 패널에서.

3

다시 쓰기? YES

프리셋을 만들어 저장하고 불러오기 가능!

화면 위 드래그 편집 위치이동 패드 크기조절 핸들 자유로운 레이아웃 편집 모달 최소화·크기조절 프리셋 저장·불러오기 다양한 프레임 다양한 애니메이션 다양한 레이어 타입

호들갑? ㄴㄴ 아님... 라공이 천재함... 진짜임...

✨실제 메인 화면 꾸미는 사용 영상✨


① 레이아웃 설정

관리자로 메인에 들어가면 화면 왼쪽 하단에 편집을 위한 버튼이 떠요. 누르면 '레이아웃 맵' 설정 모달이 뜨고, 그 자리에서 바로 편집이 시작됩니다.

가로 몇 칸, 세로 몇 칸으로 나눌지 정하고, 빈 칸을 마우스로 드래그하면 그게 하나의 영역이 돼요.

clipboard_1780912098259.png
▲영상에서 사용된 라공의 레이아웃 맵 모달입니다! 모달의 색상은 홈페이지 디자인 설정을 따릅니다.
레이아웃을 만들기 전, 우측의 너비/높이, 행, 열, 칸 간격을 지정해 주세요.

· 칸을 끌어서 영역 만들기

여러 칸을 묶어 큰 영역으로, 한 칸만 떼어 작은 영역으로. 원하는 만큼.

· 칸 비율·간격 조절

왼쪽은 넓게, 오른쪽은 좁게. 칸 사이 간격도 직접.

· 위치 미세 조정

영역을 살짝 위로·옆으로 밀어 균형을 맞출 수 있어요.


② 섹션 관리

같은 배치라도 분위기가 다르면 느낌이 확 달라져요. 영역마다 색·테두리·둥근 모서리·그림자를 고르고, 틀 모양과 등장 효과까지 입힐 수 있어요.
※ 섹션 관리와 레이어 관리 모두 가능하지만, 세부적인 설정은 다를 수 있어요.

틀 모양 (6가지)

맥 패널 윈도우 패널 터미널 테이프 메모 서류 파일 네온 윤곽

애니메이션 (*가 붙은 라벨은 등장 시에만 효과가 적용됩니다.)

페이드 인* 아래에서 등장* 천천히 떠오름 은은한 강조 홀로그램 효 전자 노이즈 두근두근 등장 시 뒤집기* 빛 번짐 네온 깜빡임 살짝 흔들림 스캔 라인

clipboard_1780912768869.png

섹션 관리 패널


③ 레이어 생성 및 배치

영역을 만들었으면 그 안에 보여줄 내용을 끼우면 돼요. 프로필 카드, 갤러리, 최신글, 슬라이드… 끌어다 놓고 순서만 바꾸면 됩니다.

※레이어는 '이전 메인스킨'과 일부 동일하며, 탭 레이어의 경우 안정성을 고려하여 이번 메인스킨에선 제외되었습니다!

회원 정보

회원 정보는 비회원 상태일 때 로그인창, 회원 정보, 알림을 표시합니다. 선택 가능한 옵션은 없습니다.

회원 카드

관리자의 정보와 홈페이지 소개글, 시계, SNS 정보 등을 표시할 수 있습니다. 관리자 정보를 제한 모든 옵션이 선택입니다.

갤러리

직접 올린 이미지나 특정 게시판 사진을 격자로.

슬라이드

직접 올린 이미지나 특정 게시판을 슬라이드로.

최신글

원하는 게시판의 새 글을 카드·사이드바·다이어리 모양으로.

링크 묶음

링크들을 디자인 된 카드로 깔끔하게 정리.

단일 이미지 카드

대표 이미지 한 장에 문구를 얹어요. 문구의 색상 조정이 가능하고, 아무 것도 얹지 않아도 돼요. 이미지는 위치에 오버레이까지 조정 가능!

텍스트 / 게시판 끼우기

텍스트는 에디터로 작성이 가능하고, 게시판이나 외부 콘텐츠 불러오기도 할 수 있어요.

clipboard_1780913634437.png

회원 정보와 회원 카드(소개글, 시계 표시 옵션)

스크린샷 2026-06-08 191512.png 스크린샷 2026-06-08 191540.png 스크린샷 2026-06-08 191611.png

링크 타입 디자인 옵션: 미션형 / 파일형 / 링크형


④ 프리셋 저장, 불러오기

마음에 들게 짠 메인은 통째로 저장해 둘 수 있어요. 테마를 갈아끼우듯, 저장해 둔 걸 그대로 불러와 시작하면 됩니다.

골격은 빠르게, 디테일은 천천히. 한 번 잘 만든 레이아웃은 다음에 또 쓰면 돼요.

메인맵-프리셋 저장.gif
메인맵-프리셋불러오기.gif

프리셋 저장 / 프리셋 불러오기


확장팩이나 특정 스킨, 위젯이 있으면 더 풍성해져요

없어도 충분, 있으면 더!

커뮤니티 확장팩을 쓰고 있다면 캐릭터 탭이 있는 멤버 카드, 날씨 같은 조각도 그대로 끼울 수 있어요.
다이어리 캘린더나 투두리스트 위젯도 연동 대상입니다! 모던 아카이브도요

※위 레이어들이 출력되지 않을 땐, 해당 스킨이나 위젯의 폴더명을 원본 상태로 만들어주시면 됩니다. ex. diary_up_251224_0 (X) / diary_up (O)

투두리스트 위젯
clipboard_1780914948990.png

다이어리 스킨
clipboard_1780914992576.png

대화형 백업 스킨 - 모던 아카이브
clipboard_1780915030288.png


모바일

모바일 전용 섹션 배치를 지원합니다. (v260609~)
clipboard_1781004166740.png 

설정 모달을 켜주시고, 모바일 배치를 체크해 주세요. 모바일에서 설정한 행/열 위치와 크기대로 섹션이 출력됩니다. 
*켜지 않을 경우, PC 레이아웃을 그대로 줄여 보여줍니다.
모바일 전용 화면이므로, 배치가 틀어져 화면 밖으로 나가지 않도록 PC용 위치 이동값이 적용되지 않습니다.
모바일에서 행은 7, 열은 3까지 지원하며 섹션의 크기는 영역을 차지하는 칸 수로만 설정 가능합니다. (조정 핸들을 지원하지 않습니다.)

원하는 모양과 다를 땐, 특정 섹션을 모바일에서 숨기기로 변경해 보세요.


구매 전 확인 사항

먼저 봐주세요

· 메인용 게시판을 하나 새로 만들어 스킨을 지정하는 방식으로, 기존 게시판을 덮어쓰지 마세요. 이전 메인스킨과도 호환되지 않습니다.

· 편집은 관리자 설정 안이 아니라 실제 메인 화면에서 진행해요.

· 저장해 둔 프리셋을 불러올 때, 완전히 복원되지 않을 수 있어요. 특히, 첨부파일이나 외부 링크!

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

## 포함 파일

_common.php
ajax/
├── _common.php
├── ajax.apply_layout_preset.php
├── ajax.create_layer.php
├── ajax.delete_border_image.php
├── ajax.delete_file.php
├── ajax.delete_fixed_section.php
├── ajax.delete_layer.php
├── ajax.delete_layout_preset.php
├── ajax.layer_edit_form.php
├── ajax.load_layer_form.php
├── ajax.load_layer_list.php
├── ajax.remove_layer_from_section.php
├── ajax.render_layer.php
├── ajax.save_board_settings.php
├── ajax.save_fixed_section.php
├── ajax.save_layout_preset.php
├── ajax.save_map_config.php
├── ajax.save_section_config.php
├── ajax.toggle_section.php
├── ajax.update_gallery_order.php
├── ajax.update_layer.php
├── ajax.update_layer_order.php
├── ajax.update_layer_section.php
├── ajax.update_preset.php
├── ajax.update_section_size.php
├── ajax.upload_border_image.php
└── get_posts.php
board_iframe.php
layer_config.php
layer_functions.php
layer_options.php
layout_functions.php
layout_functions_fixed.php
list.skin.php
list.skin.preset.php
list.skin.script.php
preset_functions.php
style.css
style.preset.css
view.skin.php
widgets/
├── archive_view.php
├── calendar_script.php
├── clock_script.php
├── commu_member_card.php
├── diary_calendar.php
├── diary_todo.php
├── member_card.php
├── member_info_logged_in.php
├── member_info_login_form.php
├── notification_list.php
├── weather.php
└── widget_todoup.php
write.script.js
write.skin.php

**총 55개 파일**

테스트 환경

라공 에디션용

php 8.2 / 라공 에디션 v1.7.1


구매 전 확인 사항

무조건 새 게시판을 만드셔야 합니다.

기존에 사용하던 게시판에 덮으시면 안 됩니다.
기존 메인 스킨과도 호환되지 않습니다.

주의사항

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

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

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

스킨 설치 방법

링크: RA0 Edition: 게시판 스킨 설치받으신 스킨 파일은 압축을 푼 뒤,html > skin > board 경로 내에 폴더(스킨이름) 상태로 넣어주세요.스킨 경로로 진입하면, 바로 안에 php 파일들이 위치하게 해주세요!예시)html >…라공 · 메뉴얼


스킨 적용게시판 관리 

 

게시판 타입: 일반 게시판

분류: 카테고리! 사용하지 않습니다. 체크를 풀어줍니다.
글 읽기 권한: 10으로 설정 시 최신글에 섹션과 레이어를 만들 때마다 뜨는 일이 없습니다!!

비밀글 사용: 사용하지 않음

DHTML 에디터 사용: 체크해 줍니다.

파일 업로드 개수: 갤러리에 사용할 갯수만큼 (20개 전후 권장)

스킨 디렉토리: 다운로드 후 설치하신 메인 스킨 폴더로 변경해 줍니다.


 

디자인 관리-메인페이지 설정에서 '게시판 제목'을 방금 설정한 게시판으로 바꿔줍니다. (main.php 아님)

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

완료
  • 관리자 계정으로 접속했을 때도 PC와 모바일 화면이 현재 화면 크기에 맞게 구분되어 보이도록 보완했습니다.
  • 모바일 전용 배치 화면에서 숨김 처리한 섹션이 편집 모달 안에도 나타나던 문제를 수정했습니다.
  • 숨김 처리한 섹션의 자리 때문에 다른 섹션을 이동하거나 크기 조절할 수 없던 문제를 수정했습니다.
  • 모바일 레이아웃 모달을 열었을 때 메인 화면이 1칸 기본 나열처럼 바뀌던 문제를 수정했습니다.
  • 모바일 화면에서 메인 레이아웃이 화면 하단까지 자연스럽게 채워지고, 가장자리에 너무 붙어 보이지 않도록 조정했습니다.
  • 최신글 영역에서 게시판 배지와 제목 간격이 좁아지거나 제목이 자연스럽게 줄어들지 않던 부분을 개선했습니다.
완료
  • 탭 레이어가 오류로 출력되고 있던 부분을 확인하여 삭제처리 하였습니다. (상품 상세 페이지에도 적혀있던 내용입니다!)
  • 슬라이드 개수 설정이 저장되지 않아 설정한 장수대로 반영되지 않던 문제를 수정했습니다.
  • 최신글 위젯에서 날짜 표시를 꺼도 날짜가 계속 보이던 문제를 수정했습니다.
  • 최신글 위젯의 더보기 링크가 정상적으로 이동하도록 수정했습니다. (전체 제외)
  • 최신글 다이어리 스타일이 기존 카드 구조와 다르게 출력되던 부분을 복구했습니다.
  • 레이어 관리에서 섹션을 선택한 뒤 레이어를 추가하면 새로고침 전까지 위치가 어긋나 보이던 문제를 개선했습니다.
  • 모바일 전용 섹션 배치를 지원하도록 개선했습니다.
  • 모바일 배치를 켜면, 모바일에서 설정한 행/열 위치와 크기대로 섹션이 출력됩니다.
  • 켜지 않을 경우, PC 레이아웃을 그대로 줄여 보여줍니다.
  • 모바일 전용 화면이므로, 배치가 틀어져 화면 밖으로 나가지 않도록 PC용 위치 이동값이 적용되지 않습니다. 
  • 모바일에서 작은 칸에 배치한 위젯이 잘리거나 밖으로 튀어나가지 않도록 표시 방식을 보완했습니다.
    완료
    • 발행
    ×