무엇을 도와드릴까요?

주소창에 내도메인/adm 을 입력하고 최고관리자 아이디로 로그인합니다. 로그인하지 않은 상태라면 로그인 화면으로 바로 이동합니다.

빌더 기능은 모두 왼쪽 메뉴의 사이트관리 안에 모여 있습니다.

일반적인 회사 홈페이지 구성으로 대메뉴 4개와 하위 페이지가 미리 준비됩니다. 모두 예시 내용이므로 내 회사 정보로 바꿔 쓰시면 됩니다.

• 회사소개 — 인사말 · 비전 · 연혁 · 오시는 길
• 사업영역 — 사업소개 · 제품소개 · 인증 · 특허
• 홍보센터 — 공지사항(게시판) · 갤러리(게시판) · 홍보영상
• 고객지원 — 자주 묻는 질문 · 온라인 문의

필요 없는 페이지는 [서브페이지]에서 삭제하고, [헤더 메뉴]에서 메뉴도 함께 정리하세요.

관리자 › 사이트관리 › 페이지 편집

• 상단 페이지 선택 — 편집할 페이지(메인 또는 서브페이지)를 고릅니다.
• 헤더 스타일 — 로고 위치, 메뉴 펼침 방식, 오른쪽 버튼 등을 바꿉니다.
• 왼쪽 블록 목록 — 페이지를 구성하는 블록이 위에서부터 순서대로 표시됩니다.
• 오른쪽 미리보기 — 수정 내용이 바로 반영되는 실제 화면입니다. PC · 태블릿 · 모바일로 바꿔 볼 수 있습니다.

미리보기 화면에서 블록을 클릭하면 해당 블록의 편집창이 바로 열립니다.

1. 편집할 페이지를 선택하고 [+ 블록 추가] 버튼을 누릅니다.
2. 블록 선택 창에서 분류(메인 추천 · 기본 · 직접 만들기 · 서브페이지용)를 보고 원하는 블록을 고릅니다.
3. 블록이 목록 맨 아래에 추가되고 예시 내용이 채워집니다. 내용만 바꿔 쓰면 됩니다.

각 블록의 쓰임새는 블록 종류에서 한눈에 확인할 수 있습니다.

• 순서 변경 — 블록 목록에서 손잡이(⋮⋮)를 잡고 위아래로 끌어 놓습니다.
• 숨기기 — 눈 아이콘을 누르면 내용은 남겨둔 채 사이트에서만 숨겨집니다.
• 복제 — 같은 디자인의 블록을 하나 더 만들 때 사용합니다.
• 삭제 — 휴지통 아이콘. 게시하기 전이라면 [변경 취소]로 되돌릴 수 있습니다.

서브페이지 맨 위의 서브 상단 비주얼 블록은 항상 맨 위에 고정되며 삭제할 수 없습니다.

블록을 누르면 편집창이 열리며 [내용]과 [스타일] 두 탭으로 나뉩니다.

이미지 업로드: jpg · png · gif · webp · svg 파일, 1개당 최대 10MB. 각 칸 아래에 권장 크기가 안내되어 있습니다.

편집기의 수정 내용은 자동 저장되지만, 이것은 관리자만 보는 임시본입니다. 방문자에게 보이게 하려면 반드시 [게시하기]를 눌러야 합니다.

• 자동 저장 — 입력하는 즉시 임시본에 저장됩니다. 창을 닫아도 남아 있습니다.
• 게시하기 — 현재 페이지의 임시본과 헤더 스타일을 실제 사이트에 반영합니다.
• 변경 취소 — 임시본을 버리고 마지막으로 게시한 상태로 되돌립니다.

게시는 페이지별로 이루어집니다. 메인과 서브페이지를 각각 수정했다면 페이지마다 게시하기를 눌러 주세요.

• 확장 패널마우스를 올리면 넓게 펼쳐지는 세로 이미지 패널. 사업분야 소개
• 포트폴리오 슬라이드실적 · 프로젝트 카드를 화살표 · 드래그로 넘겨 보기
• 탭 콘텐츠탭을 누르면 이미지 + 설명이 바뀜. 서비스 · 제품 라인업
• 흐르는 문구큰 글자가 가로로 흐르는 띠. 블록 사이 분위기 전환
• 바로가기 그리드크기가 다른 이미지 카드 조합. 주요 메뉴 안내
• 전면 이미지 배너화면 가득한 배경 + 큰 문구, 스크롤 시 배경이 천천히 이동
• 고객 후기후기 · 추천사를 카드 슬라이드로
• 고정 제목 + 목록왼쪽 제목 고정, 오른쪽 번호 목록 스크롤. 핵심 역량
• 이미지 슬라이드 배너이벤트 · 홍보 배너 자동 넘김
• 전후 비교손잡이를 끌어 시공 · 시술 전후 사진 비교
• 분할 배너이미지 배너 2~3개를 나란히
• 이미지 + 겹친 카드큰 이미지 위에 글 카드가 겹쳐진 소개

• 메인 비주얼첫 화면 큰 슬라이드. 내용은 [메인 비주얼] 메뉴에서 관리
• 텍스트 + 이미지한쪽 글, 한쪽 이미지. 이미지 좌우 위치 선택
• 특징 카드아이콘 + 제목 + 설명 카드 3~4열
• 숫자 카운터실적 · 경력 숫자가 올라가는 애니메이션
• 이미지 갤러리바둑판 사진, 클릭하면 크게 보기
• 최신글선택한 게시판의 최신글 자동 표시
• 문의 배너배경 이미지 위 큰 문구 + 버튼
• 지도 · 연락처구글 지도 퍼가기 코드 + 주소 · 연락처
• 문의 폼이름 · 연락처 · 내용 접수. [온라인 문의]에서 확인

에디터 (자유 편집)

글 · 사진 · 표 · 동영상을 워드프로세서처럼 자유롭게 넣는 블록입니다. 직접 만든 이미지 안내문이나 상세 설명에 적합합니다. [에디터로 편집] 버튼을 누르면 큰 편집창이 열립니다.

HTML · CSS · JS

직접 작성한 코드를 넣는 블록입니다. 코드 입력칸에서 Tab 키로 들여쓰기가 됩니다.

• CSS 에서 :scope 를 쓰면 이 블록 안에만 스타일이 적용됩니다. 예) :scope h3{color:red}
• JS 에서는 변수 block 이 이 블록 요소를 가리킵니다. 예) block.querySelector('h3')

보안을 위해 HTML · CSS · JS 블록은 최고관리자만 내용을 수정할 수 있습니다.

• 서브 상단 비주얼배경 이미지 + 제목 + 하위메뉴 탭. 맨 위 고정
• 인사말대표 사진 + 인사말 본문 + 서명
• 연혁연도별 세로 타임라인
• 진행 절차상담부터 완료까지 단계 표시
• 자주 묻는 질문누르면 답변이 펼쳐지는 아코디언
• 파트너 로고고객사 로고 바둑판 또는 흐르는 띠
• 이미지 카드제품 · 서비스 · 사업분야 카드 목록
• 동영상유튜브 · 비메오 영상
• 본문 텍스트제목 + 문단 글. 비전 · 안내문
• 구성원 소개사진 + 이름 + 직함 카드
• 요금 안내요금제 비교 카드, 추천 카드 강조

'서브페이지용'은 추천 분류일 뿐, 메인에도 대부분 그대로 사용할 수 있습니다.

사이트관리 › 페이지 편집 › 헤더 스타일

변경 내용은 미리보기에 바로 나타나며, [게시하기]를 눌러야 실제 사이트에 반영됩니다.

'상담 신청', '견적 문의' 같은 버튼을 헤더 오른쪽에 둘 수 있습니다. 버튼 글자를 비우면 버튼이 사라집니다.

링크에는 온라인 문의 페이지(/page.php?id=inquiry)나 전화 연결(tel:0212345678) 등을 넣을 수 있습니다. 모바일에서도 작게 줄어든 크기로 같은 위치에 표시됩니다.

사이트관리 › 서브페이지

1. 페이지 이름과 주소(아이디)(영문 소문자 · 숫자 · _)를 입력합니다. ID는 주소가 됩니다. 예) /page.php?id=service
2. 템플릿을 고릅니다. 고른 템플릿에 맞는 블록이 예시 내용과 함께 미리 채워집니다.
3. 필요하면 헤더 메뉴에 연결에서 대메뉴를 선택해 헤더 메뉴의 하위메뉴로 바로 붙입니다.
4. 만든 뒤 [편집]을 누르면 페이지 편집기로 이동합니다. 내용을 수정하고 게시하기를 누르세요.

빈 페이지인사말비전 · 가치연혁오시는 길사업소개제품소개인증 · 특허홍보영상자주 묻는 질문온라인 문의

[서브페이지] 목록에서 이름을 바꾸거나 삭제할 수 있습니다. 주소(아이디)는 이미 공유된 링크가 깨지지 않도록 바꿀 수 없습니다.

페이지를 삭제해도 헤더 메뉴는 자동으로 지워지지 않습니다. [헤더 메뉴]에서 해당 메뉴를 함께 삭제해 주세요.

서브페이지 맨 위에는 서브 상단 비주얼이 자동으로 들어가며, 현재 페이지가 속한 대메뉴의 하위메뉴들이 탭으로 표시됩니다. 위치 표시(홈 › 대메뉴 › 현재 페이지)도 함께 나타납니다.

게시판 페이지도 같은 대메뉴 아래에 연결되어 있으면 같은 상단 이미지와 탭이 자동으로 적용됩니다. 배경 이미지는 같은 메뉴 그룹 서브페이지의 상단 비주얼 이미지를 따라갑니다.

사이트관리 › 헤더 메뉴

1. [대메뉴 추가]를 눌러 메뉴 이름과 링크를 입력합니다.
2. 대메뉴 아래 [하위메뉴 추가]로 하위메뉴를 넣습니다.
3. 링크 칸을 누르면 추천 링크(서브페이지 · 게시판 · 추가페이지)가 나타나 클릭 한 번으로 연결됩니다.
4. 외부 사이트처럼 새 창이 필요하면 새 창을 켜고, 잠시 숨길 메뉴는 노출을 끕니다.
5. 순서를 정리하고 [저장]을 누르면 바로 사이트에 반영됩니다.

대메뉴의 링크를 비워두면 첫 번째 하위메뉴 주소로 자동 연결됩니다.

메뉴 · 버튼 · 배너 등 링크를 넣는 모든 칸에서 같은 형식을 사용합니다.

사이트를 하위 폴더(예: 도메인/home/)에 설치했다면 주소 앞에 폴더명을 붙여 주세요. 예) /home/page.php?id=greeting

관리자 › 게시판관리 › 게시판관리 › 게시판 추가

1. TABLE에 게시판 ID를 영문으로 입력합니다. 예) data → 주소가 bo_table=data 가 됩니다.
2. 그룹을 선택하고 게시판 제목을 입력합니다.
3. 스킨을 고릅니다. 업종별 게시판 스킨 24종 중 용도에 맞는 것을 선택합니다. (아래 [게시판 스킨 24종] 참고)
4. 권한 설정에서 목록 · 읽기 · 쓰기 레벨을 정합니다. 1은 비회원, 2는 회원, 10은 최고관리자 권한입니다.
5. [확인]으로 저장합니다.

업종별로 바로 쓸 수 있는 게시판 스킨 24종이 기본으로 들어 있습니다. 같은 스킨으로 게시판을 제한 없이 여러 개 만들 수 있습니다.

예약 · 교육 신청 · 채용 · 온라인 문의 스킨은 관리자 화면에서 신청자 목록과 처리 상태를 관리할 수 있습니다.

• 메뉴로 연결 — [헤더 메뉴]에서 하위메뉴를 추가하고 추천 링크에서 게시판을 고르거나 /bbs/board.php?bo_table=게시판ID 를 입력합니다.
• 메인에 최신글 표시 — 페이지 편집에서 최신글 블록을 추가하고 게시판을 선택합니다.

게시판을 기존 대메뉴(예: 홍보센터) 아래에 연결하면 서브 상단 이미지와 하위메뉴 탭이 자동으로 함께 표시됩니다.

게시판 글쓰기에는 CW 에디터가 기본 적용되어 있습니다. 이미지 버튼을 누르거나 사진 파일을 본문에 끌어다 놓으면 바로 들어갑니다. 글자 크기 · 색상 · 표 · 링크 · 동영상도 툴바에서 넣을 수 있습니다.

글을 삭제하면 본문에 넣은 이미지 파일도 서버에서 함께 정리됩니다.

사이트관리 › 로고 설정

• 헤더 로고 — 기본 로고와 투명 헤더(비주얼 위)용 흰색 로고를 따로 올릴 수 있고, 로고 가로 크기를 지정합니다.
• 푸터 로고 — 하단에 표시되는 로고.
• 파비콘 — 브라우저 탭에 표시되는 작은 아이콘.
• 공유 이미지(OG) — 카카오톡 · 페이스북 등에 링크를 공유할 때 보이는 대표 이미지. 1200×630 권장.

사이트관리 › 메인 비주얼

메인 비주얼 블록에 들어가는 슬라이드(배경 이미지 · 문구 · 버튼)를 추가하고 순서를 정합니다. 같은 화면의 포인트 컬러(예: #0a8cb4)은 버튼 · 강조 글자 · 블록의 '포인트 색' 배경 등 사이트 전체에 적용됩니다.

사이트관리 › 푸터 정보

• 회사 정보 — 상호 · 대표자 · 주소 · 대표전화 · 이메일 · 사업자등록번호 · 개인정보보호책임자 등. 비워둔 항목은 표시되지 않습니다.
• 푸터 링크 — 한 줄에 하나씩 이름|주소 형식. 새 창은 끝에 |_blank. 비워두면 헤더 대메뉴가 그대로 표시됩니다.
• SNS — 블로그 · 인스타그램 · 유튜브 등 입력한 항목만 아이콘으로 표시됩니다.
• 저작권 문구 · 추가 문구 — 하단 마지막 줄 문구.

사이트관리 › 추가페이지

약관 · 개인정보처리방침처럼 글로 된 페이지를 에디터로 작성합니다. 주소는 /bbs/content.php?co_id=아이디 이며 푸터 링크나 메뉴에 연결할 수 있습니다.

개인정보처리방침은 실제 운영 내용(수집 항목 · 보관 기간 · 담당자)에 맞게 반드시 수정해 주세요.

고객지원 › 온라인 문의 페이지에 문의 폼 블록이 들어 있습니다. 다른 페이지에도 문의 폼 블록을 추가할 수 있습니다.

• 입력 항목 — 회사명 · 연락처 · 이메일을 보이기 / 필수 / 숨기기로 선택
• 문의 유형 — 한 줄에 하나씩 입력하면 선택 목록으로 표시 (비우면 숨김)
• 개인정보 동의 문구 — 입력하면 동의 체크가 필수가 됩니다
• 자동등록방지 — 숫자 입력 캡차 사용 여부
• 메일 알림 — 접수 시 관리자 이메일로 알림 (기본환경설정의 관리자 메일 주소 사용)
• 완료 메시지 — 접수 후 방문자에게 보이는 문구

스팸 방지를 위해 숨김 칸 검사, 너무 빠른 작성 차단, 같은 IP의 짧은 시간 다수 접수 차단이 자동으로 적용됩니다.

사이트관리 › 온라인 문의

• 목록에서 상태별(새 문의 · 확인 중 · 답변 완료)로 걸러 보고, 이름 · 연락처 · 내용으로 검색합니다.
• 문의를 열어 상세 내용을 보고, 처리 상태를 바꾸거나 관리 메모를 남깁니다.
• 여러 건을 체크해 한 번에 상태 변경 · 삭제할 수 있습니다.

관리자 › 환경설정 › 팝업레이어관리

1. [새창관리추가]를 누르고 제목과 내용(이미지 가능)을 입력합니다.
2. 시작일시 · 종료일시를 지정하면 그 기간에만 표시됩니다.
3. '오늘 하루 보지 않기' 시간을 정합니다.

팝업이 여러 개면 메인에서 슬라이드 형태로 넘겨 볼 수 있게 표시됩니다.

관리자 › 회원관리 › 회원관리

가입 회원을 검색하고 권한 레벨 변경 · 차단 · 탈퇴 처리를 할 수 있습니다. 회원 기능을 쓰지 않는 사이트라면 헤더 스타일에서 회원 아이콘 숨기기를 선택하세요.

편집 내용은 임시본입니다. 해당 페이지를 선택한 상태에서 [게시하기]를 눌러 주세요. 그래도 그대로라면 브라우저 새로고침(Ctrl+F5)을 해 보세요.

지도 · 연락처 블록은 구글 지도만 지원합니다.

1. 구글 지도에서 장소를 검색합니다.
2. [공유] › [지도 퍼가기] › [HTML 복사]를 누릅니다.
3. 복사한 <iframe ...> 코드를 블록의 지도 칸에 그대로 붙여넣습니다.

유튜브 또는 비메오 영상 주소를 그대로 붙여넣으면 됩니다. 예) https://www.youtube.com/watch?v=xxxx, https://youtu.be/xxxx, https://vimeo.com/123456

코드 블록은 보안상 최고관리자 계정만 수정할 수 있습니다. 부관리자 계정에서는 기존 코드가 그대로 유지됩니다.

jpg · png · gif · webp · svg 파일만, 1개당 10MB 이하로 올릴 수 있습니다. 용량이 크면 이미지를 줄여서 다시 올려 주세요. 웹용으로는 가로 1920px 이하, 1MB 안팎이 적당합니다.

페이지 편집 화면 상단의 PC · 태블릿 · 모바일 버튼으로 미리보기 크기를 바꿔 확인할 수 있습니다. 모든 블록은 화면 크기에 맞춰 자동으로 배치가 바뀝니다.

아직 게시하지 않았다면 [변경 취소]로 마지막 게시 상태로 되돌릴 수 있습니다. 이미 게시했다면 되돌릴 수 없으니, 큰 수정 전에는 블록을 숨기기로 먼저 확인해 보시길 권장합니다.

헤더 스타일의 하위메뉴 펼침을 '각각 드롭다운'으로 바꾸면 마우스를 올린 메뉴의 하위메뉴만 작게 펼쳐집니다. 변경 후 게시하기를 눌러 주세요.