테마 다운로드와 테마 키 확인(이윰넷에서 구매한 경우)
이윰넷에서 유료 테마를 스킨상점에서 구매하며 구매가 완료됐다면 마이페이지 > 다운로드 관리 > 테마관리에서 테마키 확인 및 다운로드가 가능합니다.
테마 다운로드와 주문번호 확인(sir.kr 콘텐츠몰에서 구매한 경우)
sir.kr 콘텐츠몰에서 구매를 한 경우 sir.kr에서 테마 다운로드를 받을 수 있으며 주문번호를 확인합니다.
주문번호는 테마 설치시 입력 사항 입니다.
유료 테마 설치
영카트5 + 빌더 + 베이직테마가 설치된 상태에서 구매한 유료 테마 설치 과정입니다.
step 01 다운로드 파일 확인 및 압축 풀기
1 압축 프로그램을 통해 해당 파일 압축을 풉니다.
[ 중요! ]
'알집'으로 압축해제시 파일이 정상적으로 해제가 안될 수 있으며, 정상설치가 되지 않아 에러가 발생합니다.
반드시 '7-zip, 반디집' 등을 사용해 압축 해제하시기 바랍니다.
step 02 폴더와 파일 리스트
디자인된 테마와 데모 사이트 콘텐츠 설정등의 파일 목록 입니다.
step 03 ftp 프로그램을 통해 테마 업로드
1 ftp 프로그램(파일질라, 알ftp등)을 통해 서버로 파일 업로드 합니다.
step 04 테마설치하기
1 사이트 '관리자 모드 > 테마설정관리 > 테마관리' 로 이동해 업로드한 테마의 '테마설치하기' 버튼을 클릭합니다.
step 05 테마키 또는 상품주문번호 입력하기
1 이윰 라이선스를 확인 후 동의 체크합니다.
2 구매한 테마키 또는 상품주문번호를 입력 후 '설치하기'를 클릭합니다.
(이윰넷에서 구매한 경우 테마키를 sir.kr 콘텐츠몰에서 구매한 경우 상품주문번호를 입력)
step 06 tmp폴더 삭제
1 테마설치 완료후 업로드한 tmp폴더를 삭제합니다.
step 07 최초 메인 페이지
1 설치된 테마를 홈페이지테마적용을 하면 해당 테마가 출력되며 우측 미리보기를 클릭하면 해당 테마를 미리 볼 수 있습니다.
2 관리자 로그인 후 편집모드를 활성화 시키면 화면상에서 로고, 메뉴, EB슬라이더, EB콘텐츠, EB최신글 등의 설정을 불러와 설정할 수 있습니다.
[중요] 최초 설치 후 관리자로 로그인해 관리자 모드 < 환경설정 < 기본환경설정에 접속해 확인을 한번 클릭하기 바랍니다.
(모바일 관련 함수 설정을 위함이며 그래야 모바일에서 정상적인 레이아웃 출력됩니다.)
테마 설명 및 특이사항
테마에 대한 설명과 특이사항 등을 읽고 테마설치 및 사용에 참고하기 바랍니다.
- 메인과 서브페이지에서 편집모드를 통해 손쉽게 내용 및 이미지 수정이 가능합니다.
- 스타일과 레이아웃 수정은 에디터 프로그램으로 직접 파일을 열어 수정해야 하며 이윰 테마&스킨(https://eyoom.net/page/?pid=eb4_theme_skin)에서 구조를 참고하기 바랍니다.
- 레이아웃 그리드는 /theme/eb4_maga_002/css/grid.css 파일에 있습니다.
디바이스 폭 576, 768, 992, 1200 에 따라 변경이 됩니다.
사용법은 그리드 시스템(https://eyoom.net/page/eb4_code_1)을 참고 바라며 클래스는 명 앞에 'f-' 를 추가하기 바랍니다. - 스크롤시 사이드 고정은 아래의 형태로 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}
테마 편집모드
편집 모드를 통해 로고, 메뉴, 회사정보 입력은 물론 사이트 콘텐츠의 이미지와 텍스트를 보여지는 화면에서 바로 수정이 가능합니다.
편집모드란? 관련링크 바로가기
-
Header(상단레이아웃)
- · 로고, 메뉴등은 편집모드 등을 통해 설정할 수 있습니다.
- · 로그인, 검색버튼, 맴버 모달창과 검색 모달창은 /theme/eb4_maga_002/head.html.php 파일에서 수정합니다.
-
메인 갤러리(EB콘텐츠)
- · 메인에 출력하고자 하는 기사(게시판 글)의 제목과 이미지, 링크를 등록 합니다.
- · 텍스트필드 #1, 연결주소#1, 이미지#1을 입력합니다.
- · 이미지 비율 1200x800 픽셀 이미지 사용했습니다.
- · 아이템 5개에 맞춰 디자인되었습니다.
- · /theme/eb4_maga_002/skin/ebcontent/maga002_main_list/ebcontents.skin.html.php
-
최신글 슬라이더/웹진
오피니언(EB최신글)
- · EB최신글(https://eyoom.net/bbs/board.php?bo_table=eb4_theme_guide&wr_id=18)을 참고해 게시판 등록합니다.
- · 최신글 게시물수:5 / 이미지 출력 여부 : 사용 / 이미지 사이즈 : 800x0 / 게시물 내용 출력 여부 : 사용 / 게시물 내용 길이 : 70
- · 슬라이더 속도는 파일 하단 autoplaySpeed 에서 수정합니다.
- · /theme/eb4_maga_002/skin/eblatest/maga002_main_slider/eblatest.skin.html.php
종합뉴스(EB최신글)
- · EB최신글(https://eyoom.net/bbs/board.php?bo_table=eb4_theme_guide&wr_id=18)을 참고해 게시판 등록합니다.
- · 최신글 게시물수:10 / 이미지 출력 여부 : 사용 / 이미지 사이즈 : 700x0 / 게시물 내용 출력 여부 : 사용 / 게시물 내용 길이 : 50 / 게시판 이름 출력 여부 : 사용
- · /theme/eb4_maga_002/skin/eblatest/maga002_main_list/eblatest.skin.html.php
-
메인 슬라이더(EB슬라이더)
- · 대표타이틀, 연결주소 [링크] #1 입력, 이미지 #1,2 등록.
- · 이미지 비율 1400x300(pc) / 800x550(mobile) 픽셀 이미지 사용합니다.
- · 웹접근성을 위해 대표타이틀은 이미지 설명 내용을 입력하기 바랍니다.
- · 슬라이드 시간 설정은 autoplaySpeed에서 설정합니다.
- · /theme/eb4_busi_020/skin/ebslider/maga002_one_slider/ebslider.skin.html.php
-
메인 갤러리 탭(EB최신글)
- · EB최신글(https://eyoom.net/bbs/board.php?bo_table=eb4_theme_guide&wr_id=18)을 참고해 게시판 등록합니다.
- · 최신글 게시물수:6 / 이미지 출력 여부 : 사용 / 이미지 사이즈 : 600x0 / 게시물 내용 출력 여부 : 사용 / 게시물 내용 길이 : 50 / 작성일 출력여부 : 사용 / 작성일 출력형식 : 년월일 방식 / 작성일 표기방식 : Y.m.d H:i
- · 아이템 추가시 탭 형식으로 추가됩니다.
- · /theme/eb4_maga_002/skin/eblatest/maga002_main_gallery_tab/eblatest.skin.html.php
-
투 배너(EB콘텐츠)
- · 텍스트필드 #1, 연결주소#1, 이미지 #1를 입력합니다.
- · 이미지 비율 800x300 픽셀 이미지 사용.
- · 아이템 2개에 맞춰 디자인되었습니다.
- · 웹접근성을 위해 텍스트필드는 이미지 설명 내용을 입력하기 바랍니다.
- · /theme/eb4_maga_002/skin/ebcontent/maga002_two_banner/ebcontents.skin.html.php
-
메인 리스트(EB최신글)
- · EB최신글(https://eyoom.net/bbs/board.php?bo_table=eb4_theme_guide&wr_id=18)을 참고해 게시판 등록합니다.
- · 최신글 게시물수:3 / 이미지 출력 여부 : 사용 / 이미지 사이즈 : 600x0
- · 아이템 추가시 좌측에 추가되며 4개에 맞춰 디자인 되었습니다.
- · /theme/eb4_maga_002/skin/eblatest/maga002_main_list/eblatest.skin.html.php
-
Footer(하단 레이아웃)
- · 하단로고, 회사정보는 편집모드를 통해 설정 할 수 있습니다.
- · 소셜링크, 하단 메뉴, 카피라이트등은 해당 파일에서 직접 수정합니다.
- · /theme/eb4_maga_002/tail.html.php 파일에서 수정합니다.
-
매거진 게시판/사이드 레이아웃
매거진 게시판 스킨
- · 목록 페이지는 제목형, 요약형, 포토형 선택에 따라 출력이 변경되며 선택시 일정시간 저장되어 보여집니다.
- · 목록 페이지 최초 접속시 보여지는 형태를 변경한다면 list.skin.html.php 파일 232줄 magazine-type-webzine을 magazine-type-gallery(포토형) 또는 magazine-type-list(제목형) 로 변경하기 바랍니다.
- · 쓰기 페이지는 wr_6, wr_7 필드를 사용해 서브제목과 직책 입력란이 있으며 미입력시 미출력 됩니다.
- · 태그 기능은 태그 사용하기 가이드(https://eyoom.net/eb4_theme_guide/20) 참고하기 바랍니다.
- · /theme/eb4_maga_002/skin/borad/magazine 폴더에서 수정합니다.
사이드 레이아웃
- · 서브페이지에서 사이드 레이아웃이 출력됩니다.
- · /theme/eb4_maga_002/side.html.php 파일에서 수정합니다.
최신뉴스(EB최신글)
- · EB최신글(https://eyoom.net/bbs/board.php?bo_table=eb4_theme_guide&wr_id=18)을 참고해 게시판 등록합니다.
- · 최신글 게시물수:6
- · /theme/eb4_maga_002/skin/eblatest/maga002_side_list/eblatest.skin.html.php
포토뉴스(EB최신글)
- · EB최신글(https://eyoom.net/bbs/board.php?bo_table=eb4_theme_guide&wr_id=18)을 참고해 게시판 등록합니다.
- · 최신글 게시물수:6 / 이미지 출력 여부 : 사용 / 이미지 사이즈 : 600x0
- · /theme/eb4_maga_002/skin/eblatest/maga002_side_slider/eblatest.skin.html.php
인기뉴스(EB최신글)
- · EB최신글(https://eyoom.net/bbs/board.php?bo_table=eb4_theme_guide&wr_id=18)을 참고해 게시판 등록합니다.
- · 최신글 게시물수:5 / 게시물 추출 기간 : 1 / 이미지 출력 여부 : 사용 / 이미지 사이즈 : 600x0 / 인기글 순서로 출력여부 : 사용
- · /theme/eb4_maga_002/skin/eblatest/maga002_side_best/eblatest.skin.html.php
테마 패치내역
테마의 패치내역을 통해 해당 파일을 업데이트를 합니다.
패치시 사용자가 직접 작업 및 수정한 내용에 대해서는 백업을 한 후 진행하기 바랍니다.
버전 1.2.11 (2023.06.02)
- · theme/eb4_maga_002/skin/mypage/basic/mbmemo.skin.html.php
- · theme/eb4_maga_002/skin/mypage/basic/favorite.skin.html.php
- · theme/eb4_maga_002/skin/mypage/basic/followinggul.skin.html.php
- · theme/eb4_maga_002/skin/mypage/basic/goodpost.skin.html.php
- · theme/eb4_maga_002/skin/mypage/basic/pinboard.skin.html.php
- · theme/eb4_maga_002/skin/mypage/basic/starpost.skin.html.php
- · theme/eb4_maga_002/skin/mypage/basic/subscribe.skin.html.php
- · theme/eb4_maga_002/skin/mypage/basic/tabmenu.skin.html.php
- · theme/eb4_maga_002/misc.html.php
버전 1.2.10 (2023.05.02)
- · theme/eb4_maga_002/skin/mypage/basic/mbmemo.skin.html.php
- · theme/eb4_maga_002/skin/mypage/basic/tabmenu.skin.html.php
- · theme/eb4_maga_002/page/mbmemo.html.php
- · theme/eb4_maga_002/page/page.tail.html.php
- · theme/eb4_maga_002/plugins/elevatezoom-plus/jquery.ez-plus.js
- · theme/eb4_maga_002/plugins/elevatezoom-plus/LICENSE
- · theme/eb4_maga_002/plugins/jquery-elevateZoom/jquery.elevateZoom.min.js
- · theme/eb4_maga_002/skin/shop/basic/item.form.skin.html.php
- · theme/eb4_maga_002/skin/board/skin_name/list.skin.html.php
- · theme/eb4_maga_002/skin/board/skin_name/view.skin.html.php
- · theme/eb4_maga_002/skin/board/skin_name/view_comment.skin.html.php
- · theme/eb4_maga_002/skin/board/skin_name/write.skin.html.php
버전 1.2.9 (2023.04.19)
- · /theme/eb4_maga_002/skin/shop/basic/cart.skin.html.php
- · /theme/eb4_maga_002/skin/shop/basic/item.skin.html.php
- · /theme/eb4_maga_002/page/page.tail.html.php
- · /theme/eb4_maga_002/skin/board/skin_name/view.skin.html.php
- · /theme/eb4_maga_002/skin/board/skin_name/write.skin.html.php
버전 1.2.8 (2023.04.12)
- · /theme/eb4_maga_002/misc.html.php
- · /theme/eb4_maga_002/skin/member/basic/point.skin.html.php
버전 1.2.7 (2023.03.27)
- · /theme/eb4_maga_002/skin/push/basic/push.skin.html.php
- · /theme/eb4_maga_002/skin/qa/basic/answer.skin.html.php
- · /theme/eb4_maga_002/skin/qa/basic/list.skin.html.php
- · /theme/eb4_maga_002/skin/qa/basic/view.skin.html.php
- · /theme/eb4_maga_002/skin/board/스킨명/list.skin.html.php
- · /theme/eb4_maga_002/skin/board/스킨명/view.skin.html.php
- · /theme/eb4_maga_002/skin/board/스킨명/write.skin.html.php
- · /theme/eb4_maga_002/skin/tagmenu/basic/tagmenu.skin.html.php
버전 1.2.6 (2023.01.17)
- · /theme/eb4_maga_002/skin/ebbanner/basic/ebbanner.skin.html.php
- · /theme/eb4_maga_002/skin/new/basic/new.skin.html.php
- · /theme/eb4_maga_002/skin/shop/basic/itemskin.html.php
- · /theme/eb4_maga_002/skin/member/basic/password_lost.skin.html.php
- · /theme/eb4_maga_002/skin/qa/basic/answer.skin.html.php
- · /theme/eb4_maga_002/skin/qa/basic/answerform.skin.html.php
버전 1.2.5 (2023.01.10)
- · /theme/eb4_maga_002/skin/board/스킨명/view_comment.skin.html.php
- · /theme/eb4_maga_002/skin/board/스킨명/write.skin.html.php
- · /theme/eb4_maga_002/skin/ebbanner/basic/ebbanner.skin.html.php
- · /theme/eb4_maga_002/skin/search/basic/search.skin.html.php
- · /theme/eb4_maga_002/skin/shop/basic/orderform.sub.skin.html.php
- · /theme/eb4_maga_002/skin/shop/basic/orderform.sub.mobile.skin.html.php
버전 1.2.4 (2022.12.23)
- · /theme/eb4_maga_002/css/common.css
- · /theme/eb4_maga_002/css/common-nr.css
- · /theme/eb4_maga_002/head.html.php
- · /theme/eb4_maga_002/misc.html.php
- · /theme/eb4_maga_002/skin/board/basic/list.skin.html.php
- · /theme/eb4_maga_002/skin/board/basic/sns.skin.html.php
- · /theme/eb4_maga_002/skin/board/basic/view_comment.skin.html.php
- · /theme/eb4_maga_002/skin/board/basic/view.skin.html.php
- · /theme/eb4_maga_002/skin/board/gallery/list.skin.html.php
- · /theme/eb4_maga_002/skin/board/gallery/sns.skin.html.php
- · /theme/eb4_maga_002/skin/board/gallery/view_comment.skin.html.php
- · /theme/eb4_maga_002/skin/board/gallery/view.skin.html.php
- · /theme/eb4_maga_002/skin/board/magazine/list.skin.html.php
- · /theme/eb4_maga_002/skin/board/magazine/sns.skin.html.php
- · /theme/eb4_maga_002/skin/board/magazine/view_comment.skin.html.php
- · /theme/eb4_maga_002/skin/board/magazine/view.skin.html.php
- · /theme/eb4_maga_002/skin/board/webzine/list.skin.html.php
- · /theme/eb4_maga_002/skin/board/webzine/sns.skin.html.php
- · /theme/eb4_maga_002/skin/board/webzine/view_comment.skin.html.php
- · /theme/eb4_maga_002/skin/board/webzine/view.skin.html.php
- · /theme/eb4_maga_002/skin/member/basic/member_icon.skin.html.php
- · /theme/eb4_maga_002/skin/newwin/basic/newwin.inc.html.php
- · /theme/eb4_maga_002/skin/search/basic/search.skin.html.php
- · /theme/eb4_maga_002/skin/shop/basic/img/naverpay.jpg
- · /theme/eb4_maga_002/skin/shop/basic/orderform.sub.mobile.skin.html.php
- · /theme/eb4_maga_002/skin/shop/basic/orderform.sub.skin.html.php
- · /theme/eb4_maga_002/skin/signature/basic/signature.skin.html.php
버전 1.2.3 (2022.07.26)
- · theme/eb4_maga_002/skin/board/basic/list.skin.html.php
- · theme/eb4_maga_002/skin/board/basic/view.skin.html.php
- · theme/eb4_maga_002/skin/board/gallery/list.skin.html.php
- · theme/eb4_maga_002/skin/board/gallery/view.skin.html.php
- · theme/eb4_maga_002/skin/board/webzine/list.skin.html.php
- · theme/eb4_maga_002/skin/board/webzine/view.skin.html.php
- · theme/eb4_maga_002/skin/faq/basic/list.skin.html.php
- · theme/eb4_maga_002/skin/qa/basic/list.skin.html.php
- · theme/eb4_maga_002/skin/brand/basic/brand.skin.html.php
- · theme/eb4_maga_002/skin/connect/basic/current_connect.skin.html.php
버전 1.2.2 (2022.07.13)
- · theme/eb4_maga_002/skin/brand/basic/brand.skin.html.php
- · theme/eb4_maga_002/skin/countdown/basic/countdown.skin.html.php
- · theme/eb4_maga_002/skin/connect/basic/current_connect.skin.html.php
- · theme/eb4_maga_002/skin/member/basic/member_cert_refresh.skin.html.php
- · theme/eb4_maga_002/skin/member/basic/password_reset.skin.html.php
- · theme/eb4_maga_002/skin/member/basic/register_form.skin.html.php
- · theme/eb4_maga_002/skin/faq/basic/list.skin.html.php
- · theme/eb4_maga_002/skin/qa/basic/list.skin.html.php
- · theme/eb4_maga_002/skin/search/basic/search.skin.html.php
- · theme/eb4_maga_002/shop/index.html.php
- · theme/eb4_maga_002/skin/shop/basic/brand.skin.html.php
버전 1.2.1 (2021.11.25)
- · theme/eb4_maga_002/skin/ebgoods/basic/ebgoods.skin.html.php
- · theme/eb4_maga_002/skin/shop/basic/list.10.skin.html.php
- · theme/eb4_maga_002/skin/shop/basic/list.20.skin.html.php
- · theme/eb4_maga_002/skin/shop/basic/list.30.skin.html.php
- · theme/eb4_maga_002/skin/shop/basic/list.40.skin.html.php
- · theme/eb4_maga_002/skin/shop/basic/main.10.skin.html.php
- · theme/eb4_maga_002/skin/shop/basic/main.20.skin.html.php
- · theme/eb4_maga_002/skin/shop/basic/main.30.skin.html.php
- · theme/eb4_maga_002/skin/shop/basic/main.40.skin.html.php
- · theme/eb4_maga_002/skin/shop/basic/main.50.skin.html.php
버전 1.2.0 (2021.10.07)
- · 테마 출시