테마 편집모드

편집 모드를 통해 로고, 메뉴, 회사정보 입력은 물론 사이트 콘텐츠의 이미지와 텍스트를 보여지는 화면에서 바로 수정이 가능합니다.
편집모드란? 관련링크 바로가기

• Page Loader(페이지 로더)

  
  • · 로딩 시간 동안 출력되는 화면입니다.
  • · 메인 페이지는 로고가 출력됩니다.(메인 로딩시 불러오는 화면을 감추기 위한 목적.)
  • · /theme/eb4_educ_003/tail.html.php 파일 '페이지 로더' 부분에 출력 소스가 있습니다.
    사용을 원하지 않을 시 해당 부분 주석 또는 삭제.
  • · /theme/eb4_educ_003/js/app.js 파일 '페이지 로더' 부분에 사리지는 시간은 fadeOut(400) 에서 수치를 변경하기 바랍니다.(1000 = 1초)
  • · /theme/eb4_educ_003/css/style.css 파일 '페이지 로더' 부분에서 CSS스타일 수정합니다.
  • · 이미지는 /theme/eb4_educ_003/image/site_logo.svg 파일이 출력되며 관리자 로고 등록시 해당 이미지가 출력 됩니다.

• Header(상단레이아웃)

  
  • · 로고, 메뉴등은 편집모드를 통해 설정할 수 있습니다.
  • · 로고는 '상단로고이미지'와 '모바일상단로고이미지'를 등록해 마우스 오버시 반전될 수 있는 두가지 이미지를 등록합니다.
  • · 로그인, 검색, 서브페이지 타이틀 등은 직접 파일 수정등을 해야 합니다.
  • · pc(폭 992px 이상)메뉴 마우스 오버시 전체 메뉴가 출력될 때 좌측 하단 이미지는 /theme/eb4_educ_003/image/gnb_bg.png 파일이 출력됩니다.
  • · /theme/eb4_educ_003/head.html.php 파일에서 수정합니다.

• 메인 슬라이더(EB슬라이더)

  
  • · 대표타이틀, 설명문구, 연결주소 [링크] #1 입력, 이미지 #1~3 업로드 합니다.
  • · 아이템 4개에 맞춰 디자인되어 있으며 그이상을 등록시 파일 수정이 필요합니다.
  • · 서브타이틀 strong 태그 사용시 컬러 출력됩니다.
  • · 이미지 비율 #1 : 1920x1200 픽셀, #2 : 1000x1000 픽셀, #3(아이콘) : 128x128 픽셀 이미지 사용합니다.
  • · 767px 이하에서는 이미지 #2 출력.
  • · 슬라이드 시간 설정은 autoplaySpeed에서 설정합니다.
  • · strong 태그 사용시 볼드체 출력, br태그 사용해 줄바꿈 합니다.
  • · 내용과 이미지 미입력시 미출력.
  • · /theme/eb4_educ_003/skin/ebslider/educ003_main_slider/ebslider.skin.html.php

• 메인 포 아이콘(EB콘텐츠)

  
  • · 마스터 타이틀 #1 : 한울대학교 과학대학 소개
  • · 마스터 타이틀 #2 : Welcome to Hanul...
  • · 마스터 설명글 #1 : 크라우드 펀딩은 자금의...
  • · 아이템 : 텍스트 필드 #1~2, 연결주소#1 입력, 이미지 #1 업로드
  • · 아이템 4개에 맞춰 디자인.
  • · 이미지 비율 #1 : 128x128 픽셀 사용.
  • · 내용과 이미지 미입력시 미출력.
  • · br 태그 사용시 줄바꿈, strong 태그 사용시 볼드체 출력됩니다.
  • · /theme/eb4_educ_003/skin/ebcontent/educ003_main_four_icon/ebcontents.skin.html.php

• 새소식/공지사항(EB최신글)

  
  • · EB최신글(https://eyoom.net/bbs/board.php?bo_table=eb4_theme_guide&wr_id=18)을 참고해 게시판 등록합니다.
  • · 최신글 제목, 대표연결주소 입력(최신글 제목은 strong 태그 사용시 볼드체 출력)
  • · 최신글 게시물수:4 / 게시물 내용 출력 여부:사용 / 게시물 내용 길이:70 / 작성일 출력여부:사용 / 작성일 출력형식:년월일 방식 / 작성일 표기방식:Y.m.d.
  • · /theme/eb4_educ_003/skin/eblatest/educ003_list/eblatest.skin.html.php

• Insight(EB최신글)

  
  • · EB최신글(https://eyoom.net/bbs/board.php?bo_table=eb4_theme_guide&wr_id=18)을 참고해 게시판 등록합니다.
  • · 최신글 제목 입력, 대표연결주소 입력.(최신글 제목은 strong 태그 사용시 검정색 출력)
  • · 최신글 게시물수:6 / 이미지 출력 여부:사용 / 이미지 사이즈:600(폭) X 0(높이) / 게시물 이름 출력 여부:사용 / 작성일 출력여부:사용 / 작성일 출력형식:년월일 방식 / 작성일 표기방식:Y-m-d
  • · /theme/eb4_educ_003/skin/eblatest/educ003_gallery_slider/eblatest.skin.html.php

• 학과일정(EB슬라이더)

  
  • · 마스터 제목 : 학과일정
  • · 대표타이틀, 서브타이틀, 설명문구 입력합니다.
  • · 서브타이틀, 설명문구는 날짜 입력하며 서브타이틀은 strong 태그 사용.
  • · /theme/eb4_educ_003/skin/ebslider/educ003_main_schedule/ebslider.skin.html.php

• Footer(하단 레이아웃)

  
  • · 하단로고, 회사정보등은 편집모드를 통해 설정 할 수 있습니다.
  • · 푸터메뉴, 버튼등은 해당 파일에서 수정 할 있습니다.
  • · /theme/eb4_educ_003/tail.html.php 파일에서 수정합니다.
  • · 관련사이트(EB콘텐츠) - 텍스트 필드 #1, 연결주소 [링크]#1 입력.
  • · /theme/eb4_educ_003/skin/ebcontent/family_site/ebcontents.skin.html.php

• 서브 페이지 타이틀

  
  • · 서브페이지의 타이틀과 메뉴 정보를 출력합니다.
  • · 페이지 타이틀은 1차 메뉴와 현제 페이지 메뉴명이 출력됩니다.
  • · 메뉴는 등록한 2차 분류 메뉴만 출력됩니다.
  • · 이미지 경로는 /theme/eb4_educ_003/image/page_title/ 입니다.
  • · 서브 페이지 이미지 변경 링크 : 바로가기
  • · /theme/eb4_educ_003/head.html.php 파일에서 수정합니다.

• 모바일

  

  

  
  • · 반응형 테마는 PC와 모바일 구분없이 하나의 파일로 출력 됩니다.
  • · 디자인 수정시 미디어쿼리를 이용해 CSS스타일을 수정합니다.

제품 게시판

제품 게시판 스킨에 대한 설명 드립니다.

• · 제품에 대한 소개를 등록하는 게시판 스킨입니다.
• · 여분필드 6~9번을 사용해 제품의 정보를 입력 및 출력합니다.
• · 제품 소개 외에 커뮤니티 기능(추천, 별점, 블라인드, 스크랩등)들은 지원하지 않습니다.
• · 파일 : theme/테마명/skin/board/product/

• 게시판 설정(관리자 - 게시판관리)

  
  • · 이미지와 같이 기본 설정을 합니다.
  • · 관리자 외에 글쓰기, 답글, 댓글쓰기를 사용한다면 권한을 9이하로 설정합니다.
  • · 이미지 등록 및 출력은 파일 업로드로 하며 등록할 만큼 값을 설정합니다.
  • · 여분필드 6~9번까지 출력할 값을 설정 합니다.

• 게시판 추가 설정(관리자 - 테마설정관리 - 게시판 추가설정)

  
  • · 이미지와 같이 설정을 합니다.
  • · 태그 미사용시 체크 해제 합니다.

• 쓰기(write.skin.html.php)

  
  • · 각 항목 값을 입력 및 이미지 등록합니다.
  • · 여분필드 6~9번 항목 설정 값이 제목으로 출력됩니다.
  • · 첨부파일은 이미지 파일 등록하며 첫번째 이미지는 목록에서 출력됩니다.

• 보기(view.skin.html.php)

  
  • · 입력한 내용들이 출력됩니다.
  • · 작성자, 날짜, 복사, 이동, 삭제, 글쓰기 등의 내용들은 권한 설정에 따라 확인 할 수 있습니다.

• 목록(list.skin.html.php)

  
  • · 입력한 내용들이 출력됩니다.
  • · 삭제, 복사, 이동, 글쓰기등의 내용들은 권한 설정에 따라 확인 할 수 있습니다.