메인 스킨 업데이트
- 슬라이드 레이어에서 각 슬라이드 이미지에 링크를 넣을 수 있도록 추가했습니다.
- 링크가 있는 슬라이드는 클릭 시 새 창으로 열려 배너, 공지, 외부 페이지 안내에 활용하기 쉬워졌습니다.
- 슬라이드 내용을 다시 수정할 때 입력해 둔 제목, 내용, 링크가 안정적으로 유지되도록 보완했습니다.








코드? CSS? 그게 뭔데...
몰라도 메인을 예쁘게 꾸미고 싶어!
그에 대한 이해도가 없어도 꾸밀 수 있다! 를 목표로 제작했습니다.
▶직관적인 꾸미기
: 실시간 미리보기, 리사이즈 핸들, 드래그 앤 드랍으로 요소 삽입

길이가 길기 때문에, 한 파트씩 하단에 설명합니다.
레이아웃: 컨테이너 = 프리셋에 보이는 박스 1개
레이어: 요소 = 이미지, 텍스트 등 우리가 설정해서 넣는 거
레이아웃 1개에 여러 개의 레이어를 넣을 수도 있지만, Z값 없이 '층'으로 쌓입니다!

한 화면 내에서 버튼으로 다른 화면을 오가는 탭(라벨형, 아이콘형, 도형)
*게시판 레이어를 탭 페이지로 사용 중(링크 배너 / 디데이 게시판 스킨)

에디터를 이용하여 텍스트 / html을 사용할 수 있는 레이어
· 슬라이드: 1~3개 원하는 이미지에 제목+내용 추가 가능· 게시판 이미지 슬라이드: 특정 게시판의 최신글 내 이미지를 1장 추출하여 최대 10장까지 나열: 이미지는 본문에 업로드 된 이미지 우선, 없을 경우 대표 이미지를 추출: 게시글의 제목, 내용을 표시할 지 선택할 수 있음


영역 내 원하는 이미지를 '채우기 / 전체 보기 / 원본 사이즈' 중 표시
· 갤러리: 이미지 여러장을 원하는 열수로 1:1 비율 출력하며, 클릭 시 모달로 표시
· 게시판 이미지 갤러리: 특정 게시판의 최신글 내 이미지를 1장 추출하여 최대 10열까지 나열: 이미지는 본문에 업로드 된 이미지 우선, 없을 경우 대표 이미지를 추출: 클릭 시 게시판으로 이동


1~3장 설정 가능 / 카드 별 이미지·배경색·내용색·클릭 시 URL 설정 가능

· 스킨(기본, 사이드바)
: 전체/특정 게시판의 최신글을 리스트형으로 나열
· 스킨(다이어리)
: 특정 게시판의 최신글 1개의 제목/내용을 출력


특정 게시판, 사이트를 Iframe으로 imbed(불러오기)
*이때, 특정 게시판의 경우에는 조작을 위한 용도가 아닙니다.
헤더 및 푸터를 '숨기기' 해둔 상태일 뿐이라 페이지 이동이 발생하면 메뉴가 뜹니다.
· 회원 정보
: 회원 정보 + 알림 + 버튼 탭 표시
· 회원 카드
: 회원 정보 + 관리자 페이지 소개글 + SNS 링크 추가 가능


관리자 페이지와 연동
기본 메인의 시계 및 달력과 유사
시계의 경우엔 다양한 타입이 있음.

라공 에디션 1.3.0 이후 추가된 '새글 피드'와 연동되며
사진은 출력하지 않고, 리스트만 출력

현재 접속한 멤버의 프로필 사진, 이름, ID를 표시



투두리스트의 할일 중 '최신'을 뽑아 최대 50개까지 출력
*위젯이므로, 게시판 내에서 체크를 반영할 수는 X

1. 미니 달력형
: 일반 달력처럼 출력되며, 할 일 및 투두가 있는 날짜에 지정 색상으로 표시
: 클릭 시 달력으로 이동
2. 미니 투두형
: 오늘 날짜의 '투두'만 출력하며, 지정 색상 라벨로 표시
: 실제 체크도 반영되나, 새로고침 필요!

해당 게시판의 '특정 게시글' 불러와 채팅처럼 표시'직접 입력' 방식일 경우 메인 내 사용도 가능!

+
251224_0 업데이트 이후
상단 헤더 및 관리 패널이 메뉴, 관리자 메뉴와 겹치는 문제가 있어
토글 레이아웃으로 수정되었습니다.

상단 헤더 버튼 -> 토글 버튼으로 수정
토글 버튼: 통합 위젯 툴바 우측에 최초 위치로 배치되며, 드래그 앤 드랍으로 위치 수정 가능
우측 사이드 패널 -> 토글 버튼 오른쪽에서 플로팅 형태로 생성.
토글 버튼의 위치 수정 시 패널도 함께 이동됨.
프리셋 중 마음에 드는 걸 고릅니다.
*예시 영상에서는 'NESTED SECTIONS'를 사용했습니다.
처음 들어가면 프리셋과 다른 찌그러진 화면에 당황하지 마시고,
토글 버튼 내 '게시판 설정'을 눌러 컨테이너 높이를 90이하로 바꿔줍니다.
가로 사이즈는 1400 이하로 두시면 좋습니다만, 필요에 따라 확장하셔도 됩니다.
100을 초과하는 수치는 px, 이하의 수치는 %로 인식합니다.
섹션 내 요소를 편집할 수 있습니다.

섹션 관리를 눌러 나오는 '리사이즈 핸들'을 통해 직관적인 크기 조절이 가능합니다.
우측의 입력창과 연동되며, %로 입력하는 것도 가능합니다.
섹션 내 요소들의 '정렬: 가로-세로'도 이 패널에서 조정합니다.
모바일 반응형 추가(251107_0)
- 모바일에서는 무조건 '세로형 정렬'로 출력
- 보이지 않게 하고 싶은 섹션이 있는 경우, 섹션 관리-모바일 숨김 체크


레이어 목록-레이어 추가 시 우측 패널에 편집이 나타납니다.
원하는 레이어 타입을 선택하여, 설정한 후 원하는 섹션(레이아웃)에 드래그 앤 드랍합니다.

프리셋과 별개의 레이아웃을 추가합니다.
최대 3개까지 추가할 수 있으며, 리사이즈 핸들과 자유로운 위치 이동을 지원합니다.


마우스로 직접 핸들을 잡고 드래그 앤 드랍 혹은 위아래 버튼을 클릭하여 순서를 변경합니다.
이때, 페이지 새로고침이 되므로 주의해 주십시오.

기울기에 -3deg (반시계 방향) 혹은 3deg(시계 방향) 식으로 입력합니다.
*X축, Y축은 3D로 기웁니다.
## 포함 파일 _common.php ajax.create_layer.php ajax.delete_border_image.php ajax.delete_file.php ajax.delete_fixed_section.php ajax.delete_layer.php ajax.load_layer_form.php ajax.load_layer_list.php ajax.remove_layer_from_section.php ajax.save_board_settings.php ajax.save_fixed_section.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 ajax/ └── 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 style.css style.preset.css 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 **총 46개 파일**
라공 에디션용
php 8.2 / 라공 에디션
무조건 새 게시판을 만드셔야 합니다.
기존에 사용하던 게시판에 덮으시면 안 됩니다. 날아갈 수도 있습니다.
주의사항
스킨 오류 외 스타일 커스텀 및 기능 추가에 대한 문의는 답변하지 않습니다.
외에, 커스텀이 많이 들어간 홈페이지의 경우엔 답변이 어렵습니다 ㅠㅠ
추가적인 안내가 생길 경우 갱신하겠습니다!
게시판 타입: 일반 게시판
분류: 카테고리! 사용하지 않습니다. 체크를 풀어줍니다.
비밀글 사용: 사용하지 않음
DHTML 에디터 사용: 체크해 줍니다.
파일 업로드 개수: 갤러리에 사용할 갯수만큼 (20개 전후 권장)
스킨 디렉토리: 다운로드 후 설치하신 메인 스킨 폴더로 변경(main_up)해 줍니다.
디자인 관리-메인페이지 설정에서 '게시판 제목'을 방금 설정한 게시판으로 바꿔줍니다. (main.php 아님)
A. 맥 갤러리 게시판 폴더 명이 gallery_mac으로 시작해야 합니다!
궁금한 사항이 해결되지 않으셨나요? QnA 게시판에서 문의하실 수 있습니다.