[주의사항]
- 레이아웃의 경우 flexbox로 구성되어 있으며 CSS 스타일의 flex 속성을 확인 바랍니다. (참고 : https://developer.mozilla.org/ko/docs/Learn/CSS/CSS_layout/Flexbox)
- 메인과 서브페이지에서 편집모드를 통해 손쉽게 내용 및 이미지 수정이 가능합니다.
- 스타일과 레이아웃 수정은 에디터 프로그램으로 직접 파일을 열어 수정해야 하며 이윰 테마&스킨(http://eyoom.net/page/?pid=eb4_theme_skin)에서 구조를 참고하기 바랍니다.
- 레이아웃 그리드는 /theme/eb4_maga_002/css/grid.css 파일에 있습니다.
디바이스 폭 576, 768, 992, 1200, 1400px 에 따라 변경이 됩니다.
사용법은 그리드 시스템(https://eyoom.net/page/eb4_code_1)을 참고 바라며 클래스명 앞에 'f-' 를 추가하기 바랍니다.
예) <div class="f-row"></div> <div class="f-col-lg-4"></div>
- 스크롤시 사이드 고정은 아래의 형태로 HTML 구조이며 /theme/eb4_maga_002/js/app.js 파일 stickyHanble()에서 제어합니다. [ emmet 문법 : (.sticky-box>.sticky-inner)+.main-content ]
- 메인 컬러 코드들은 /theme/eb4_maga_002/css/style.css 상단 color 부분에 있으며 해당 컬러 코드 값을 수정하면 각 코드 값들이 일괄적으로 변경 됩니다.
예) --color-primary: #ff8f00 에서 색상 값을 변경하면 background-color: var(--color-primary) 에 배경 색상이 변경
- magazine 게시판 스킨이 포함되어 있습니다.
- 해당 테마는 구글 웹폰트 'Noto Sans KR', 'Noto Serif KR' 웹폰트를 사용했습니다.
사용을 원치 않을 시 아래의 소스 삭제합니다.
/theme/eb4_maga_002/head.html.php 파일 상단 구글폰트 링크 삭제
/theme/eb4_maga_002/css/style.css 파일 다음 소스 삭제
body, h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans KR', sans-serif}
테마 매뉴얼
테마에 대한 매뉴얼을 데모사이트 메뉴에서 제공하고 있으며 다운로드, 설치, 테마설명, 편집모드, 패치내역등을 확인 할 수 있습니다.
[테마 매뉴얼 바로가기]
