테마 다운로드와 테마 키 확인(이윰넷에서 구매한 경우)

이윰넷에서 유료 테마를 스킨상점에서 구매하며 구매가 완료됐다면 마이페이지 > 다운로드 관리 > 테마관리에서 테마키 확인 및 다운로드가 가능합니다.

image

테마 다운로드와 주문번호 확인(sir.kr 콘텐츠몰에서 구매한 경우)

sir.kr 콘텐츠몰에서 구매를 한 경우 sir.kr에서 테마 다운로드를 받을 수 있으며 주문번호를 확인합니다.
주문번호는 테마 설치시 입력 사항 입니다.

유료 테마 설치

영카트5 + 빌더 + 베이직테마가 설치된 상태에서 구매한 유료 테마 설치 과정입니다.

step 01 다운로드 파일 확인 및 압축 풀기
image

1 압축 프로그램을 통해 해당 파일 압축을 풉니다.

[ 중요! ]

'알집'으로 압축해제시 파일이 정상적으로 해제가 안될 수 있으며, 정상설치가 되지 않아 에러가 발생합니다.
반드시 '7-zip, 반디집' 등을 사용해 압축 해제하시기 바랍니다.

step 02 폴더와 파일 리스트
image

디자인된 테마와 데모 사이트 콘텐츠 설정등의 파일 목록 입니다.

step 03 ftp 프로그램을 통해 테마 업로드
image

1 ftp 프로그램(파일질라, 알ftp등)을 통해 서버로 파일 업로드 합니다.

step 04 테마설치하기
image

1 사이트 '관리자 모드 > 테마설정관리 > 테마관리' 로 이동해 업로드한 테마의 '테마설치하기' 버튼을 클릭합니다.

step 05 테마키 또는 상품주문번호 입력하기
image

1 이윰 라이선스를 확인 후 동의 체크합니다.

2 구매한 테마키 또는 상품주문번호를 입력 후 '설치하기'를 클릭합니다.
(이윰넷에서 구매한 경우 테마키sir.kr 콘텐츠몰에서 구매한 경우 상품주문번호를 입력)

step 06 tmp폴더 삭제
image

1 테마설치 완료후 업로드한 tmp폴더를 삭제합니다.

step 07 최초 메인 페이지
image

1 설치된 테마를 홈페이지테마적용을 하면 해당 테마가 출력되며 우측 미리보기를 클릭하면 해당 테마를 미리 볼 수 있습니다.

2 관리자 로그인 후 편집모드를 활성화 시키면 화면상에서 로고, 메뉴, EB슬라이더, EB콘텐츠, EB최신글 등의 설정을 불러와 설정할 수 있습니다.

테마 설명 및 특이사항

테마에 대한 설명특이사항 등을 읽고 테마설치 및 사용에 참고하기 바랍니다.

  • 해당 테마는 원페이지 형식에 사이드 레이아웃을 사용하지 않는 디자인이며 파일 수정이 동반되어야 하기에 HTML,CSS,JavaScript 사용이 가능한 분들에게 권장합니다.
  • 원페이지 형식을 위해 메뉴 자동 출력은 지원하지 않으며 직접 '/theme/eb4_busi_008/head.html.php' 파일과 '/theme/eb4_busi_008/index.html.php' 파일 원페이지 메뉴출력 부분에서 코딩 작업을 해야 합니다.
  • 메인 배경이미지는 직접 이미지 파일 업로드와 파일 수정을 통해 출력되며 '/theme/eb4_busi_008/index.html.php' 파일에서 경로 및 명칭 수정을 '/theme/eb4_busi_008/image/main/' 폴더에 이미지 업로드 합니다.
  • waypoints 플러그인을 이용해 스크롤 이동시 애니메이션 효과가 나오는 디자인이며 '/theme/eb4_busi_008/index.html.php' 파일과 각 EB콘텐츠 하단 스크립트에서 액션 위치 조정 가능합니다.
    992px 이상일때 애니메이션 효과 발생하며 해당 스타일은 '/theme/eb4_busi_008/index.html.php' 파일에 위치합니다.
  • waypoints 플러그인의 자세한 사용방법은 waypoints 가이드(http://imakewebthings.com/waypoints/guides/getting-started/)를 참고하기 바랍니다.
  • 1200px 기준으로 이상일때는 사선이 출력되며 가로폭 1920px까지 맞춰 사선이 출력됩니다.
    그 이상에서 사선의 높이와 간격을 맞춘다면 '/theme/eb4_busi_008/index.html.php' 파일에서 수정하기 바랍니다.
  • 메인과 서브페이지에서 편집모드를 통해 손쉽게 내용 및 이미지 수정이 가능합니다.(배경이미지는 직접 이미지 파일업로드 및 파일수정 필요)
  • 관리자 - 테마설정관리 - 테마환경설정에서 기본설정의 테마유형을 반응형 / 비반응형 으로 설정 가능합니다.
  • 해당 테마는 구글 웹폰트 중 Noto Sans KR과 Noto Serif KR 폰트를 사용했으며 사용을 원치 않을 시 아래의 소스 삭제합니다.
    /theme/eb4_busi_004/head.html.php 파일 상단 구글폰트 링크 삭제
    /theme/eb4_busi_004/css/style.css 파일 다음 소스 삭제
    body, h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans KR', sans-serif;}
    각 EB콘텐츠 스킨 파일 CSS 스타일 font-family: 'Noto Sans KR', sans-serif 부분 삭제

테마 편집모드

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

image
공용 레이아웃(헤더,푸터,사이드)
  • · 로고설정
  • · 기업정보설정
  • · [EB콘텐츠]busi008_family_site
메인
  • · [EB슬라이더]busi008_main_slider

    - slick 플러그인(http://kenwheeler.github.io/slick/)을 이용한 스킨으로 파일 하단 autoplaySpeed 에서 시간 조정(1000=1초).

  • · [EB콘텐츠]busi008_sect01_about

    - 편집모드를 통해 텍스트필드와 이미지등 입력.

  • · [EB콘텐츠]busi008_sect02_product

    - slick 플러그인(http://kenwheeler.github.io/slick/)을 이용한 스킨으로 파일 하단 autoplaySpeed 에서 시간 조정(1000=1초).
    - 편집모드를 통해 텍스트필드와 이미지등 입력.
    - 정의 목록의 타이틀은 직접 파일에서 수정.

  • · [EB콘텐츠]busi008_sect03_history

    - 편집모드를 통해 텍스트필드와 이미지등 입력.

  • · [EB최신글]busi008_main_gallery

    - 게시판 생성 및 글 작성후 최신글 연동.

  • · [EB콘텐츠]busi008_sect04_contact

    - 편집모드를 통해 텍스트필드 입력.
    - 받을 이메일을 입력 저장하면 해당 메일로 발송.

테마 패치내역

테마의 패치내역을 통해 해당 파일을 업데이트를 합니다.
패치시 사용자가 직접 작업 및 수정한 내용에 대해서는 백업을 한 후 진행하기 바랍니다.

버전 1.0.2 (2019.03.27)
  • · theme/eb4_busi_008/skin/search/basic/search.skin.html.php
버전 1.0.1 (2019.03.11)
  • · theme/eb4_busi_008/skin/shop/basic/item.info.skin.html.php
  • · theme/eb4_busi_008/skin/board/basic(gallery,webzine)/write.skin.html.php
  • · theme/eb4_busi_008/skin/member/basic/login.skin.html.php
  • · theme/eb4_busi_008/skin/member/basic/social_login.skin.html.php
  • · theme/eb4_busi_008/skin/member/basic/img/login_sidebar_img.jpg
  • · theme/eb4_busi_008/skin/outlogin/basic/social_outlogin.skin.1.html.php
  • · theme/eb4_busi_008/skin/member/basic/login.skin.html.php
  • · theme/eb4_busi_008/skin/member/basic/img/login_bg_1.jpg
  • · theme/eb4_busi_008/skin/member/basic/img/login_bg_2.jpg
  • · theme/eb4_busi_008/skin/member/basic/img/login_sidebar_img.jpg
  • · theme/eb4_busi_008/skin/member/basic/social_login.skin.html.php
  • · theme/eb4_busi_008/skin/member/basic/login.skin.html.php
  • · theme/eb4_busi_008/page/privacy.html.php
  • · theme/eb4_busi_008/page/provision.html.php
  • · theme/eb4_busi_008/skin/member/basic/register.skin.html.php
  • · theme/eb4_busi_008/skin/search/basic/search.skin.html.php
  • · theme/eb4_busi_008/skin/shop/basic/css/item_style.css
  • · theme/eb4_busi_008/skin/shop/basic/css/item_style_nr.css
  • · theme/eb4_busi_008/skin/shop/basic/item.form.skin.html.php
  • · theme/eb4_busi_008/plugins/fontawesome5
  • · theme/eb4_busi_008/skin/search/basic/search.skin.html.php
  • · theme/eb4_busi_008/plugins/masonry/masonry.pkgd.min.js
  • · theme/eb4_busi_008/plugins/perfect-scrollbar/perfect-scrollbar.jquery.min.js
  • · theme/eb4_busi_008/plugins/venobox/venobox.css
  • · theme/eb4_busi_008/plugins/venobox/venobox.min.js
  • · theme/eb4_busi_008/plugins/typed/typed.min.js
  • · theme/eb4_busi_008/skin/ranking/basic/ranking.skin.html.php
  • · theme/eb4_busi_008/skin/signature/basic/signature.skin.html.php