테마 소개

리듬 XE 레이아웃 테마입니다. 본 테마는 BESTLOOKER팀의 HTML 테마를 XE용으로 변환한 레이아웃 입니다. 본 레이아웃은 테마포레스트 및 BESTLOOKER 측과의 협의 하에 제작이 되었습니다. 미니멀한 디자인의 레이아웃 테마로서 21가지 이상의 메인 스타일과 전체 100 페이지 이상의 HTML 미리보기 파일이 코드형식으로 제공됩니다. 다양한 주제의 웹사이트 프리셋을 제공하고 있으므로 쉽고 편하게 웹사이트를 제작할 수 있습니다. 비즈니스라이센스와 일반라이센스 2가지로 제공이 되고 있습니다.

레이아웃 소개

레이아웃 설치

패키지 구성 및 설치경로

다운로드 받으신 테마패키지의 압축파일을 해제하셔서 각각의 폴더를 올바른 설치경로에 업로드 해주십시요. 일반라이센스는 게시판스킨, 멤버스킨, 개발코드, 원페이지가 제공되지 않습니다.

layouts 폴더
테마와 예제페이지에 대한 html파일을 포함하고 있습니다. html 파일은 메인페이지/서브페이지/개발코드가 포함됩니다. XE설치경로의 root 디렉토리에 업로드하여 주십시요.
modules 폴더
게시판스킨 2종과 멤버스킨,커뮤니케이션 스킨을 포함하고 있습니다. XE설치경로의 root 디렉토리에 업로드하여 주십시요.
widgets 폴더
폴더 하위에 리듬 레이아웃 테마 전용 위젯을 포함하고 있습니다. XE설치경로의 root 디렉토리에 업로드하여 주십시요.

기본세팅 가이드

여기서는 XE 레이아웃을 올바르게 적용하기 위한 기본적인 세팅 가이드를 제시해 드립니다. 반드시 레이아웃 패키지를 올바른 경로에 설치하신 후 진행하시기 바랍니다. 기본세팅 가이드 편은 모든 XE기반 레이아웃에서 거의 공통적으로 적용되는 사항이니 꼭 숙지해 주시기 바랍니다. XE 사용이 아직 익숙하지 않으신 분들은 아래 순서대로 따라해 주시기 바랍니다. *본 섹션은 테마별로 화면이 다를 수 있습니다. 기본적인 세팅에 대한 가이드로 이해해 주시기 바랍니다.

사이트맵 작성하기

여기서는 사이트맵을 작성하는 방법을 알아봅니다. XE 테마 세팅은 사이트맵을 작성하는 것에서 부터 시작합니다.

  1. 레이아웃 패키지의 구성품들을 모두 올바른 경로에 설치하셨다면, XE 관리자 페이지로 접속합니다.
  2. 화면 왼쪽의 "사이트제작 / 편집" 을 클릭합니다.
    사이트맵 제작/편집
  3. 사이트 메뉴 편집창 하단의 "사이트맵 추가"를 클릭하고 "사이트맵이름"을 입력한 뒤, "확인"버튼을 눌러줍니다.
    사이트맵 추가
  4. 사이트맵을 만드셨다면, 이제 사이트맵에 메뉴를 만들어줍니다. 아래와 같이 차례로 클릭하여 웹사이트 메뉴를 만들어줍니다.
    1. 방금 만든 사이트맵 클릭
    2. 메뉴추가 클릭
    3. 외부페이지 (위젯페이지, 외부페이지, 바로가기, 게시판 등 원하는 형태대로 만들어 줍니다.)
    4. 메뉴이름, 메뉴ID 입력
    5. 확인 클릭
    메뉴 추가하기
  5. 메뉴에 하위메뉴를 만들 때에는 해당 메뉴를 클릭한 다음 우측 메뉴판에서 "메뉴추가"를 클릭하여 진행합니다. 메뉴를 잘못 만드셨다면 해당 메뉴를 클릭하고 우측 메뉴판에서 "삭제"를 클릭하여 진행하시면 됩니다.
  6. 위의 방식대로 메뉴추가를 반복하여 1차메뉴, 2차메뉴, 3차메뉴로 구성된 사이트맵을 완성하여 주십시요. 대부분의 레이아웃 테마에서는 상단 네비게이션 메뉴에서 2차 혹은 3차메뉴까지 출력하도록 되어있습니다. 1차메뉴는 레이아웃에 따라 다르지만 보통 5~6개 정도가 적당합니다.
  7. 테마에 따라 필요한 사이트맵의 갯수가 다릅니다. 이를테면, 상단메뉴, 글로벌 네비게이션메뉴, 하단 메뉴 등입니다. 레이아웃에 따라 글로벌 네비게이션 사이트맵 이외의 상단 메뉴, 하단메뉴 등에 연결할 사이트맵이 필요한 경우 위의 과정을 반복하여 사이트맵을 추가하여 줍니다.

레이아웃 생성

여기서는 설치된 레이아웃 모듈을 사용하여 레이아웃을 생성하는 방법을 알아봅니다. 레이아웃 테마에 필요한 사이트맵 작성을 완료하셨다면, 이제 레이아웃을 생성해 줄 차례입니다.

  1. 먼저 웹사이트의 첫화면인 메인페이지용 레이아웃을 생성합니다. 아래 가이드를 참고하여 레이아웃을 생성해주세요.
    1. (왼쪽 관리자메뉴) 고급 클릭
    2. 설치된 레이아웃 클릭
    3. (설치된 레이아웃 목록) 해당 레이아웃 테마 클릭
    4. 추가 클릭
    5. 제목에"메인 레이아웃" 입력 후 추가 클릭
    설치된 레이아웃
    설치된 레이아웃 추가버튼
    설치된 레이아웃 추가버튼
  2. 메인 레이아웃을 생성하셨으면 이제 설정값을 만져줄 차례입니다. 생성하신 레이아웃 오른쪽에 "설정" 버튼을 클릭합니다.
    레이아웃 설정버튼
  3. 레이아웃 설정 페이지에서 아래쪽에 "사용자정의" 부분을 찾습니다.
    1. "기본설정"탭 클릭
    2. "레이아웃 형태"에서 전체너비을 선택합니다.
    레이아웃 타입선택
  4. 계속해서 레이아웃 설정 페이지 가장 아래에 위치한 '메뉴'에서 전에 만든 사이트맵을 레이아웃에 연결시켜주어야 합니다. 글로벌 네비게이션 메뉴와 하단메뉴에 각각 위에서 만든 사이트맵을 선택하고 '저장' 버튼을 눌러 변경사항을 저장합니다.
    레이아웃 메뉴연결
  5. 메인 레이아웃의 생성이 완료되었으면 서브페이지용 레이아웃을 생성할 차례입니다. 위의 과정을 아래와 같이 반복하여 주십시요.
    1. (왼쪽 관리자메뉴) 고급 클릭
    2. 설치된 레이아웃 클릭
    3. (설치된 레이아웃 목록) 해당 레이아웃 테마 클릭
    4. 추가 클릭
    5. 제목에"서브 레이아웃" 입력 후 추가 클릭
    6. 생성된 '서브 레이아웃' 옆의 '설정'버튼을 클릭하여 레이아웃 설정 페이지로 이동합니다.
  6. 레이아웃 설정 페이지에서 '기본설정' 탭을 클릭하고 '레이아웃 기본 타입 선택'에서 '컨텐트너비 + 사이드바'을 선택합니다. 그리고 설정 페이지 아래에 있는 '메뉴'에서 각각 해당하는 사이트맵을 연결시킨 다음 '저장'버튼을 눌러 변경사항을 저장합니다.
    레이아웃 메뉴연결
레이아웃 생성하실 때 짧은 팁

대부분의 메인페이지 레이아웃에 적용된 설정값들은 서브페이지 레이아웃에서 공유되는 설정값들입니다. 따라서 먼저 메인페이지 레이아웃을 생성하여 설정을 완료하신 후, 이 레이아웃을 '복사'하여 서브레이아웃을 생성하시면 좋습니다. 설정값을 다시 입력해야 하는 번거로움을 줄이고 시간과 노력을 절약할 수 있습니다.

세부적인 레이아웃 설정값에 대해서는 각각 해당하는 가이드를 참고하시기 바랍니다.

레이아웃 적용하기

여기서는 생성된 레이아웃을 각각의 페이지 / 게시판 등의 메뉴에 적용시키는 방법에 대해서 알아봅니다.

  1. 먼저 메인 레이아웃을 첫 화면이 될 메뉴에 적용시킵니다. 아래의 가이드를 따라서 진행해 주시기 바랍니다.
    1. 사이트 메뉴 편집 클릭
    2. 해당 사이트맵의 메뉴 클릭
    3. 디자인 클릭
    4. 레이아웃 클릭
    5. 사이트 디자인 사용에서 OFF로 바꿈
    6. 생성해 둔 메인 레이아웃 클릭
    7. 저장버튼 클릭
    레이아웃 메뉴연결
  2. 사이트의 홈페이지를 설정해줍니다. 위에서 메인 레이아웃을 적용했던 메뉴를 클릭하고 '홈페이지로 사용하기'를 클릭하여 웹사이트의 홈페이지로 지정합니다.
    홈페이지 지정
  3. 웹상에서 메인 레이아웃이 제대로 적용되었는지 확인합니다. 아직 컨텐츠 부분의 세팅을 하기 전이므로 레이아웃만 적용되어 있고 나머지 부분은 비어 있을 것입니다. 이후 슬라이더 이미지와 위젯 등의 적용법은 해당 가이드를 참고하시기 바랍니다.
  4. 홈 화면이 정상적으로 출력되었다면 위의 가이드를 참고하여 나머지 페이지나 게시판 메뉴에 이전에 만들어둔 서브 레이아웃을 지정해줍니다.

앞으로도 이와 같은 방식으로 필요에 따라 레이아웃을 생성 & 추가하여 적용해주시면 됩니다. 지금까지 알려드린 작업은 레이아웃 세팅의 가장 기본이 되는 작업을 수행한 것입니다. 이후 이어지는 레이아웃 설정과 관련된 가이드를 참고하여 레이아웃을 세팅하신다면, 멋진 사이트를 제작하실 수 있을 것입니다.


레이아웃 세부설정 가이드

여기서는 레이아웃 테마를 세팅할 때 알아야 하는 모든 레이아웃 설정 항목들에 대해서 알아봅니다. 레이아웃 테마의 설정 페이지로 접근하는 방법은 아래의 가이드를 참고하여 주시기 바랍니다.

레이아웃 테마 설정 페이지로 이동하기

  1. 좌측 관리자메뉴에서 고급탭을 클릭합니다.
  2. 고급 탭 하위 메뉴인 설치된 레이아웃탭을 클릭합니다.
  3. 설치된 레이아웃 모듈 목록에서 원하시는 레이아웃 이름을 클릭합니다.
  4. 해당 레이아웃 페이지에서 원하시는 레이아웃 오른쪽의 설정버튼을 클릭합니다.
설치된 레이아웃
레이아웃 설정버튼

기본설정

여기서는 레이아웃 설정 > 기본설정탭의 설정방법에 대해 알아봅니다.

기본설정 항목보기

레이아웃설정 기본설정

설정값 세팅 가이드

레이아웃 형태

레이아웃 형태는 리듬레이아웃으로 제작되는 페이지들의 기본적인 레이아웃의 너비 및 모양을 결정하게 됩니다. 슬라이더의 너비, 메뉴너비, 메뉴상단 너비 등은 레이아웃 형태와 별개로 작동합니다.

  1. 전체너비 : 사이트의 너비를 전체너비로 사용합니다.
  2. 컨텐트 너비 : 사이트의 너비를 컨텐트 너비로 사용합니다. 게시판, 메거진, 커뮤니티 형식에 사용됩니다.
  3. 컨텐트 너비 + 사이드바 : 사이트의 너비 + 사이드바를 형태로 사용합니다. 게시판, 메거진, 커뮤니티 형식에 사용됩니다.
컨텐트 사이드바 형태

사이드바를 사용할 경우 기본형 / 와이드형 중에서 한가지로 사용할 수 있습니다. 와이드형은 기본형 보다 조금 넓은 너비를 제공합니다.

  1. 기본형 : 기본사이즈의 사이드바가 보여집니다.
  2. 와이드형 : 기본형 보다 조금 큰 사이즈의 사이드바가 보여집니다.
컨텐트 사이드바 위치

컨텐트 사이드바의 위치를 지정합니다. 왼쪽/오른쪽 으로 선택할 수 있습니다.

사이트 이름

웹사이트 전반에서 사용되는 사이트의 이름을 입력합니다. 사이트의 대표명/회사명/조직명을 적어주시면 됩니다.

사이트 슬로건

웹사이트 전반에서 사용되는 사이트의 슬로건을 입력합니다. 조직의 비전,목표 등 텍스트를 넣을 수 있습니다. 50~100 바이트 정도 ( 한글 20자 )로 입력해주시면 됩니다.

홈페이지 URL

로고 클릭시 이동되는 주소를 입력해 주세요 ( 반드시 주소 앞에 HTTP://를 입력해주시기 바랍니다. )

상단로로 이미지 - 흰색

레이아웃의 상단에 표시될 로고이미지를 입력하세요.헤더부 검정색을 선택할 경우 흰색 로고가 자동으로 보여집니다. 236px x 54px 너비에 최적화 되어 있습니다.

상단 로고이미지 _ 검정색

레이아웃의 상단에 표시될 로고이미지를 입력하세요.헤더부 흰색을 선택할 경우 검정색 로고가 자동으로 보여집니다. 236px x 54px 너비에 최적화 되어 있습니다.

상단 로고이미지 _ 포토

레이아웃의 상단에 표시될 로고이미지를 입력하세요.메뉴너비를 전체화면으로 하면 로고가 자동으로 보여집니다. 304px x 108px 너비에 최적화 되어 있습니다.

하단 로고이미지

레이아웃의 하단에 표시될 로고이미지를 입력하세요. 156px x 60px 너비에 최적화 되어 있습니다.


헤더 설정

여기서는 레이아웃 설정 > 푸터정보설정 탭의 항목들에 대한 설정방법을 알아봅니다. 아래 설정 예시값들과 세팅 가이드를 참고하여 주시기 바랍니다.

푸터 설정항목 보기

레이아웃설정 사이드바 정보 및 SNS 설정

설정값 세팅 가이드

메뉴종류

메뉴의 종류를 선택합니다. 전체너비 형식은 상단의 메뉴부가 전체화면 너비에 맞게 표시됩니다. 콘텐트 너비 형식은 1170px의 너비로 중앙정렬 되어 표시됩니다. 전체화면 형식은 메뉴 클릭 시 배경을 검정색으로 전체화면에 메뉴가 표시됩니다. 표시 안 함으로 선택할 경우 메뉴는 표시되지 않습니다. ( 공사중 페이지 혹은 404페이지 등에 사용합니다 )

  1. 전체넓이
  2. 컨텐트 너비
  3. 전체화면
헤더색상

검정 / 흰색 색상을 선택 가능하며 전체화면 형식의 메뉴종류에는 적용되지 않습니다. 슬라이더 배경의 이미지에 맞추어 색상을 선택하시는 것이 좋습니다.

  1. 검정색
  2. 흰색
헤더 배경투명

헤더부의 배경 투명도를 선택합니다. 투명을 선택할 경우 투명배경에 텍스트가 보여지게 되며 아래로 스크롤 할 경우 배경으로 선택된 색상이 보여지게 됩니다.

  1. 투명
  2. 색상
헤더위치

상단고정으로 선택 할 경우 슬라이더 위 (슬라이더가 있는 경우) 나 컨텐츠 위에 고정되어 보여지게 됩니다. (fixed) 상대위치 일 경우 헤더부분의 위치가 슬라이더 혹은 컨텐트 등의 위치에 따라서 배치되게 됩니다. 헤더상단부를 사용할 경우 상대위치로 정해주시기 바랍니다.

  1. 고정위치
  2. 상대위치
헤더부 검색버튼

메인메뉴 우측에 표시되는 검색버튼의 사용여부를 선택함

  1. 표시함
  2. 표시안함
헤더부 다국어

메인 메뉴 옆 다국어기능의 사용여부를 선택합니다.

  1. 표시함
  2. 표시안함
헤더부 로그인버튼

메인메뉴 옆 로그인 버튼의 사용여부를 선택합니다. 헤더색상을 흰색으로 설정하시기 바랍니다.

  1. 표시함
  2. 표시안함
헤더부 이메일

메인 메뉴 옆 이메일 정보의 표시여부를 선택합니다. Landing 페이지 등 메뉴가 없는 페이지에서 사용하기 권장합니다.

  1. 표시함
  2. 표시안함
헤더부 연락처

메인 메뉴 옆 이메일 정보의 표시여부를 선택합니다.Landing 페이지 등 메뉴가 없는 페이지에서 사용하기 권장합니다.

  1. 표시함
  2. 표시안함

헤더상단부 설정

여기서는 레이아웃 설정 > 헤더상단부 설정 탭의 항목들에 대한 설정방법을 알아봅니다. 아래 설정 예시값들과 세팅 가이드를 참고하여 주시기 바랍니다.

레이아웃설정 사이드바 정보 및 SNS 설정

설정값 세팅 가이드

헤더 상단섹션

메뉴 상단의 다목적 공간을 추가할 수 있습니다. 메거진 형식에 맞게 개발되었으며 용도에 맞게 추가하시면 됩니다.

  1. 표시함
  2. 표시안함
헤더 상단섹션 색상

검정 / 흰색 색상을 선택 가능하며 전체화면 형식의 메뉴종류에는 적용되지 않습니다. 일반적으로 헤더 색상과 맞추어 주게 됩니다.

  1. 검정색
  2. 흰색
헤더부 연락처

메인 메뉴 옆 이메일 정보의 표시여부를 선택합니다.Landing 페이지 등 메뉴가 없는 페이지에서 사용하기 권장합니다.

  1. 컨텐트너비
  2. 전체너비
헤더 상단섹션 우측 소셜바로가기

상단섹션 우측 소셜바로가기 메뉴의 사용여부를 선택합니다. 소셜의 바로가기 링크는 상단 탭 중에서 '연락처/소셜연락처'탭에서 입력합니다.

헤더상단 바로가기 텍스트

헤더상단섹션 좌측에 표시되는 바로 가기 메뉴의 텍스트를 입력합니다.

헤더상단 바로가기 텍스트1 URL

헤더상단 바로가기 메뉴를 클릭할 경우 이동할 주소를 입력합니다. ( 반드시 주소앞에 http:// 를 입력해주시기 바랍니다. )


슬라이더 설정

여기서는 레이아웃 설정 > 하단 사이트정보 탭의 항목들에 대한 설정방법을 알아봅니다. 아래 설정 예시값들과 세팅 가이드를 참고하여 주시기 바랍니다.

레이아웃의 슬라이더에 사용되는 이미지 세팅항목 보기

레이아웃 이미지 슬라이더 세팅

설정값 세팅 가이드

전체 21종의 메인스타일이 제공됩니다. 자세한 스타일 미리보기는 이곳을 통해서 확인해 보시기 바랍니다.

슬라이더 사용여부 선택

페이지 상단에 사용되는 슬라이더를 선택해 주세요. http://codesignlab.cafe24.com/rt_intro 페이지를 통해서 슬라이더의 모양을 확인하시고 선택해 주시기 바랍니다. 컨텐츠 슬라이더와 메거진 슬라이더는 슬라이더 srl값을 필수로 넣어주셔야 합니다.

슬라이더 srl

컨텐트 슬라이더와 메거진 슬라이더를 사용할 경우 컨텐트를 출력하고자 하는 대상 게시판의 srl을 입력합니다.

슬라이더 이미지

슬라이더에 사용될 이미지를 선택합니다. 데모페이지 기준으로 1920x1080 사이즈의 이미지를 사용권장합니다.

배경 반투명

슬라이더 배경의 검정색 반투명 정도를 정합니다. 10,30,50,70,90 값만 입력 가능합니다. 값이 높을 수록 진해집니다.

슬라이더 큰 텍스트

슬라이더 이미지를 위한 큰 텍스트를 입력해 주세요.

슬라이더 작은 텍스트

슬라이더 이미지를 위한 작은 텍스트를 입력해 주세요.

슬라이더 버튼 1 텍스트

바로가기 버튼텍스트를 입력해 주세요. (ex. 더보기, more, 바로가기 등 )

슬라이더 버튼 1 Url

버튼 클릭 시 이동할 주소를 입력해 주세요. 비디오 배경에 필요한 영상의 주소도 이곳에 입력을 합니다. 로컬비디오인 경우 비디오의 절대경로를 입력해 주시기 바랍니다. 'BG HTML5 Video' 슬라이더의 경우 비디오 파일이 'video.mp4' 형식으로 되어야 합니다. (반드시 'http://' 를 포함 , vimeo 혹은 youtube 주소가 들어가는 링크를 넣을 경우 자동으로 화면에서 영상이 보여지게 됩니다. )


서브페이지 - 상단

여기서는 서브페이지 상단에 사용되는 옵션값에 대해서 알아봅니다. 서브페이지에 들어가는 상단의 페이지타이틀 바의 사용여부 ,색상, 이미지, 크기 등을 지정할 수 있습니다.

레이아웃의 서브페이시 상단에 사용되는 세팅항목 보기

레이아웃 이미지 슬라이더 세팅

설정값 세팅 가이드

서브페이지 타이틀 박스의 사용여부를 선택하시고 나머지 옵션의 값을 지정해 주시기 바랍니다.

서브 타이틀 박스

서브페이지와 컨텐츠부분 사이에 표시되는 제목박스의 사용여부를 선택합니다. 메뉴명/상위메뉴/현재위치 등이 표시됩니다.

  1. 기본크기 : 기본크기 박스를 표시합니다. 아래위의 여백이 일반크기로 적용 됩니다.
  2. 큰 박스크기 : 큰박스 크기로 제목박스를 표시합니다. 아래위의 여백이 큰 크기로 적용됩니다.
  3. 표시안남
서브 타이틀박스 색상

서브페이지의 컨텐트와 메뉴부분 사이에 제목박스의 컬러셋을 선택합니다.

  1. 흰색
  2. 검정색
서브 타이틀박스 배경이미지

서브페이지의 컨텐트와 메뉴부분 사이에 제목박스의 컬러셋을 선택합니다.

  1. 이미지 있을 경우
  2. 이미지 없을 경우

서브페이지 - 사이드바

여기서는 레이아웃 설정 > 서브페이지 - 사이드바 탭의 항목들에 대한 설정방법을 알아봅니다. 아래 설정 예시값들과 세팅 가이드를 참고하여 주시기 바랍니다.

레이아웃의 서브페이지 - 사이드바에 사용되는 이미지 세팅항목 보기

레이아웃 이미지 슬라이더 세팅

설정값 세팅 가이드

사이드바에는 미리 세팅된 위젯코드가 포함되어 있습니다. 사용자의 설정에 따라서 해당 위젯을 보이게 혹은 보이지 않도록 선택할 수 있습니다. 옵션을 보이게 할 경우 사용자의 게시판과 연동하는 작업이 꼭 필요합니다. module_srl값을 확인하여 아래 srl값 란에 넣어주시기 바랍니다. 각 옵션별 표시화면은 위 이미지를 참조하시기 바랍니다.

사이드바 - 검색창

사이드바 상단의 검색창 사용여부를 선택합니다.

사이드바 - 카테고리

사이드바의 카테고리 위젯 사용여부를 선택합니다. 해당 모듈의 카테고리가 없을 경우 표시되지 않을 수 있습니다.

사이드바 - 팔로우

사이드바의 팔로우 사용여부를 선택합니다. 페이스북,트위터,rss 버튼을 제공합니다. 버튼에 연결되는 주소는 연락처에서 입력하시기 바랍니다.

사이드바 - 테그표시

사이드바의 테그기능 사용여부를 선택합니다.

사이드바 - 글 위젯

사이드바의 글위젯 사용여부를 선택합니다. 탭형태로 보여지게 됩니다.

사이드바 위젯 탭제목1

사이드바 글위젯의 첫번째 탭 제목을 입력합니다.

사이드바 위젯 srl1

사이드바 글위젯 srl 을 입력합니다.

사이드바 위젯 탭제목2

사이드바 글위젯의 첫번째 탭 제목을 입력합니다.

사이드바 위젯 srl2

사이드바 글위젯 srl 을 입력합니다.

사이드바 글 위젯3

사이드바의 글위젯3 사용여부를 선택합니다.최근글을 웹진형식으로 보여줍니다.

사이드바 위젯3 제목

사이드바 글위젯3의 제목을 입력합니다.

사이드바 위젯3 srl

사이드바 글위젯3 srl 을 입력합니다.

사이드바 글 위젯2

사이드바의 글위젯2 사용여부를 선택합니다. 최근 댓글을 보여줍니다. 섬네일 + 이름 + 내용

사이드바 위젯2 제목

사이드바 글위젯2의 제목을 입력합니다.

사이드바 위젯2 srl

사이드바 글위젯2 srl 을 입력합니다.

사이드바 글 위젯4

사이드바의 글위젯4 사용여부를 선택합니다.

사이드바 위젯4 제목

사이드바 글위젯4의 제목을 입력합니다. 최근 댓글을 보여줍니다. 이름 + 내용

사이드바 위젯4 srl

사이드바 글위젯4 srl 을 입력합니다.

사이드바 글 위젯5

사이드바의 글위젯5 사용여부를 선택합니다.

사이드바 위젯5 제목

사이드바 글위젯5의 제목을 입력합니다. 섬네일 + 내용 형식으로 최신글이 표시됩니다.

사이드바 위젯5 srl

사이드바 글위젯5 srl 을 입력합니다.

사이드바 이미지 베너1

사이드바의 이미지베너에 표시될 이미지를 선택합니다.

사이드바 이미지 베너1 주소

사이드바의 이미지베너를 클릭시 이동할 주소를 입력합니다. ( 반드시 주소앞에 http:// 를 입력해주시기 바랍니다. )

사이드바 이미지 베너2

사이드바의 이미지베너에 표시될 이미지를 선택합니다.

사이드바 이미지 베너2 주소

사이드바의 이미지베너를 클릭시 이동할 주소를 입력합니다. ( 반드시 주소앞에 http:// 를 입력해주시기 바랍니다. )


연락처/소셜연락처

여기서는 레이아웃 설정 > 연락처/소셜연락처 탭의 항목들에 대한 설정방법을 알아봅니다. 아래 설정 예시값들과 세팅 가이드를 참고하여 주시기 바랍니다.

레이아웃의 연락처/소셜연락처에 사용되는 이미지 세팅항목 보기

레이아웃 이미지 슬라이더 세팅

설정값 세팅 가이드

연락처/소셜연락처에 입력된 사용자의 입력값은 모든 사이트에서 공통적으로 사용됩니다. 메뉴상단의 아이콘 / 하단의 아이콘 / 사이드바의 버튼 등에 공통적으로 적용되는 값입니다.

구글주소

사이트에서 사용될 구글 연결주소를 입력합니다.

페이스북 주소

사이트 전체에서 사용되는 페이스북 주소를 입력합니다.

트위터 주소

사이트에서 사용될 트위터 주소를 입력합니다.

핀터레스트

사이트에서 사용될 핀터레스트 주소를 입력합니다.

이메일 주소

사이트에서 사용될 이메일 주소를 입력합니다.

전화번호

사이트에서 사용될 대표 전화번호를 입력합니다.

팩스번호

사이트에서 사용될 대표 팩스번호를 입력합니다.


서브메뉴 형태

여기서는 레이아웃 설정 > 서브메뉴 형태 탭의 항목들에 대한 설정방법을 알아봅니다. 아래 설정 예시값들과 세팅 가이드를 참고하여 주시기 바랍니다.

레이아웃의 서브메뉴 형태에 사용되는 이미지 세팅항목 보기

레이아웃 이미지 슬라이더 세팅

설정값 세팅 가이드

상단의 메뉴표시를 3차메뉴까지 한번에 표시하고자 할때 옵션에 값을 넣어줍니다.

서브 메가메뉴

1차메뉴에 포함된 2차메뉴와 3차메뉴를 한번에 표시할 수 있게 합니다. 전체펼침 형식으로 표시하기 원하는 메뉴의 번호를 입력해 주시기 바랍니다. 예) 메인디자인/서브디자인/개발자코드/포트폴리오/게시판스킨 중에서 메인디자인을 전체펼침 하려면 '1'을 입력, 메인디자인과 서브디자인을 같이 설정하려면 '1,2' 를 입력하시면 됩니다. 입력하지 않을 경우 2차메뉴만 표시됩니다. 메가메뉴 형식으로 표시하기 위해서는 3차메뉴까지 메뉴가 만들어져 있어야 합니다.


게시판 srl 넘버 확인방법

사이트 메뉴 편집 → 해당 게시판을 선택 → 상세설정고급 설정 위에 마우스 커서를 올려두면 화면 왼쪽하단에 표시됩니다. (고급설정 버튼을 클릭하시면 안됩니다.)

게시판 모듈 srl 넘버  확인방법

추가페이지 세팅

여기서는 리듬 레이아웃에서 제공되는 추가 페이지들에 대해서 세팅방법을 알려드립니다. 리듬 레이아웃에서는 메인페이지 6종,게시판 2종,서브페이지 8종,멤버/커뮤니케이션 스킨,개발자코드를 제공하고 있습니다. 각 페이지들을 어떻게 설정하게 되는지 설명해드리겠습니다.


문서스킨 사용하기

여기서는 리듬 레이아웃에서 제공하는 리듬 전용 html 디자인 페이지에 대해서 설명을 해드립니다. 리듬에서는 아래와 같이 문서파일을 제공하고 있습니다. 향후 추가페이지가 제공예정입니다.

메인스타일 문서
  1. 메인 - 전체화면 이미지 html 페이지 : layouts/layout_rhythm/htmls/mp-index.html
  2. 메인 - 레볼루션 슬라이더 1 html 페이지 : layouts/layout_rhythm/htmls/mp-index-17.html
  3. 메인 - 레볼루션 슬라이더 2 html 페이지 : layouts/layout_rhythm/htmls/mp-index-18.html
  4. 메인 - 전체화면 슬라이더 html 페이지 : layouts/layout_rhythm/htmls/mp-index-07.html
  5. 메인 - ZOOM 슬라이더 html 페이지 : layouts/layout_rhythm/htmls/mp-index-08.html
  6. 메인 - 전체너비 슬라이더 html 페이지 : layouts/layout_rhythm/htmls/mp-index-09.html
  7. 메인 - 배경화면 슬라이더 html 페이지 : layouts/layout_rhythm/htmls/mp-index-10.html
  8. 메인 - 컨텐츠 슬라이더 html 페이지 : layouts/layout_rhythm/htmls/mp-index-20.html
  9. 메인 - 비디오 재생기능 html 페이지 : layouts/layout_rhythm/htmls/mp-index-11.html
  10. 메인 - 이미지 Parallax1 html 페이지 : layouts/layout_rhythm/htmls/mp-index-01.html
  11. 메인 - 이미지 Parallax2 html 페이지 : layouts/layout_rhythm/htmls/mp-index-02.html
  12. 메인 - 이미지 Parallax3 html 페이지 : layouts/layout_rhythm/htmls/mp-index-03.html
  13. 메인 - 이미지 Parallax4 html 페이지 : layouts/layout_rhythm/htmls/mp-index-04.html
  14. 메인 - 이미지 Parallax5 html 페이지 : layouts/layout_rhythm/htmls/mp-index-05.html
  15. 메인 - 전체너비 이미지 html 페이지 : layouts/layout_rhythm/htmls/mp-index-12.html
  16. 메인 - 텍스트 회전 html 페이지 : layouts/layout_rhythm/htmls/mp-index-05.html
  17. 메인 - 비디오 전체너비 배경 html 페이지 : layouts/layout_rhythm/htmls/mp-index-13.html
  18. 메인 - 비디오 전체화면 배경1 html 페이지 : layouts/layout_rhythm/htmls/mp-index-14.html
  19. 메인 - 비디오 전체화면 배경2 html 페이지 : layouts/layout_rhythm/htmls/mp-index-15.html
  20. 메인 - 사용자 비디오 html 페이지 : layouts/layout_rhythm/htmls/mp-index-19.html
  21. 메인 - 에이전시 스타일 html 페이지 : layouts/layout_rhythm/htmls/mp-index-16.html
  22. 메인 - 포토그래퍼 html 페이지 : layouts/layout_rhythm/htmls/rt_demo_portfolio.html
  23. 메인 - 메거진 html 페이지 : layouts/layout_rhythm/htmls/rt_demo_magazine.html
서브스타일 문서
  1. 서브 - 회사안내1 html 페이지 : layouts/layout_rhythm/htmls/pages-about-1.html
  2. 서브 - 회사안내2 html 페이지 : layouts/layout_rhythm/htmls/pages-about-2.html
  3. 서브 - 회사안내3 html 페이지 : layouts/layout_rhythm/htmls/pages-about-3.html
  4. 서브 - 서비스 소개s 1 html 페이지 : layouts/layout_rhythm/htmls/pages-services-1.html
  5. 서브 - 서비스 소개s 2 html 페이지 : layouts/layout_rhythm/htmls/pages-services-2.html
  6. 서브 - 서비스 소개s 3 html 페이지 : layouts/layout_rhythm/htmls/pages-services-3.html
  7. 서브 - Client html 페이지 : layouts/layout_rhythm/htmls/pages-clients.html
  8. 서브 - Landing Page html 페이지 : layouts/layout_rhythm/htmls/pages-landing.html
  9. 서브 - 팀원소개 1 html 페이지 : layouts/layout_rhythm/htmls/pages-team-1.html
  10. 서브 - 팀원소개 2 html 페이지 : layouts/layout_rhythm/htmls/pages-team-2.html
  11. 서브 - FAQ 1 html 페이지 : layouts/layout_rhythm/htmls/pages-faq-1.html
  12. 서브 - FAQ 2 html 페이지 : layouts/layout_rhythm/htmls/pages-faq-2.html
  13. 서브 - 가격테이블 1 html 페이지 : layouts/layout_rhythm/htmls/pages-pricing-1.html
  14. 서브 - 가격테이블 2 html 페이지 : layouts/layout_rhythm/htmls/pages-pricing-2.html
  15. 서브 - Contact 1 html 페이지 : layouts/layout_rhythm/htmls/pages-contact-1.html
  16. 서브 - Contact 2 html 페이지 : layouts/layout_rhythm/htmls/pages-contact-2.html
  17. 서브 - 겔러리 단 1 html 페이지 : layouts/layout_rhythm/htmls/pages-gallery-1col.html
  18. 서브 - 겔러리 단 2 html 페이지 : layouts/layout_rhythm/htmls/pages-gallery-2col.html
  19. 서브 - 겔러리 단 3 html 페이지 : layouts/layout_rhythm/htmls/pages-gallery-3col.html
  20. 서브 - 겔러리 단 4 html 페이지 : layouts/layout_rhythm/htmls/pages-gallery-4col.html
  21. 서브 - 겔러리 단 6 html 페이지 : layouts/layout_rhythm/htmls/pages-gallery-6col.html
  22. 서브 - 로그인 / 회원가입 html 페이지 : layouts/layout_rhythm/htmls/pages-account.html
  23. 서브 - 공사중 페이지 html 페이지 : layouts/layout_rhythm/htmls/pages-under-construction.html
  24. 서브 - Error 404 html 페이지 : layouts/layout_rhythm/htmls/pages-404.html
개발자코드 문서
  1. 개발자 - 아코디언 html 페이지 : layouts/layout_rhythm/htmls/elements-accordions.html
  2. 개발자 - 그래프 html 페이지 : layouts/layout_rhythm/htmls/elements-bars.html
  3. 개발자 - 버튼 html 페이지 : layouts/layout_rhythm/htmls/elements-buttons.html
  4. 개발자 - 아이콘박스 html 페이지 : layouts/layout_rhythm/htmls/elements-features.html
  5. 개발자 - 폼 및 폼요소 html 페이지 : layouts/layout_rhythm/htmls/elements-forms.html
  6. 개발자 - 화면분할 html 페이지 : layouts/layout_rhythm/htmls/elements-grid.html
  7. 개발자 - 아이콘 - Et-line html 페이지 : layouts/layout_rhythm/htmls/elements-icons-et.html
  8. 개발자 - 아이콘 - Font Awesome html 페이지 : layouts/layout_rhythm/htmls/elements-icons-fe.html
  9. 개발자 - 메시지창 html 페이지 : layouts/layout_rhythm/htmls/elements-messages.html
  10. 개발자 - 페이지 타이틀 html 페이지 : layouts/layout_rhythm/htmls/elements-page-titles.html
  11. 개발자 - 슬라이더 html 페이지 : layouts/layout_rhythm/htmls/elements-sliders.html
  12. 개발자 - 탭요소 html 페이지 : layouts/layout_rhythm/htmls/elements-tabs.html
  13. 개발자 - 타이포그라피 html 페이지 : layouts/layout_rhythm/htmls/elements-typography.html
  14. 개발자 - 비디오 / 사운드 html 페이지 : layouts/layout_rhythm/htmls/elements-video-sound.html
  15. 개발자 - 헤더박스 - 검정 html 페이지 : layouts/layout_rhythm/htmls/elements-header-dark.html
  16. 개발자 - 헤더박스 - 검정2 html 페이지 : layouts/layout_rhythm/htmls/elements-header-dark-transparent.html
  17. 개발자 - 헤더박스 - 흰색 html 페이지 : layouts/layout_rhythm/htmls/elements-header-white.html
  18. 개발자 - 헤더박스 - 흰색2 html 페이지 : layouts/layout_rhythm/htmls/elements-header-white-transparent.html
포트폴리오 문서
  1. 포트폴리오 - 박스형 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-2col.html
  2. 포트폴리오 - 박스형 3Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-3col.html
  3. 포트폴리오 - 박스형 4Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-4col.html
  4. 포트폴리오 - 박스형 5Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-5col.html
  5. 포트폴리오 - 박스형 Black Hovers html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-blackhover.html
  6. 포트폴리오 - 박스형 여백 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-gutter-2col.html
  7. 포트폴리오 - 박스형 여백 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-gutter-3col.html
  8. 포트폴리오 - 박스형 여백 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-gutter-4col.html
  9. 포트폴리오 - 박스형 여백 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-gutter-5col.html
  10. 포트폴리오 - 박스형 여백 Black Hovers html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-gutter-blackhover.html
  11. 포트폴리오 - 박스형 타이틀 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-titles-2col.html
  12. 포트폴리오 - 박스형 타이틀 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-titles-3col.html
  13. 포트폴리오 - 박스형 타이틀 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-titles-4col.html
  14. 포트폴리오 - 박스형 타이틀 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-titles-5col.html
  15. 포트폴리오 - 박스형 타이틀 Black Hovers html 페이지 : layouts/layout_rhythm/htmls/portfolio-boxed-titles-blackhover.html
  16. 포트폴리오 - 전체너비 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-2col.html
  17. 포트폴리오 - 전체너비 3Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-3col.html
  18. 포트폴리오 - 전체너비 4Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-4col.html
  19. 포트폴리오 - 전체너비 5Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-5col.html
  20. 포트폴리오 - 전체너비 Black Hovers html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-blackhover.html
  21. 포트폴리오 - 전체너비 여백 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-gutter-2col.html
  22. 포트폴리오 - 전체너비 여백 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-gutter-3col.html
  23. 포트폴리오 - 전체너비 여백 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-gutter-4col.html
  24. 포트폴리오 - 전체너비 여백 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-gutter-5col.html
  25. 포트폴리오 - 전체너비 여백 Black Hovers html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-gutter-blackhover.html
  26. 포트폴리오 - 전체너비 타이틀 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-titles-2col.html
  27. 포트폴리오 - 전체너비 타이틀 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-titles-3col.html
  28. 포트폴리오 - 전체너비 타이틀 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-titles-4col.html
  29. 포트폴리오 - 전체너비 타이틀 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-titles-5col.html
  30. 포트폴리오 - 전체너비 타이틀 Black Hovers html 페이지 : layouts/layout_rhythm/htmls/portfolio-wide-titles-blackhover.html
  31. 포트폴리오 - Masonry 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-masonry-2col.html
  32. 포트폴리오 - Masonry 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-masonry-3col.html
  33. 포트폴리오 - Masonry 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-masonry-4col.html
  34. 포트폴리오 - Masonry 2Col html 페이지 : layouts/layout_rhythm/htmls/portfolio-masonry-5col.html
  35. 포트폴리오 - Masonry Black Hovers html 페이지 : layouts/layout_rhythm/htmls/portfolio-masonry-blackhover.html
  36. 포트폴리오 - 단일페이지 1 html 페이지 : layouts/layout_rhythm/htmls/portfolio-single-1.html
  37. 포트폴리오 - 단일페이지 2 html 페이지 : layouts/layout_rhythm/htmls/portfolio-single-2.html
  38. 포트폴리오 - 단일페이지 3 html 페이지 : layouts/layout_rhythm/htmls/portfolio-single-3.html
  39. 포트폴리오 - 단일페이지 4 html 페이지 : layouts/layout_rhythm/htmls/portfolio-single-4.html
  40. 포트폴리오 - 단일페이지 5 html 페이지 : layouts/layout_rhythm/htmls/portfolio-single-5.html
  41. 포트폴리오 - Parallax html 페이지 : layouts/layout_rhythm/htmls/portfolio-parallax.html
  42. 포트폴리오 - 프로모션 html 페이지 : layouts/layout_rhythm/htmls/portfolio-promo.html
게시판스킨 문서
  1. 게시판 - 게시판스킨1
  2. 게시판 - 게시판스킨2
  3. 게시판 - 게시판스킨3
주제별 사이트 문서
  1. 데모페이지 - 일반1
  2. 데모페이지 - 일반2
  3. 데모페이지 - 뷰티
  4. 데모페이지 - 심플
  5. 데모페이지 - 패션
  6. 데모페이지 - 결혼/웨딩
  7. 데모페이지 - 레스토랑
  8. 데모페이지 - 스튜디오
  9. 데모페이지 - 겔러리 - 여성의류
  10. 데모페이지 - 메거진
  11. 데모페이지 - 블로그
  12. 데모페이지 - 커뮤니티
  13. 데모페이지 - 건축
  14. 데모페이지 - 포트폴리오
  15. 데모페이지 - 이벤트
  16. 데모페이지 - 헤어샵

외부페이지 연결하기

먼저 외부페이지를 불러오는 방법에 대해 알아보겠습니다. 반드시 레이아웃의 기본 세팅을 완료하신 이후에 작업을 진행하시기 바랍니다. 아직 레이아웃 테마의 기본 세팅을 완료하지 않으신 분들은 기본 세팅 가이드와 레이아웃 설정항목들에 대한 가이드를 참고하여 기본 레이아웃 세팅을 먼저 완료하시기 바랍니다.( 아래 예시 이미지는 본 레이아웃이 아닌 emily레이아웃의 예시로 공통으로 사용되는 부분임을 알려드립니다. )

  1. 사이트 제작/편집사이트 메뉴 편집해당 메인페이지 메뉴선택 → 상세설정을 클릭합니다. 이때, 해당 메인페이지의 메뉴타입은 반드시 외부페이지로 되어 있어야만 합니다.
    메뉴 상세 설정
  2. 페이지 관리 창이 뜨면 하단에 외부 문서 위치 항목이 있습니다. 여기에 다음과 같이 입력해줍니다.
    layouts/layout_rhythm/htmls/portfolio-single-1.html
    프리셋 외부페이지 경로입력
  3. '저장'을 클릭하여 변경사항을 저장합니다.
  4. 웹사이트 홈페이지에 접속하여 적용되었는지 확인합니다.

게시판 스킨 세팅하기

본 테마의 데모페이지에는 3가지 종류의 스킨이 적용되어 있습니다. 게시판 스킨은 모두 리듬레이아웃에 최적화 되어 있으며 타 레이아웃에서는 적용되지 않습니다.

게시판스킨 경로
  1. 게시판 - 클래식 스타일 모듈스킨 위치 : modules/board/skins/rhythm
  2. 게시판 - 매거진 스타일 모듈스킨 위치 : modules/board/skins/rhythm
  3. 게시판 - Masonry 스타일 모듈스킨 위치 : modules/board/skins/rhythm
게시판 스킨값 세팅
  1. 관리자페이지고급설치된 모듈게시판 → 원하는 게시판의 설정버튼 클릭 → 기본 텝의 스킨선택박스에서 Rhythm 게시판
    메뉴 상세 설정
    메뉴 상세 설정
  2. 상단의 스킨관리 탭을 선택하세요. 사용자 정의 부분에서 게시판 상단의 디자인 부분의 값들을 설정할 수 있습니다.
    프리셋 외부페이지 경로입력
    게시판 스킨선택

    클래식 / 매거진 / Masonry 스타일 중에서 한가지를 선택할 수 있습니다.

    다단 설정

    게시판에 표시되는 단수를 설정할 수 있습니다. 클래식은 기본 1단으로 적용이 됩니다. 매거진 및 Masonry는 다단으로 선택이 가능합니다.

  3. '저장'을 클릭하여 변경사항을 저장합니다.
  4. 웹사이트 홈페이지에 접속하여 적용되었는지 확인합니다.

멤버스킨 사용하기 .Biz

여기서는 레이아웃을 구매하신 사용자를 위해 회원관리 메뉴를 제공하고 있습니다. 회원관리를 위해서 멤버모듈 스킨과 커뮤니케이션 스킨을 함께 제공하고 있습니다. 자세한 설치방법은 아래설명을 참조해주시기 바랍니다.

멤버모듈 스킨
멤버모듈을 설치하면 modules/member/skins/rhythm_member 에서 파일을 확인할 수 있습니다.
  1. 관리자페이지회원회원설정상단 4번째 '디자인'탭 → 스킨을 rhythm Layout - 회원스킨 으로 선택합니다. 저장 클릭
    프리셋 외부페이지 경로입력
커뮤니케이션 모듈 스킨
멤버모듈을 설치하면 modules/communication/skins/rhythm_member 에서 파일을 확인할 수 있습니다.
  1. 관리자페이지고급설치된 모듈커뮤니케이션 → 스킨을 rhythm Layout - 회원스킨 으로 선택합니다. 저장 클릭
    프리셋 외부페이지 경로입력
    프리셋 외부페이지 경로입력


데모페이지 사용코드 - CM_CONTENT 위젯 RHYTHM 스킨

여기서는 리듬 데모페이지에 사용된 사용자 코드 중에서 위젯코드로 사용된 값들을 알려드립니다.

데모페이지에 사용된 srl은 데모페이지 사이트 기준의 srl이 적용되어 있습니다. 데모페이지의 코드를 적용 시 구매자의 웹사이트 상황에 맞는 srl을 입력해 주시기 바랍니다. srl 확인하기

레이아웃 이미지 슬라이더 세팅
  1. 리스트 위젯 / 최근댓글

                                    
                                    
                                    					
                                    

  2. 이미지 + 제목스킨 / 이용후기

                                    
                                    
                                    					
                                    

  3. 이미지 + 제목 + 내용 / 웹진스타일

                                    
                                    
                                    					
                                    

  4. 제목 + 내용

                                    
                                    
                                    					
                                    


데모페이지 사용코드 - CM_RHYTHM 위젯 RHYTHM 스킨

여기서는 리듬 데모페이지에 사용된 사용자 코드 중에서 위젯코드로 사용된 값들을 알려드립니다.

데모페이지에 사용된 srl은 데모페이지 사이트 기준의 srl이 적용되어 있습니다. 데모페이지의 코드를 적용 시 구매자의 웹사이트 상황에 맞는 srl을 입력해 주시기 바랍니다. srl 확인하기

  1. 리스트 위젯

                                
                                
                                					
    							

  2. 후기 슬라이더 스킨

                                
                                
                                					
    							

  3. 겔러리 스킨 3종

    포트폴리오 박스형 - 바로가기

                                
                                
                                					
    							

    포트폴리오 박스형 여백 - 바로가기

                                
                                
                                					
    							

    포트폴리오 박스형 제목 - 바로가기

                                
                                
                                					
    							

    전체너비는 레이아웃 설정에서 레이아웃의 너비를 전체너비로 바꿔주시면 됩니다. 위젯코드는 동일하게 적용됩니다.

    Masonry 스타일 - 바로가기

                                
                                    
                                					
    							

  4. 웹진 스킨

                                    
                                    
                                    					
                                    

  5. 컨텐츠 슬라이더 스킨

    컨텐츠 슬라이더 스킨은 게시판의 제목과 내용등을 슬라이더로 사용하게 합니다. 관리자페이지의 슬라이더 srl값을 통해서 내용을 표시하게 횝니다.

                                    
                                      
                                    					
                                    

  6. 메거진 슬라이더 스킨