제목2

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

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

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

레이아웃/위젯 관리

(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. [레이아웃/위젯 목록] 위젯 수정/순서/삭제가 가능합니다.
    • 드래그앤드롭으로 순서 변경이 가능합니다.