매뉴얼

매뉴얼

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

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

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최신글 등의 설정을 불러와 설정할 수 있습니다.

[중요] 최초 설치 후 관리자로 로그인해 관리자 모드 < 환경설정 < 기본환경설정에 접속해 확인을 한번 클릭하기 바랍니다.
(모바일 관련 함수 설정을 위함이며 그래야 모바일에서 정상적인 레이아웃 출력됩니다.)

테마 설명 및 특이사항

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

  • 해당 테마는 사이드 레이아웃을 사용하지 않는 디자인 입니다.
  • 메인과 서브페이지에서 편집모드를 통해 손쉽게 내용 및 이미지 수정이 가능합니다.
  • 해당 테마는 헤더가 좌측 사이드 레이아웃으로 출력되며 우측에 콘텐츠와 테일이 출력됩니다.
  • 스타일과 레이아웃 수정은 에디터 프로그램으로 직접 파일을 열어 수정해야 하며 이윰 테마&스킨(http://eyoom.net/page/?pid=eb4_theme_skin)에서 구조를 참고하기 바랍니다.
  • 관리자 - 테마설정관리 - 테마환경설정에서 기본설정의 테마유형(반응형/비반응형)레이아웃(와이드형/박스형) 설정 가능합니다.
  • 포트폴리오 게시판(portfolio) 스킨을 제공합니다.
  • 게시판 생성후 '관리자 - 테마환경설정 - 게시판 추가설정'에서 'portfolio'를 적용합니다.
  • 해당 테마는 구글 웹폰트 'Noto Sans KR' 사용했으며 메인 페이지에는 'Dancing Script' 웹폰트를 사용했습니다.
    'Dancing Script' 웹폰트는 한글을 지원하지 않습니다.
    사용을 원치 않을 시 아래의 소스 삭제합니다.
    /theme/eb4_busi_013/head.html.php 파일 상단 구글폰트 링크 삭제
    /theme/eb4_busi_013/index.html.php 파일 상단 구글폰트 링크 삭제
    /theme/eb4_busi_013/css/style.css 파일 다음 소스 삭제
    body, h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans KR', sans-serif}

테마 편집모드

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

  • 메인 페이지 로더
    • · 메인페이지 로딩 시간 동안 출력되는 화면입니다.
    • · /theme/eb4_busi_013/index.html.php 파일 '페이지 로더' 부분에 각 소스가 있으며 시간 조정 및 스타일 수정을 합니다.
  • Header
    • · 로고, 메뉴, 로그인, 검색등 출력되며 편집모드 등을 통해 설정할 수 있습니다.
    • · /theme/eb4_busi_013/head.html.php 파일에서 수정합니다.
  • 메인 슬라이더(EB콘텐츠)
    • · 추가 입력란을 위해 EB콘텐츠 스킨으로 사용합니다.
    • · 텍스트필드 #1~5 입력, 연결주소#1, 이미지#1 입력합니다.
    • · 이미지 비율 2560x1707 픽셀 이미지를 등록합니다.
    • · 슬라이드 시간 조정은 하단 스크립트 autoplaySpeed에서 조정합니다.
    • · /theme/eb4_busi_013/skin/ebcontent/busi013_main_slider/ebcontents.skin.html.php
  • Company Introduction(EB콘텐츠)
    • · 마스터 타이틀 #1~2 입력
    • · 텍스트필드 #1~2, 설명글#1~2, 연결주소#1, 이미지#1를 입력 및 등록합니다.
    • · 이미지 비율 1200x1071 픽셀 이미지 사용합니다.
    • · /theme/eb4_busi_013/skin/ebcontent/busi013_main_about/ebcontents.skin.html.php
  • Portfolio(EB최신글) / Contact(EB콘텐츠)
    Portfolio(EB최신글)
    Contact(EB콘텐츠)
    • · 마스터 타이틀 #1 입력 - 받는 이메일 주소
    • · 배경이미지는 'EB콘텐츠 마스터 이미지'에서 등록합니다.
    • · 텍스트필드 #1~2, 설명글#1, 연결주소#1, 이미지#1를 입력 및 등록합니다.
    • · 설명글#1은 링크 텍스트로 출력되며 br태그 사용합니다.
    • · 이미지 비율 1000x667 픽셀 이미지 사용합니다.
    • · /theme/eb4_busi_013/skin/ebcontent/busi013_main_contact/ebcontents.skin.html.php
  • New & Notice(EB최신글)
  • Footer(하단 레이아웃)
    • · 하단로고, 회사정보, 정보링크, 패밀리 사이트등이 출력됩니다.
    • · 소셜사이트 링크는 직접 파일 수정해야 합니다..
    • · /theme/eb4_busi_013/tail.html.php 파일에서 수정합니다.

포트폴리오 게시판

포트폴리오를 이미지 슬라이드 형식으로 출력되며 주요 항목등을 여분필드를 활용해 표현하는 게시판 스킨입니다.
게시판 생성후 '관리자 - 테마환경설정 - 게시판 추가설정'에서 portfolio을 적용합니다.
게시판 특성상 별점, 추천, 신고등의 기능들은 제외 되었습니다.

  • 글작성 페이지
    • · 이미지 등록시 첫번째 이미지는 게시판 목록 정렬을 위해 동일한 비율로 업로드 합니다. 예)800 x 800px
    • · 이미지 업로드시 동일한 높이 출력을 위해 최소 높이값 800px 이상의 이미지를 업로드 합니다.
    • · 이미지 등록 수 추가는 '관리자 - 해당 게시판 설정'에서 '파일 업로드 개수'의 수를 조정합니다.
    • · 항목 입력의 타이틀은(type, size,...) 해당 파일에서 수정하며 값을 미입력하면 미출력 됩니다.
    • · 본문 내용은 에디터의 폰트 스타일이 그대로 출력되니 유의하기 바랍니다.
    • · /theme/eb4_busi_013/skin/board/portfolio/write.skin.html.php
  • 목록 페이지
    • · 첫번째 등록된 이미지가 목록에 출력됩니다.
    • · 가로 출력 수는 해당 파일 상단 25줄 '.board-gallery .gallery-item, .board-gallery .gallery-sizer' 의 width 값을 수정합니다. 예) 25% 4개 출력, 50% 2개 출력
    • · /theme/eb4_busi_013/skin/board/portfolio/list.skin.html.php
  • 내용 페이지
    • · 등록된 이미지가 슬라이드로 출력되며 마우스 스크롤 이동이 가능합니다.
    • · 입력 항목이 출력되며 미입력한 사항은 미출력됩니다.
    • · 본문 내용은 에디터의 스타일을 그대로 출력합니다.
    • · /theme/eb4_busi_013/skin/board/portfolio/view.skin.html.php

테마 패치내역

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

버전 1.1.3 (2020.04.06)
  • · theme/eb4_busi_013/skin/board/스킨명/view_comment.skin.html.php
  • · theme/eb4_busi_013/skin/board/스킨명/write.skin.html.php
  • · theme/eb4_busi_013/skin/board/스킨명/sns.skin.html.php
버전 1.1.2 (2020.04.03)
  • · theme/eb4_busi_013/tail.html.php
  • · theme/eb4_busi_013/skin/board/스킨명/view_comment.skin.html.php
  • · theme/eb4_busi_013/skin/board/스킨명/view.skin.html.php
  • · theme/eb4_busi_013/skin/board/스킨명/list.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/css/item_style.css
  • · theme/eb4_busi_013/skin/shop/basic/css/item_style_nr.css
  • · theme/eb4_busi_013/skin/shop/basic/orderform.sub.mobile.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/orderform.sub.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/orderinquiryview.skin.html.php
버전 1.1.1 (2020.03.17)
  • · theme/eb4_busi_013/head.html.php
  • · theme/eb4_busi_013/skin/board/스킨명/view_comment.skin.html.php
  • · theme/eb4_busi_013/skin/board/스킨명/write.skin.html.php
버전 1.1.0 (2020.03.03)
  • · theme/eb4_busi_013/skin/board/gallery/list.skin.html.php
  • · theme/eb4_busi_013/skin/board/webzine/list.skin.html.php
버전 1.0.1 (2020.03.02)
  • · theme/eb4_busi_013/head.html.php
  • · theme/eb4_busi_013/head.sub.html.php
  • · theme/eb4_busi_013/tail.html.php
  • · theme/eb4_busi_013/page/tagview.html.php
  • · theme/eb4_busi_013/shop/index.html.php
  • · theme/eb4_busi_013/shop/shop.head.html.php
  • · theme/eb4_busi_013/shop/shop.tail.html.php
  • · theme/eb4_busi_013/skin/board/basic/list.skin.html.php
  • · theme/eb4_busi_013/skin/board/basic/view_comment.skin.html.php
  • · theme/eb4_busi_013/skin/board/basic/write.skin.html.php
  • · theme/eb4_busi_013/skin/board/gallery/list.skin.html.php
  • · theme/eb4_busi_013/skin/board/gallery/view_comment.skin.html.php
  • · theme/eb4_busi_013/skin/board/gallery/write.skin.html.php
  • · theme/eb4_busi_013/skin/board/webzine/list.skin.html.php
  • · theme/eb4_busi_013/skin/board/webzine/view_comment.skin.html.php
  • · theme/eb4_busi_013/skin/board/webzine/write.skin.html.php
  • · theme/eb4_busi_013/skin/group/basic/group.skin.html.php
  • · theme/eb4_busi_013/skin/member/basic/formmail.skin.html.php
  • · theme/eb4_busi_013/skin/member/basic/login.skin.html.php
  • · theme/eb4_busi_013/skin/member/basic/memo.skin.html.php
  • · theme/eb4_busi_013/skin/member/basic/memo_form.skin.html.php
  • · theme/eb4_busi_013/skin/member/basic/memo_view.skin.html.php
  • · theme/eb4_busi_013/skin/member/basic/scrap_popin.skin.html.php
  • · theme/eb4_busi_013/skin/move/basic/move.skin.html.php
  • · theme/eb4_busi_013/skin/mypage/basic/activity.skin.html.php
  • · theme/eb4_busi_013/skin/mypage/basic/tabmenu.skin.html.php
  • · theme/eb4_busi_013/skin/new/basic/new.skin.html.php
  • · theme/eb4_busi_013/skin/outlogin/basic/outlogin.skin.2.html.php
  • · theme/eb4_busi_013/skin/poll/basic/poll_result.skin.html.php
  • · theme/eb4_busi_013/skin/qa/basic/answerform.skin.html.php
  • · theme/eb4_busi_013/skin/qa/basic/list.skin.html.php
  • · theme/eb4_busi_013/skin/search/basic/search.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/boxwish.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/cart.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/cartoption.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/item.form.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/itemqaform.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/itemrecommend.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/itemuseform.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/mypage.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/orderform.sub.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/orderinquiryview.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/wishlist.skin.html.php
  • · theme/eb4_busi_013/skin/shop/basic/css/item_style.css
  • · theme/eb4_busi_013/skin/shop/basic/css/item_style_nr.css
  • · theme/eb4_busi_013/skin/tag/basic/index.skin.html.php
버전 1.0.0 (2019.12.06)
  • · 테마 출시