수트 테마 레이아웃이 출시되었습니다.

Suit Theme Layout

조회 수 48 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

SUIT LAYOUT

<관리자 메뉴얼/>

※ 로그인 ▶ 관리 ▶ 고급 ▶ 설치된 레이아웃 ▶ suit 레이아웃 ▶ 사용자가 만들어 놓은 레이아웃 ▶ 설정에서 관리합니다.

※ 관리 ▶ 고급 ▶ 설치된 레이아웃 메뉴 ▶ suit 레이아웃에서 메인, 서브, 서브+사이드바 등 레이아웃을 만들고 복사, 수정하여 종류별 레이아웃을 만들어 메뉴에 적용하면 더 편리합니다.

★기본설정

원하시는 레이아웃 형태를 선택해주세요.

레이아웃의 상단에 표시될 로고이미지를 등록하세요. (사이즈 260px*60px 이하가 좋습니다.)

로고를 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.(http:// 필수)

레이아웃의 상단에 표시될 로고이미지 대체문자를 입력하세요.

로고문자 컬러를 지정합니다.(hex code 색상표 참조. 비워두시면 기본색상으로 적용됩니다. 입력예시: #000)

데모 셋팅 사용여부를 선택합니다.(데모셋팅을 사용하지 않을시 입력하지 않은 내용(텍스트, 아이콘, 이미지등)은 출력되지 않습니다. 입력한 내용만 출력됩니다. 데모셋팅 사용시 기본 DEMO 셋팅에 입력내용으로 바뀝니다.)

검색 사용여부를 선택합니다.

로그인 사용여부를 선택합니다.

메인 컬러코드를 입력해 주세요.(hex code 색상표 참조. 예) #668359, 기본값:#fed136)

마우스 호버 컬러를 입력해 주세요.(hex code 색상표 참조. 예) #668359, 기본값:#fed136)

원하시는 메뉴링크타입 형태를 선택해주세요.

회원정보 페이지에서 홈버튼 URL클릭시에 이동할 홈 페이지 URL을 입력해 주세요.(http:// 필수)

★슬라이더

원하시는 슬라이더 타입을 선택해주세요.

메인 고정형 이미지를 등록합니다.(권장 사이즈: 가로 1024px 이상, 세로 640px 이상.)

메인 슬라이더 명암조절 (예) 0.1 ~ 1 높을 수록 어두움)

메인 고정형 이미지 타이틀을 입력해 주세요.

메인 고정형 이미지 설명을 입력해 주세요.

메인 고정형 이미지 버튼 내용을 입력해 주세요.

메인 고정형 이미지 버튼 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

메인페이지 슬라이더에 사용될 이미지를 입력하세요.(권장 사이즈: 가로 1024px 이상, 세로 640px 이상.)

슬라이더 이미지1 타이틀

슬라이더 이미지1 설명

메인 슬라이더 버튼1 내용을 입력하세요.

메인 슬라이더 url1을 입력하세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

메인페이지 슬라이더에 사용될 이미지를 입력하세요.(권장 사이즈: 가로 1024px 이상, 세로 640px 이상.)

슬라이더 이미지2 타이틀

슬라이더 이미지2 설명

메인 슬라이더 버튼2 내용을 입력하세요.

메인 슬라이더 url2을 입력하세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

메인페이지 슬라이더에 사용될 이미지를 입력하세요.(권장 사이즈: 가로 1024px 이상, 세로 640px 이상.)

슬라이더 이미지3 타이틀

슬라이더 이미지3 설명

메인 슬라이더 버튼3 내용을 입력하세요.

메인 슬라이더 url3을 입력하세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

메인페이지 슬라이더에 사용될 이미지를 입력하세요.(권장 사이즈: 가로 1024px 이상, 세로 640px 이상.)

슬라이더 이미지4 타이틀

슬라이더 이미지4 설명

메인 슬라이더 버튼4 내용을 입력하세요.

메인 슬라이더 url4을 입력하세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

메인페이지 슬라이더에 사용될 이미지를 입력하세요.(권장 사이즈: 가로 1024px 이상, 세로 640px 이상.)

슬라이더 이미지5 타이틀

슬라이더 이미지5 설명

메인 슬라이더 버튼5 내용을 입력하세요.

메인 슬라이더 url5을 입력하세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

★섹션 설정

전체섹션 사용여부를 선택해주세요.

메뉴 클릭시에 섹션1로 스크롤할 메뉴 이름을 입력해 주세요.(대소문자 구분, 띄어쓰기 없음(메뉴와 똑같이))

메뉴 클릭시에 섹션2로 스크롤할 메뉴 이름을 입력해 주세요.(대소문자 구분, 띄어쓰기 없음(메뉴와 똑같이))

메뉴 클릭시에 섹션3로 스크롤할 메뉴 이름을 입력해 주세요.(대소문자 구분, 띄어쓰기 없음(메뉴와 똑같이))

메뉴 클릭시에 섹션4로 스크롤할 메뉴 이름을 입력해 주세요.(대소문자 구분, 띄어쓰기 없음(메뉴와 똑같이))

메뉴 클릭시에 섹션5로 스크롤할 메뉴 이름을 입력해 주세요.(대소문자 구분, 띄어쓰기 없음(메뉴와 똑같이))

섹션1 사용여부를 선택해주세요.

섹션2 사용여부를 선택해주세요.

섹션3 사용여부를 선택해주세요.

섹션4 사용여부를 선택해주세요.

섹션 clients 사용여부를 선택해주세요.

위젯 섹션 사용여부를 선택해주세요.

섹션5 사용여부를 선택해주세요.

섹션1 타이틀을 입력해 주세요.

섹션1 타이틀 설명을 입력해 주세요.

섹션1 아이콘1을 입력해 주세요. http://fontawesome.io 에서 아이콘 선택 (예:fa fa-heart 입력 ""는 제외)

섹션1 컨텐츠1 제목을 입력해 주세요.

섹션1 컨텐츠1 설명을 입력해 주세요.

섹션1 아이콘2을 입력해 주세요. http://fontawesome.io 에서 아이콘 선택 (예:fa fa-heart 입력 ""는 제외)

섹션1 컨텐츠2 제목을 입력해 주세요.

섹션1 컨텐츠2 설명을 입력해 주세요.

섹션1 아이콘3을 입력해 주세요. http://fontawesome.io 에서 아이콘 선택 (예:fa fa-heart 입력 ""는 제외)

섹션1 컨텐츠3 제목을 입력해 주세요.

섹션1 컨텐츠3 설명을 입력해 주세요.

섹션2 타이틀을 입력해 주세요.

섹션2 타이틀 설명을 입력해 주세요.

섹션2 컨텐츠 호버 아이콘을 입력해 주세요. http://fontawesome.io 에서 아이콘 선택 (예:fa fa-heart 입력 ""는 제외)

섹션2 컨텐츠1 이미지를 등록해 주세요.

섹션2 컨텐츠1 제목을 입력해 주세요.

섹션2 컨텐츠1 설명을 입력해 주세요.

섹션2 컨텐츠1 팝업 제목을 입력해 주세요.

섹션2 컨텐츠1 팝업 제목 설명을 입력해 주세요.

섹션2 컨텐츠1 팝업 내용을 입력해 주세요.

섹션2 컨텐츠2 이미지를 등록해 주세요.

섹션2 컨텐츠2 제목을 입력해 주세요.

섹션2 컨텐츠2 설명을 입력해 주세요.

섹션2 컨텐츠2 팝업 제목을 입력해 주세요.

섹션2 컨텐츠2 팝업 제목 설명을 입력해 주세요.

섹션2 컨텐츠2 팝업 내용을 입력해 주세요.

섹션2 컨텐츠3 이미지를 등록해 주세요.

섹션2 컨텐츠3 제목을 입력해 주세요.

섹션2 컨텐츠3 설명을 입력해 주세요.

섹션2 컨텐츠3 팝업 제목을 입력해 주세요.

섹션2 컨텐츠3 팝업 제목 설명을 입력해 주세요.

섹션2 컨텐츠3 팝업 내용을 입력해 주세요.

섹션2 컨텐츠4 이미지를 등록해 주세요.

섹션2 컨텐츠4 제목을 입력해 주세요.

섹션2 컨텐츠4 설명을 입력해 주세요.

섹션2 컨텐츠4 팝업 제목을 입력해 주세요.

섹션2 컨텐츠4 팝업 제목 설명을 입력해 주세요.

섹션2 컨텐츠4 팝업 내용을 입력해 주세요.

섹션2 컨텐츠5 이미지를 등록해 주세요.

섹션2 컨텐츠5 제목을 입력해 주세요.

섹션2 컨텐츠5 설명을 입력해 주세요.

섹션2 컨텐츠5 팝업 제목을 입력해 주세요.

섹션2 컨텐츠5 팝업 제목 설명을 입력해 주세요.

섹션2 컨텐츠5 팝업 내용을 입력해 주세요.

섹션2 컨텐츠6 이미지를 등록해 주세요.

섹션2 컨텐츠6 제목을 입력해 주세요.

섹션2 컨텐츠6 설명을 입력해 주세요.

섹션2 컨텐츠6 팝업 제목을 입력해 주세요.

섹션2 컨텐츠6 팝업 제목 설명을 입력해 주세요.

섹션2 컨텐츠6 팝업 내용을 입력해 주세요.

섹션3 타이틀을 입력해 주세요.

섹션3 타이틀 설명을 입력해 주세요.

섹션3 c1 이미지를 등록해 주세요.

섹션3 c1 년도를 입력해 주세요.

섹션3 c1 타이틀을 입력해 주세요.

섹션3 c1 설명을 입력해 주세요.

섹션3 c2 이미지를 등록해 주세요.

섹션3 c2 년도를 입력해 주세요.

섹션3 c2 타이틀을 입력해 주세요.

섹션3 c2 설명을 입력해 주세요.

섹션3 c3 이미지를 등록해 주세요.

섹션3 c3 년도를 입력해 주세요.

섹션3 c3 타이틀을 입력해 주세요.

섹션3 c3 설명을 입력해 주세요.

섹션3 c4 이미지를 등록해 주세요.

섹션3 c4 년도를 입력해 주세요.

섹션3 c4 타이틀을 입력해 주세요.

섹션3 c4 설명을 입력해 주세요.

섹션3 c5 타이틀을 입력해 주세요.

섹션4 타이틀을 입력해 주세요.

섹션4 타이틀 설명을 입력해 주세요.

섹션4 c1 이미지를 등록해 주세요.

섹션4 c1 이름을 입력해 주세요.

섹션4 c1 직함을 입력해 주세요.

섹션4 c1 sns 1을 입력해 주세요.http://fontawesome.io 에서 아이콘 선택 (예:fa fa-facebook 입력 ""는 제외)

섹션4 c1 sns 1 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

섹션4 c1 sns 2을 입력해 주세요.http://fontawesome.io 에서 아이콘 선택 (예:fa fa-facebook 입력 ""는 제외)

섹션4 c1 sns 2 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

섹션4 c1 sns 3을 입력해 주세요.http://fontawesome.io 에서 아이콘 선택 (예:fa fa-facebook 입력 ""는 제외)

섹션4 c1 sns 3 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

섹션4 c2 이미지를 등록해 주세요.

섹션4 c2 이름을 입력해 주세요.

섹션4 c2 직함을 입력해 주세요.

섹션4 c2 sns 1을 입력해 주세요.http://fontawesome.io 에서 아이콘 선택 (예:fa fa-facebook 입력 ""는 제외)

섹션4 c2 sns 1 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

섹션4 c2 sns 2을 입력해 주세요.http://fontawesome.io 에서 아이콘 선택 (예:fa fa-facebook 입력 ""는 제외)

섹션4 c2 sns 2 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

섹션4 c2 sns 3을 입력해 주세요.http://fontawesome.io 에서 아이콘 선택 (예:fa fa-facebook 입력 ""는 제외)

섹션4 c2 sns 3 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

섹션4 c3 이미지를 등록해 주세요.

섹션4 c3 이름을 입력해 주세요.

섹션4 c3 직함을 입력해 주세요.

섹션4 c3 sns 1을 입력해 주세요.http://fontawesome.io 에서 아이콘 선택 (예:fa fa-facebook 입력 ""는 제외)

섹션4 c3 sns 1 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

섹션4 c3 sns 2을 입력해 주세요.http://fontawesome.io 에서 아이콘 선택 (예:fa fa-facebook 입력 ""는 제외)

섹션4 c3 sns 2 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

섹션4 c3 sns 3을 입력해 주세요.http://fontawesome.io 에서 아이콘 선택 (예:fa fa-facebook 입력 ""는 제외)

섹션4 c3 sns 3 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

섹션4 하단 설명을 입력해 주세요.

section_c 컨텐츠1 이미지를 등록해 주세요.(추천 사이즈:200px * 50px 투명png)

section_c_c1 협력사 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

section_c 컨텐츠2 이미지를 등록해 주세요.(추천 사이즈:200px * 50px 투명png)

section_c_c2 협력사 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

section_c 컨텐츠3 이미지를 등록해 주세요.(추천 사이즈:200px * 50px 투명png)

section_c_c3_협력사 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

section_c 컨텐츠4 이미지를 등록해 주세요.(추천 사이즈:200px * 50px 투명png)

section_c_c4_협력사 클릭시 이동할 주소를 입력해 주세요.(http:// 필수, #이동할 섹션의 메뉴이름을 입력하면 스크롤됩니다.)

위젯섹션 위젯1 srl 넘버를 입력해 주세요.(복수 가능 예:2099, 1882) ※ srl값 확인하는 법 : xe관리자 > 즐겨찾기 > 게시판 > 편집 > 설정(톱니바퀴) 누르면 주소창에 맨 마지막 숫자

위젯섹션 위젯1 제목1(bold)을 입력해 주세요.

위젯섹션 위젯1 제목2(thin)을 입력해 주세요.

위젯섹션 위젯1 more 클릭시 이동할 링크를 입력해 주세요.(http:// 필수)

위젯섹션 위젯2 srl 넘버를 입력해 주세요.(복수 가능 예:2099, 1882) ※ srl값 확인하는 법 : xe관리자 > 즐겨찾기 > 게시판 > 편집 > 설정(톱니바퀴) 누르면 주소창에 맨 마지막 숫자

위젯섹션 위젯2 제목1(bold)을 입력해 주세요.

위젯섹션 위젯2 제목2(thin)를 입력해 주세요.

위젯섹션 위젯2 more 클릭시 이동할 링크를 입력해 주세요.(http:// 필수)

위젯섹션 위젯3 srl 넘버를 입력해 주세요.(복수 가능 예:2099, 1882) ※ srl값 확인하는 법 : xe관리자 > 즐겨찾기 > 게시판 > 편집 > 설정(톱니바퀴) 누르면 주소창에 맨 마지막 숫자

위젯섹션 위젯3 제목1(bold)을 입력해 주세요.

위젯섹션 위젯3 제목2(thin)를 입력해 주세요.

위젯섹션 위젯3 more 클릭시 이동할 링크를 입력해 주세요.(http:// 필수)

섹션5 타이틀을 입력해 주세요.

섹션5 타이틀 설명을 입력해 주세요.

섹션5 info1 아이콘을 입력해 주세요. http://fontawesome.io 에서 아이콘 선택 (예:fa fa-heart 입력 ""는 제외)

섹션5 info1 텍스트를 입력하세요.

섹션5 info2 아이콘을 입력해 주세요. http://fontawesome.io 에서 아이콘 선택 (예:fa fa-heart 입력 ""는 제외)

섹션5 info2 텍스트를 입력하세요

섹션5 info3 아이콘을 입력해 주세요. http://fontawesome.io 에서 아이콘 선택 (예:fa fa-heart 입력 ""는 제외)

섹션5 info3 텍스트를 입력하세요.

★서브레이아웃 설정

서브페이지 콘텐츠 상단에 문서 제목과 페이지 네비게이션 등을 포함한 헤더 이미지를 출력합니다.

서브 상단 이미지를 등록합니다. (적정 사이즈: 가로 1024px, 세로 500px 이상.)

서브 상단 이미지 타이틀을 입력합니다.

서브 상단 이미지 설명을 입력합니다.

서브 상단 이미지 타이틀을 버튼 내용을 입력합니다.

서브 상단 이미지 타이틀을 버튼 주소를 입력합니다.(반드시 http:// 를 앞에 포함시켜주세요.)

서브페이지 사이드바 하단에 배너이미지를 등록합니다.(적정 사이즈 가로:200px, 세로:자유)

서브페이지 사이드바 하단에 배너이미지를 클릭 시 이동할 주소를 입력합니다. (반드시 http:// 를 앞에 포함시켜주세요.)

서브페이지 사이드바 하단에 배너이미지를 등록합니다.(적정 사이즈 가로:200px, 세로:자유)

서브페이지 사이드바 하단에 배너이미지를 클릭 시 이동할 주소를 입력합니다. (반드시 http:// 를 앞에 포함시켜주세요.)

★푸터 설정

footer 사용여부를 선택합니다.

footer menu 사용여부를 선택합니다.

footer sns 사용여부를 선택합니다.

footer sns 사용여부를 선택합니다.

푸터 sns1 아이콘을 입력해 주세요. http://fontawesome.io 에서 아이콘 선택 (예:fa fa-heart 입력 ""는 제외)

푸터 sns1 아이콘 url을 입력해 주세요.(http:// 필수)

푸터 sns2 아이콘을 입력해 주세요. http://fontawesome.io 에서 아이콘 선택 (예:fa fa-heart 입력 ""는 제외)

푸터 sns2 아이콘 url을 입력해 주세요.(http:// 필수)

푸터 sns3 아이콘을 입력해 주세요. http://fontawesome.io 에서 아이콘 선택 (예:fa fa-heart 입력 ""는 제외)

푸터 sns3 아이콘 url을 입력해 주세요.(http:// 필수)

Copyright 내용을 입력해주세요.

?