2025년 11월 홈페이지 유지보수 정책이 변경됩니다. (자세히 보기)

제목2

  • 경로 [ 관리자 대시보드 / 메인 ]
  • URL [ 도메인/adm/main_layout ]

메인 페이지의 레이아웃을 설정할 수 있습니다.
위젯을 추가하여, 게시판, 주문폼을 설정하거나 HTML을 사용할 수 있습니다.
코드를 수정하지 않으면 원하는 레이아웃으로 보여지지 않을 수 있습니다.

  • HTML 위젯 수정 시 백업 후 수정해 주세요.
 

팝업 관리

(3개)
  • 경로 [ 관리자 대시보드 / 메인 / 팝업 관리 ]
  • URL [ 도메인/adm/main_popup ]

 

  1. [팝업 제목] 제목을 설정합니다. 홈페이지에는 노출되지 않습니다.
  2. [팝업 시작일] 시작일의 년-월-일과 시간:분을 설정할 수 있습니다.
  3. [팝업 종료일] 종료일의 년-월-일과 시간:분을 설정할 수 있습니다.
    • [종료일 없음] 항목 선택 시 종료일 없이 영구 게시 됩니다.
  4. [팝업 위치] 왼쪽/가운데/오른쪽 위치를 설정할 수 있습니다.
  5. 달력에서 년-월-일을 선택할 수 있습니다.
  6. 시간:분을 설정할 수 있습니다.
  7. [저장] 버튼을 클릭해 새로운 팝업을 생성합니다.
자세히 보기
  • 경로 [ 관리자 대시보드 / 메인 / 팝업 관리 ]
  • URL [ 도메인/adm/main_popup ]

 

  1. [팝업 정보] 제목/기간/위치를 지정합니다.
  2. [팝업 내용]에는 [텍스트 에디터]를 사용해 내용을 작성할 수 있습니다.
  3. [저장] 버튼을 클릭해 새로운 팝업을 생성합니다.
    • [팝업 관리] 페이지에서 활성화 여부를 선택해야 홈페이지에 노출됩니다.

 

자세히 보기
  • 경로 [ 관리자 대시보드 / 메인 / 팝업 관리 ]
  • URL [ 도메인/adm/main_popup ]

 

  1. [제목] 팝업의 제목 입니다. 홈페이지에 노출되지 않습니다.
  2. [출력 시간] 팝업의 홈페이지 노출 시간입니다. 종료 시간이 되면 노출되지 않습니다.
  3. [위치] 팝업의 위치이며 홈페이지의 생성/수정을 통해 왼쪽/중앙/오른쪽에 설정할 수 있습니다.
  4. [활성화] 팝업의 활성화 여부에 따라 홈페이지 노출 여부가 결정됩니다.
  5. [관리] 팝업 관리 옵션입니다. 미리보기/수정/삭제가 가능합니다
    • [미리보기] 버튼 클릭 시 빌더의 기본 스타일이 적용된 팝업이 출력됩니다.
    • [수정] 버튼 클릭 시 팝업 수정 페이지로 이동합니다.
    • [휴지통] 버튼 클릭 시 팝업을 삭제합니다.
  6. [생성] 버튼을 클릭해 새로운 팝업을 생성합니다.
자세히 보기

슬라이드 관리

(5개)
  • 경로 [ 관리자 대시보드 / 메인 / 슬라이드 관리 ]
  • URL [ 도메인/adm/main_slide ]

 

  1. [스와이퍼 커스텀] 활성화 시 새로운 스크립트 영역이 출력됩니다.
    • 슬라이드 기본 옵션 및 위젯 스타일은 지원되지 않습니다.
  2. [스크립트] 내에는 API 파라미터만 추가가 가능합니다. Swiper API 바로가기
자세히 보기
  • 경로 [ 관리자 대시보드 / 메인 / 슬라이드 관리 ]
  • URL [ 도메인/adm/main_slide ]

 

  1. [타입] 슬라이드 타입을 설정할 수 있습니다.
  2. [전환 효과(트랜지션)] 슬라이드 전환 효과를 설정할 수 있습니다.
  3. [페이지/화살표 출력] 슬라이드 페이지/화살표 출력 여부를 설정할 수 있습니다.
  4. [자동 전환] 자동 전환 여부를 설정합니다.
  5. [자동 전환 주기] 초 단위로 자동 전환 주기를 설정할 수 있습니다. 
  6. [스와이퍼 커스텀] 스와이퍼 용 자바스크립트 소스를 삽입할 수 있습니다.

  

  • 홈페이지 커스텀 작업이 되어 있으신 경우 적용되지 않으실 수 있습니다.
  • 스와이퍼는 전용 스크립트와 스타일시트를 사이트 [메뉴 외부 상단]에 추가해야합니다. Swiper 바로가기
자세히 보기
  • 경로 [ 관리자 대시보드 / 메인 / 슬라이드 관리 ]
  • URL [ 도메인/adm/main_slide ]

 

  1. [타입] 슬라이드 타입을 설정할 수 있습니다.
  2. [전환 효과(트랜지션)] 슬라이드 전환 효과를 설정할 수 있습니다.
  3. [페이지/화살표 출력] 슬라이드 페이지/화살표 출력 여부를 설정할 수 있습니다.
  4. [자동 전환] 자동 전환 여부를 설정합니다.
  5. [자동 전환 주기] 초 단위로 자동 전환 주기를 설정할 수 있습니다. 

 

  • 홈페이지 커스텀 작업이 되어 있으신 경우 적용되지 않으실 수 있습니다.
자세히 보기
  • 경로 [ 관리자 대시보드 / 메인 / 슬라이드 관리 ]
  • URL [ 도메인/adm/main_slide ]

 

  1. [슬라이드 목록]에서 선택한 슬라이드의 이미지와 내용을 설정할 수 있습니다.
  2. [슬라이드 활성화] 해당 슬라이드의 활성화 여부를 설정합니다.
  3. [슬라이드 미디어 타입] 이미지, 유튜브, 비디오 타입을 선택할 수 있습니다.
  4. [슬라이드 이미지 / 유튜브 / 비디오 선택]
    • [이미지/비디오 타입]
      • [이미지/비디오 선택] 버튼을 클릭해 이미지/비디오 선택 창을 출력합니다.
      • 4.1. 이미지/비디오를 클릭해 [슬라이드 이미지/비디오]를 선택합니다.
        • 비디오는 사이즈 정보가 출력되지 않습니다.
      • 4.2. [이미지/비디오 업로드] 버튼을 클릭해 이미지를 업로드합니다.
        • 이미지 파일은 5MB 이하로 업로드가 가능합니다.
        • 비디오 파일은 50MB 이하로 업로드가 가능합니다.
    • [유튜브]
      • 4.3. 유튜브 링크(https://www.youtube.com/watch?v=...) 로 시작하는 URL을 복사 붙여넣은 후 적용합니다.
  5. [슬라이드 제목/내용/하단] 내용을 설정할 수 있습니다.
  6. [클릭시 URL] URL 입력 시 해당 슬라이드에 링크를 적용할 수 있습니다.

 

자세히 보기
  • 경로 [ 관리자 대시보드 / 메인 / 슬라이드 관리 ]
  • URL [ 도메인/adm/main_slide ]

 

  1. [슬라이드 목록] 슬라이드 이미지와 내용을 설정할 수 있습니다
  2. [미리보기] 적용된 내용을 미리볼 수 있습니다
    • 빌더의 기본 스타일로 적용되며, 홈페이지에서는 적용된 스타일에 따라 다르게 적용됩니다.
  3. [슬라이드 옵션] 슬라이드 옵션을 설정합니다.
    • 스와이퍼 옵션 사용 시 스크립트 설정이 필요합니다.
  4. [저장] 버튼을 클릭해 변경된 내용을 저장합니다.

 

  • 홈페이지 커스텀 작업이 되어 있으신 경우 적용되지 않으실 수 있습니다.
자세히 보기

레이아웃/위젯 관리

(7개)
  • 경로 [ 관리자 대시보드 / 메인 / 레이아웃/위젯 관리 ]
  • URL [ 도메인/adm/main_layout ]

 

  1. [타입 선택]으로 [캘린더 (CAL)]을 선택합니다.
  2. [위젯 종류]를 선택합니다
    • 기본(default): 달력 형태의 위젯입니다.
    • 목록(list): 목록 형태의 위젯입니다.
  3. [시작 날짜]를 지정할 수 있습니다.
  4. [끝 날짜]를 지정할 수 있습니다.
  5. [생성] 버튼을 클릭해 위젯을 생성할 수 있습니다.
  6. 생성한 게시판 위젯은 드래그앤 드롭으로 순서를 변경할 수 있습니다.
  7. [위젯 순서 저장]을 클릭해 게시글 출력 수와 순서를 저장합니다.

 

 

  • ⚠️ 캘린더 위젯은 1개만 사용할 수 있습니다.
자세히 보기
  • 경로 [ 관리자 대시보드 / 메인 / 레이아웃/위젯 관리 ]
  • URL [ 도메인/adm/main_layout ]

 

메인 페이지에 슬라이드를 추가할 수 있습니다.
메인 비주얼 영역으로 사용되며, 최대 1개까지 생성이 가능합니다.

 

 

  1. [슬라이드 (SLIDE)]를 선택합니다.
  2. [생성] 버튼을 클릭해 위젯을 생성합니다.
  3. 레이아웃/위젯 목록에서 위젯을 삭제, 순서 변경을 할 수 있습니다.
  4. ['슬라이드 관리 바로가기']를 클릭해 슬라이드 관리로 이동할 수 있습니다.
  5. [위젯 순서 저장] 버튼을 클릭해 변경된 순서를 저장할 수 있습니다.

 

  • ⚠️ 슬라이드 위젯은 1개만 사용할 수 있습니다.

 

자세히 보기
  • 경로 [ 관리자 대시보드 / 메인 / 레이아웃/위젯 관리 ]
  • URL [ 도메인/adm/main_layout ]

 

메인 페이지에 접수할 수 있는 주문폼을 최대 1개 까지 생성할 수 있습니다.

 

 

  1. [주문폼 (FORM)]를 선택합니다.
  2. [생성] 버튼을 클릭해 위젯을 생성합니다.
  3. 레이아웃/위젯 목록에서 위젯을 삭제, 순서 변경을 할 수 있습니다.
  4. [위젯 순서 저장] 버튼을 클릭해 변경된 순서를 저장할 수 있습니다.

 

  • ⚠️ 주문폼 위젯은 1개만 사용할 수 있습니다.
자세히 보기
  • 경로 [ 관리자 대시보드 / 메인 / 레이아웃/위젯 관리 ]
  • URL [ 도메인/adm/main_layout ]

 

HTML 위젯은 메인 페이지의 HTML 구조를 저장합니다.

 

 

  1. [타입 선택]으로 [HTML 코드 (HTML)]을 선택합니다.
  2. [위젯 이름]에서 위젯 이름을 설정합니다.
  3. [HTML 코드 입력]에서 홈페이지 소스를 입력합니다.
    • ⚠️ 데이터베이스 명령어 / 스크립트 등 시스템 오류를 유발할 수 있는 텍스트 입력 시 요청이 차단됩니다.
  4. [생성] 버튼을 클릭해 생성합니다.
  5. 생성한 HTML 위젯은 드래그앤 드롭으로 순서를 변경할 수 있습니다.
  6. [수정] 버튼을 클릭해 HTML 코드를 수정할 수 있습니다.
  7. HTML 코드를 수정하는 영역입니다.
    • ⚠️ 데이터베이스 명령어 / 스크립트 등 시스템 오류를 유발할 수 있는 텍스트 입력 시 요청이 차단됩니다.
  8. [저장] 버튼을 클릭해 변경된 내용을 저장합니다.
  9. 위젯의 순서는 [위젯 순서 저장]을 클릭해 저장합니다.

 

  • HTML 작성 시 기본적인 웹 지식이 필요합니다. 아래의 사이트에서 웹 표준 기술에 대한 기초적인 학습이 필요합니다. HTML 학습하기(MDN)
  • HTML 수정 시 [CSS 스타일 시트]도 함께 수정이 필요하실 수 있습니다.
  • 코드 에디터는 Microsoft 사의 오픈소스 코드에디터 Visual Studio Code를 권장드립니다. 다운로드 하기(Visual Studio Code)
  • ⚠️ 데이터베이스 명령어 / 스크립트 등 시스템 오류를 유발할 수 있는 텍스트 입력 시 요청이 차단됩니다.
  • ⚠️ HTML 수정 시 내용을 백업 후 진행해 주세요.
자세히 보기
  • 경로 [ 관리자 대시보드 / 메인 / 레이아웃/위젯 관리 ]
  • URL [ 도메인/adm/main_layout ]

 

게시판 위젯은 등록된 게시글을 메인 페이지에 노출 시켜줍니다.

 

 

  1. [타입 선택]으로 [게시판 (BOARD)]을 선택합니다.
    • ⚠️ [게시판 SWIPER (BOARD_S1)] 위젯은 사용시 관련 스크립트가 필요합니다.
  2. [출력 항목 선택]에서 생성한 게시판을 선택합니다.
  3. [게시글 출력]은 출력할 게시글 수를 지정할 수 있습니다.
  4. [생성] 버튼을 클릭해 생성합니다.
  5. 생성한 게시판 위젯은 드래그앤 드롭으로 순서를 변경할 수 있습니다.
  6. [게시글 출력]에서 출력할 게시글 수를 변경할 수 있습니다.
  7. [위젯 순서 저장]을 클릭해 게시글 출력 수와 순서를 저장합니다.
자세히 보기
  • 경로 [ 관리자 대시보드 / 메인 / 레이아웃/위젯 관리 ]
  • URL [ 도메인/adm/main_layout ]

 

컨테이너 위젯은 콘텐츠를 감싸는 위젯으로,
홈페이지에 적용된 기본 좌우 여백을 적용시켜줍니다.

 

 

  1. [컨테이너(CONTAINER)]를 선택합니다.
  2. [생성] 버튼을 클릭해 위젯을 생성합니다.
  3. 레이아웃/위젯 목록에서 위젯을 삭제, 순서 변경을 할 수 있습니다.
  4. 드래그앤드롭으로 하위 위젯을 지정할 수 있습니다.

 

  • ⚠️ 컨테이너 위젯은 하위 위젯으로 이동할 수 없습니다.
자세히 보기
  • 경로 [ 관리자 대시보드 / 메인 / 레이아웃/위젯 관리 ]
  • URL [ 도메인/adm/main_layout ]

 

홈페이지의 메인 페이지를 구성하는 위젯을 생성하고 관리합니다.

 

 

  1. [위젯 생성] 타입 선택으로 메인 위젯을 선택할 수 있습니다.
    • 컨테이너: 콘텐츠를 감싸는 위젯입니다.
      • 하위 위젯으로 이동할 수 없습니다.
    • 게시판: 타입별 게시판 위젯입니다.
    • 게시판 SWIPER: 슬라이드 형 게시판 위젯입니다.
      • swiper 스크립트가 필요합니다.
    • 캘린더: 캘린더 위젯입니다.
    • 주문폼: 주문폼 위젯입니다.
      • 1개만 추가가 가능합니다.
    • HTML 코드: HTML 위젯 입니다.
      • 1개만 추가가 가능합니다.
    • 슬라이드 위젯: 슬라이드 위젯 입니다.
      • 1개만 추가가 가능합니다.
  2. [레이아웃/위젯 목록] 위젯 수정/순서/삭제가 가능합니다.
    • 드래그앤드롭으로 순서 변경이 가능합니다.
자세히 보기