THEME SHOP
라이믹스디자인에서 제작한 강력한 기능성과 범용성, 반응성을 갖춘 레이아웃, 위젯, 쇼핑몰 스킨으로 나만의 홈페이지를 직접 제작해 보세요.
 |
상세내용
라이선스 및 구매 안내
PC FULL RESOLUTION
일반 PC에서 가장 범용적으로 쓰이는 해상도부터 넷북 및 노트북의 좁은 해상도까지 모두 반응하는 FULL RESOLUTION TYPE 구성입니다.
권장 해상도
1280X720 ~ 1920X1080
범용성 인터넷 브라우저는 모두 호환되며, 익스플로러 8이하의 버전에서는 업그레이드가 필요합니다.
TABLET HIGH RESOLUTION
아이패드, 갤럭시탭, 갤럭시 노트 10.1 등 8~10인치 크기의 태블릿 PC에 반응하는 TYPE입니다.
권장 제원
ISO 6.0이상 안드로이드 4.4 킷캣 이상
아이패드3, 갤럭시탭1 이하의 5년 이상 발매가 지난 제품은 기기의 성능에 따라 다소 느릴 수 있습니다.
MOBILE DEVICE FULL RESOLUTION
LTE모델 대부분에서 원활하게 작동이 가능한 TYPE의 해상도 구성입니다.
권장 제원
ISO 6.0이상 안드로이드 4.4 킷캣 이상
발매년도 5년 이상 지난 구 3G 모델 등의 디바이스에서는 기기의 성능상 상대적으로 느릴수 있습니다.
개요
- 지원 브라우저 : IE(9 이상) / 크롬 / 사파리 / 오페라 / 파이어폭스 / 모바일 웹브라우저
- XE코어 : 1.7 이상
- 주의사항 : 8버전 이하의 IE에서는 일부 애니메이션 효과 및 레이아웃 프레임이 다르게 보일 수 있습니다.
특징
- PC, 태블릿PC, 스마트폰 등 다양한 디바이스를 지원하는 반응형 프레임
- 관리자 설정만으로 메인 디자인 및 서브 페이지 레이아웃 세팅 가능
- 갖가지 용도에 맞춘 다양한 형태의 섹션
- 각 메인 섹션 ON/OFF 기능
- 컨셉에 따라 메인 슬라이드 섹션을 유튜브 영상으로 변경 가능
- 관리자 언어 설정 연동 다국어 기능 지원
- 서브페이지 사이드 메뉴 좌/우/풀페이지 선택 지원
- 하단 영역 SNS링크 및 별도 메뉴 리스트 지원
- 아이콘 폰트 xeicon 1.0.4 버전, fontawesome 4.7.0 버전 지원
설치 및 세팅
상품 설치
설치 위치
- 레이아웃 스킨 : /layouts/
- 문서 스킨 : /modules/page/skins/
관리자 설정
1. 기본 설정
로그인/다국어 및 공통 인터페이스 기본 세팅입니다.
- 레이아웃 타입 : 메인/서브페이지 타입을 결정합니다.
- 헤더 로고 : 헤더 로고 이미지를 첨부합니다.
- 로고 텍스트 : 로고 이미지가 없을 경우 대체 텍스트를 입력할 수 있습니다.
- 로고 텍스트 컬러 : 로고 텍스트의 색상을 결정합니다.
- 로고 링크 : 로고 영역에 적용할 링크 주소를 입력합니다. (기본 : 메인화면)
- 언어 메뉴 사용 : 언어 변경 메뉴 및 버튼을 활성화합니다. 다국어 사용 시 유용합니다.
- 회원 메뉴 사용 : 회원가입/로그인 메뉴 및 버튼을 활성화합니다.
- 프로필 이미지 : 로그인 후 회원 메뉴 박스에 띄울 대표 이미지를 첨부합니다.
- 프로필 캡션 : 회원 메뉴 박스의 대표 이미지 아래 문구를 입력합니다.
- 헤더 배경색 : 메인 메뉴 바의 배경색을 입력합니다.
- 헤더 배경색 투명도 : 메인 메뉴 바의 배경색에 투명도를 적용합니다. (1 = 100%)
- 메뉴 색상 : PC버전 메인 메뉴의 글자색을 입력합니다.
- 포인트 컬러 : 메인 페이지 포인트 요소, 서브 페이지 사이드 메뉴 컬러, 하단 SNS아이콘 마우스 오버 등의 색상을 결정합니다.
※ 알아두세요!
- 로고 텍스트를 사용하고 싶을 시에는 로고 이미지를 첨부하지 마세요.
- 스크롤 최상단일 때의 헤더는 투명하며, 헤더 배경색은 스크롤을 내린 후 나타납니다. 모바일에서는 기본적으로 나타납니다.
- 헤더 배경색 투명도는 PC버전 헤더에서만 적용됩니다.
- 언어 메뉴 내 언어 목록은 관리자의 언어 설정과 연동됩니다.
2. 섹션 1 - 슬라이드 & 비디오
메인 풀 사이즈 슬라이드/동영상 섹션입니다.
- 섹션 1 사용 : 섹션 사용 여부를 결정합니다.
- 배경 타입 : 페이드 인 슬라이드와 유튜브 동영상 중에서 선택합니다.
- 슬라이드 변경 주기 : 슬라이드 선택 시 슬라이드의 변경되는 주기를 결정합니다. (1000 = 1초)
- 슬라이드 이미지 1~5 : 슬라이드의 1~5번 이미지를 첨부합니다.
- 메인 동영상 (유튜브) : 동영상 선택 시 영상 ID 입력으로 유튜브 영상으로 배경을 적용할 수 있습니다.
- 영상 음성 : 동영상 재생 시 음성 출력 여부를 선택합니다.
- 텍스트 컬러 : 슬라이드 전면 텍스트의 컬러를 설정합니다.
- 제목 : 텍스트 중 상단 제목을 입력합니다.
- 설명 : 텍스트 중 중간 설명글을 입력합니다.
- 버튼 링크 : 텍스트 영역 하단 링크에 연결할 url을 입력합니다.
※ 알아두세요!
- 섹션 내 텍스트 분량이 과도할 시 섹션 크기를 초과하게 되어 보이지 않게 됩니다.
- 유튜브 영상은 모바일 기기에서 자동재생되지 않는 점 유의해 주세요.
- 텍스트 컬러 옵션은 버튼의 마우스 오버 전 테두리 및 텍스트 컬러를 설정합니다. 마우스 오버 시의 버튼 색상은 기본 설정의 포인트 컬러 옵션에 의해 설정됩니다.
3. 섹션 2 - 인트로
3단 인트로 섹션입니다.
- 섹션 2 사용 : 섹션 사용 여부를 결정합니다.
- 섹션 제목 : 섹션 상단 제목을 입력합니다.
- 섹션 설명 : 섹션 상단 설명글을 입력합니다.
- 파트 타입 : 3단 파트의 타입을 결정합니다. 이미지 타입/아이콘 타입 중 선택합니다.
- 파트 1~3 이미지 : 1~3번째 파트의 이미지를 삽입합니다. 파트 타입이 이미지 타입일 경우에 사용합니다.
- 파트 1~3 아이콘 : 1~3번째 파트의 아이콘을 삽입합니다. 파트 타입이 아이콘 타입일 경우에 사용합니다.
- 파트 1~3 제목 : 1~3번째 파트의 제목을 입력합니다.
- 파트 1~3 설명 : 1~3번째 파트의 설명을 입력합니다.
- 파트 1~3 버튼 링크 : 1~3번째 파트의 하단 버튼에 연결할 url을 입력합니다.
※ 알아두세요!
- 파트 상단 아이콘 색상은 포인트 컬러에 의해 설정됩니다.
- 파트 하단 버튼의 마우스 오버 시 컬러는 포인트 컬러에 의해 설정됩니다.
4. 섹션 3 - 슬라이드 & 인트로
소형 슬라이드와 2*2타입 소개 파트, 링크로 구성되어 있는 섹션입니다.
- 섹션 3 사용 : 섹션 사용 여부를 결정합니다.
- 배경 이미지 : 섹션 배경 이미지를 삽입합니다.
- 좌측 슬라이드 1~3 이미지 : 좌측 슬라이드 이미지를 삽입합니다.
- 텍스트 컬러셋 : 텍스트 영역의 공통 컬러셋을 선택합니다. 라이트 컬러/다크 컬러 중 선택합니다.
- 텍스트 영역 제목 : 텍스트 영역 상단 제목을 입력합니다.
- 텍스트 영역 부제목 : 텍스트 영역 상단 부제목을 입력합니다.
- 파트 1~4 아이콘 : 1~3번째 파트의 아이콘을 입력합니다.
- 파트 1~4 제목 : 1~3번째 파트의 제목을 입력합니다.
- 파트 1~4 설명 : 1~3번째 파트의 설명글을 입력합니다.
- 버튼 링크 : 텍스트 영역 하단 버튼에 연결할 url을 입력합니다.
※ 알아두세요!
- 텍스트 영역 상단 제목 좌측 바 컬러는 포인트 컬러에 의해 설정됩니다.
- 텍스트 영역 각 파트의 아이콘 컬러는 포인트 컬러에 의해 설정됩니다.
5. 섹션 4 - 갤러리
우측에 무빙 이미지가 있는 갤러리 형 컨텐츠 위젯 섹션입니다.
- 섹션 4 사용 : 섹션 사용 여부를 결정합니다.
- 섹션 제목 : 섹션 상단 제목을 입력합니다.
- 섹션 부제목 : 섹션 상단 부제목을 입력합니다.
- 갤러리 연동 게시판 srl : 갤러리 위젯에 연동할 게시판의 모듈값을 입력합니다.
- 갤러리 박스 배경색 : 갤러리 위젯 후면 박스 영역의 컬러를 설정합니다.
- 섹션 설명 : 섹션 하단 설명글을 입력합니다.
- 우측 무빙 이미지 : 스크롤에 따라 움직이는 우측 이미지를 삽입합니다.
※ 알아두세요!
- 컨텐츠 위젯 연결을 위한 게시판 srl은 관리자 > 고급 > 설치된 모듈 > 게시판 > 해당 게시판 > 설정 > 주소창에서 확인할 수 있습니다.
(…&module_srl=275 → 맨 뒤 숫자만 입력하면 됩니다.) - 여러 개의 게시판을 컨텐츠 위젯에 연결할 시에는 srl값을 쉼표(,)로 연결합니다.
- 무빙 이미지는 다른 섹션에 겹치는 효과를 가지고 있으므로, 세로로 과도하게 긴 이미지는 타 섹션에 영향이 있을 수 있습니다.
6. 섹션 5 - 더블 이미지
이미지 두 개가 엇갈려 배치된 구도의 인트로 섹션입니다.
- 섹션 5 사용 : 섹션 사용 여부를 결정합니다.
- 섹션 배경 이미지 : 섹션 배경 이미지를 삽입합니다.
- 좌측 이미지 1~2 : 좌측 이미지 영역의 두 이미지를 삽입합니다.
- 텍스트 컬러셋 : 텍스트 영역의 공통 컬러셋을 선택합니다. 라이트 컬러/다크 컬러 중 선택합니다.
- 텍스트 영역 제목 : 텍스트 영역 제목을 입력합니다.
- 텍스트 영역 부제목 : 텍스트 영역 부제목을 입력합니다.
- 텍스트 영역 설명 : 텍스트 영역 설명글을 입력합니다.
- 서명 : 텍스트 영역 하단의 서명 텍스트를 입력합니다.
※ 알아두세요!
- 이미지 영역의 바 컬러는 포인트 컬러에 의해 설정됩니다.
7. 섹션 6 - 캐러셀 슬라이드
각 슬라이드 별 텍스트를 적용할 수 있는 캐러셀 슬라이드 타입 섹션입니다.
- 섹션 제목 : 섹션 상단 제목을 입력합니다.
- 좌측 부제목 : 섹션 상단 부제목을 입력합니다.
- 슬라이드 이미지 1~5 : 슬라이드 이미지를 삽입합니다.
- 슬라이드 제목 1~5 : 슬라이드 마우스 오버 시 등장하는 텍스트 영역의 제목을 입력합니다.
- 슬라이드 설명 1~5 : 슬라이드 마우스 오버 시 등장하는 텍스트 영역의 설명글을 입력합니다.
※ 알아두세요!
- 슬라이드 이미지의 세로 길이가 너무 짧거나 텍스트의 분량이 너무 길 경우 텍스트가 잘리게 되므로 이미지 크기 및 텍스트 분량에 주의해 주세요.
- 텍스트 영역의 제목 컬러는 포인트 컬러에 의해 설정됩니다.
8. 섹션 7 - 슬라이드 & 포스트
슬라이드 및 컨텐츠 위젯으로 구성된 포스트 섹션입니다.
- 섹션 배경 이미지 : 섹션 배경 이미지를 삽입합니다.
- 섹션 제목 : 섹션 상단 제목을 입력합니다.
- 좌측 영역 타입 : 기본 슬라이드 타입과 html 및 텍스트를 자유롭게 삽입 가능한 프리 타입 중 선택할 수 있습니다.
- 좌측 슬라이드 이미지 1~3 : 좌측 슬라이드의 이미지를 삽입합니다. 기본 슬라이드 타입일 때 사용합니다.
- 좌측 슬라이드 제목 1~3 : 좌측 슬라이드의 각각의 제목을 입력합니다.
- 좌측 슬라이드 설명 1~3 : 좌측 슬라이드의 각각의 설명글을 입력합니다.
- 좌측 자유 내용 : html, 텍스트 등 자유롭게 내용을 입력합니다. 프리 타입일 때 사용합니다.
- 우측 영역 타입 : 기본 컨텐츠 위젯 기능의 포스트 타입과 html 및 텍스트를 자유롭게 삽입 가능한 프리 타입 중 선택할 수 있습니다.
- 우측 컨텐츠 위젯 연동 게시판 srl : 우측 포스트 영역에 연결할 게시판 모듈값을 입력합니다. 포스트 타입일 때 사용합니다.
- 우측 자유 내용 : html, 텍스트 등 자유롭게 내용을 입력합니다. 프리 타입일 때 사용합니다.
※ 알아두세요!
- 섹션 제목, 중앙 및 우측 하단의 장식 바 색상은 포인트 컬러에 의해 설정됩니다.
- 섹션 내 텍스트 기본 컬러는 흰색(#fff)입니다.
- 좌/우측 파트를 기본 형태로 사용할 시, 텍스트 분량이 과도할 경우 이미지 영역을 넘어 잘리게 될 수 있습니다. 분량에 유의해 주세요.
9. 서브페이지 레이아웃
서브탑, 사이드메뉴 등 서브페이지의 레이아웃 영역 설정입니다.
- 서브페이지 레이아웃 타입 : 사이드메뉴 위치 및 유무에 따라 좌측/우측/풀 페이지 중 선택합니다.
- 서브탑 영역 사용 : 서브탑 영역 사용 여부를 결정합니다. 사용하지 않을 경우 위치 정보 영역도 함께 사라집니다.
- 서브탑 배경 이미지 : 서브탑 영역의 배경 이미지를 첨부합니다.
- 서브탑 배경색 : 서브탑 영역에 배경 이미지를 넣지 않을 경우 나타나는 배경색입니다.
- 서브탑 텍스트 사용 : 서브탑 영역 내 텍스트 사용 여부를 결정합니다. 사용 여부에 관계 없이 서브탑 영역의 높이는 유지됩니다.
- 서브탑 텍스트 컬러 : 서브탑 텍스트의 색상을 결정합니다.
- 서브탑 상단 슬로건 : 서브탑 텍스트 중 상단 소형 문구입니다.
- 서브탑 중간 제목 : 서브탑 텍스트 중 중앙 대형 문구입니다.
- 서브탑 하단 부제목 : 서브탑 텍스트 중 하단 중형 문구입니다.
- 컨텐츠 너비 : 서브페이지 컨텐츠 영역의 너비를 결정합니다. 사이드메뉴 사용 시 사이드메뉴 영역을 포함한 길이입니다.
10. 푸터 영역
메인/서브페이지 공통 하단 푸터 영역 설정입니다. 설정에 따라 1/2/3/4단으로 변형합니다.
- 섹션 1 로고 : 첫 번째 섹션의 로고 이미지를 첨부합니다.
- 섹션 1 로고 텍스트 : 로고 이미지가 없을 시 대체 텍스트 입력이 가능합니다.
- 섹션 1 소셜 아이콘 1~4 : 로고 하단에 아이콘을 삽입합니다. (xeicon, fontawesome 사용 가능)
- 섹션 1 소셜 아이콘 링크 1~4 : 삽입한 아이콘 클릭 시 이동할 url을 입력합니다.
- 섹션 2 제목 : 두 번째 섹션 제목을 입력합니다.
- 섹션 2 내용 : 두 번째 섹션 내용을 입력합니다. (html 사용 가능)
- 섹션 3 제목 : 세 번째 섹션 제목을 입력합니다.
- 섹션 3 내용 : 세 번째 섹션 내용을 입력합니다. (html 사용 가능)
- 푸터 메뉴 사용 : 네 번째 섹션 - 푸터 메뉴 사용 여부를 결정합니다. 적용 사이트맵은 별도 설정합니다.
- 카피라이트 : 푸터 하단의 카피라이트 문구를 입력합니다.
주의사항 및 Tip
1. 주의사항
- 설치 시 폴더 위치에 유의해 주십시오. 폴더 위치가 틀릴 시 시스템이 인식하지 못합니다.
- 유튜브 영상은 모바일 기기의 자동 재생을 지원하지 않습니다.
2. 템플릿 세팅 Tip
- 유튜브 영상 ID는 주소창의 맨 뒷부분이나 'watch?v=' 다음에서 찾을 수 있습니다.
( https://youtu.be/wnhvanMdx4s // https://www.youtube.com/watch?v=wnhvanMdx4s) - 모든 색상 관련 설정은 HEX코드, RGB, HSL 중 자유롭게 선택하여 입력 가능하며, 각 타입에 맞춘 형식으로 입력해야 정상 적용됩니다.
컬러 코드 확인하기 → Color picker - 컨텐츠 위젯 연결을 위한 게시판 srl은 관리자 > 고급 > 설치된 모듈 > 게시판 > 해당 게시판 > 설정 > 주소창에서 확인할 수 있습니다.
(…&module_srl=275 → 맨 뒤 숫자만 입력하면 됩니다.) - 관리자의 아이콘 삽입 항목 이용 시에는 아이콘 태그 전체가 아닌 class="" 내의 값만 입력하면 정상적으로 삽입됩니다.
사용 가능한 아이콘 확인하기 → Xeicon Fontawesome
라이선스 및 구매 안내
※ 구매하신 컨텐츠는 개당 1개의 사이트에서만 사용 가능하며, 타 사이트에 추가적으로 사용을 원하실 경우 상품의 재구매 및 사이트 도메인 등록이 필요합니다.
※ 사용 대상 사이트 혹은 도메인이 변경될 경우 해당 상품의 등록 도메인 변경을 신청하셔야 하며, 변경 신청은 구매일로부터 60일 이내에만 가능합니다.
※ 구매일로부터 60일이 초과한 상품의 도메인 변경 신청은 별도로 문의해주시기 바랍니다..
1. 구매 가이드 및 주의사항
- 본 제품은 디지털코드로 이루어진 무형 콘텐츠 제품으로, 구매 이후 환불 및 교환이 불가합니다.
- 모든 라이선스는 1개 당 도메인 1개 연결이 가능하며, 라이선스 등록 시 url 허위 작성 및 동일 라이선스 중복 사용 시 법적 책임이 발생할 수 있습니다.
- 구매 상품의 2차 수정/편집 과정에서 발생한 오류에 관하여 책임을 지지 않습니다.
- 컨텐츠 구매 및 사용함에 따라 귀하는 위 라이선스 조항에 동의함을 의미합니다.
- 상기 라이선스 규정 위반이 발견될 시 변리사를 통해 법적인 책임을 물을 수 있으므로 착오 없이 이용하시기 바랍니다.
2. 판매자 정보 및 고객센터
- 사업자명 : 위즈원
- 사업자등록번호 : 609-17-29419
- 통신판매업 신고번호: 제2007-00049호
- E-mail : ceo@wizone.co.kr
- 상담시간 : 10:00 ~ 17:00