유용한 팁
2026-05-06T21:34:10+09:00
https://www.camerontheme.com/xe_tip/atom
Rhymix
Copyright© 캐머런. All rights reserved.
슬라이더 다국어 지원하기
https://www.camerontheme.com/xe_tip/120262
2017-05-29T22:35:17+09:00
2017-05-29T22:35:17+09:00
캐머런
슬라이더는 일반적으로 다국어 지원이 되지 않습니다. 하지만, 이렇게 하시면 다국어 지원을 하실 수 있습니다.^^ 1. 사이트 메뉴 편집에서 한글로 슬라이더 게시판(예. slider_kr)과 영문용 슬라이더 게시판(예. slider_en)을 따로 만듭니다. 2. 설치된 위젯 - 캐머런 슬라이더 위젯 - 코드생성 - 설정을 하되 대상모듈은 slider_kr로 선택합니다. 코드생성 후 얻어진 코드를 메모장 등에 복사해 놓습니다. 이번엔 대상모듈을 slid...
<p>슬라이더는 일반적으로 다국어 지원이 되지 않습니다.</p> <p>하지만, 이렇게 하시면 다국어 지원을 하실 수 있습니다.^^</p> <p><br /> 1. 사이트 메뉴 편집에서<br /> 한글로 슬라이더 게시판(예. slider_kr)과 영문용 슬라이더 게시판(예. slider_en)을 따로 만듭니다.<br /> <br /> 2. 설치된 위젯 - 캐머런 슬라이더 위젯 - 코드생성 - 설정을 하되 대상모듈은 slider_kr로 선택합니다. 코드생성 후 얻어진 코드를 메모장 등에 복사해 놓습니다.<br /> 이번엔 대상모듈을 slider_en으로 선택하고 코드생성해서 메모장 등에 복사해 놓습니다.<br /> <br /> 3. 설치된 레이아웃 - 레이아웃 설정 - 슬라이더 설정 - 사용자영역에 다국어 버튼을 클릭하고<br /> <img alt="ml_slider.png" src="https://www.camerontheme.com/files/attach/images/4645/262/120/c1807438fbd63e124fffecb3eae13b66.png" /></p> <p> </p> <p><br /> 위 캡처화면처럼 메모장에 붙여넣은 위젯코드 중 한국어쪽에는 slider_kr을 선택한 코드를, 영문쪽에는 slider_en을 선택한 코드를 붙여넣기 하시면 됩니다.<br /> </p>
개인정보취급방침 만드는 방법
https://www.camerontheme.com/xe_tip/81436
2015-12-02T00:56:35+09:00
2015-12-02T00:56:35+09:00
캐머런
개인정보취급방침을 만드는 방법 개인정보취급방침을 만들어주는 사이트입니다. https://www.privacy.go.kr/a3sc/per/inf/perInfStep01.do 링크로 들어가셔서 순서대로 진행하시면 만들 수 있게 됩니다^^
<p>개인정보취급방침을 만드는 방법</p> <p>개인정보취급방침을 만들어주는 사이트입니다.</p> <p>https://www.privacy.go.kr/a3sc/per/inf/perInfStep01.do</p> <p>링크로 들어가셔서 순서대로 진행하시면 만들 수 있게 됩니다^^</p>
동영상/지도 반응형으로 만들기
https://www.camerontheme.com/xe_tip/30471
2014-08-27T18:03:39+09:00
2014-08-27T21:26:57+09:00
캐머런
동영상 / 지도 반응형으로 만들어주는 사이트입니다.^^ http://embedresponsively.com/ 유용하니 즐겨찾기 해두세요~
<p style="font-family: 돋음; font-size: 12px;">동영상 / 지도 반응형으로 만들어주는 사이트입니다.^^</p> <p><font face="돋음">http://embedresponsively.com/</font><br /></p> <p><font face="돋음">유용하니 즐겨찾기 해두세요~</font></p>
캐머런 레이아웃에서 모바일 게시판을 사용하려면?
https://www.camerontheme.com/xe_tip/13524
2014-04-25T14:20:00+09:00
2014-04-25T14:20:00+09:00
캐머런
캐머런 반응형 레이아웃은 모바일에서도 최적화된 화면을 보여줍니다. 하지만, 여전히 PC용 게시판 등을 사용하기 때문에 가끔 모바일 전용 게시판을 사용하고 싶을 때에는 모바일 전용 레이아웃을 사용해야 해서 아쉬울 때가 있습니다. 이럴 때 간단히 해결하는 방법을 알려드립니다. layouts/레이아웃 폴더를 m.layouts/레이아웃 폴더에 복사하면 됩니다. 그러면 모바일 레이아웃에 방금 복사한 레이아웃이 뜨게 되며 레이아웃 설...
<p>캐머런 반응형 레이아웃은 모바일에서도 최적화된 화면을 보여줍니다.</p> <p>하지만, 여전히 PC용 게시판 등을 사용하기 때문에</p> <p>가끔 모바일 전용 게시판을 사용하고 싶을 때에는 모바일 전용 레이아웃을 사용해야 해서 아쉬울 때가 있습니다.</p> <p><br /></p> <p>이럴 때 간단히 해결하는 방법을 알려드립니다.</p> <p>layouts/레이아웃 폴더를</p> <p>m.layouts/레이아웃 폴더에 복사하면 됩니다.</p> <p>그러면 모바일 레이아웃에 방금 복사한 레이아웃이 뜨게 되며</p> <p>레이아웃 설정을 하신다음 사용하시면 됩니다.</p> <p><br /></p> <p>감사합니다.^^</p>
메인과 서브 레이아웃 구성 방법
https://www.camerontheme.com/xe_tip/12197
2014-04-17T19:00:42+09:00
2014-05-31T22:18:14+09:00
캐머런
안녕하세요 캐머런입니다. XE는 메인과 서브 구성에 따라 레이아웃을 여러개 만들어 활용합니다. 메인과 서브 구성방법입니다. 1. 레이아웃을 최소한 2개를 생성해야 합니다. 메인에 사용할 "메인레이아웃"과 서브에 사용할 "서브레이아웃"을 생성합니다. [사이트 디자인 설정]에서 [복사본]을 만들어서 생성하실 수 있습니다. 2. "서브레이아웃"을 기본 레이아웃으로 바꿉니다. [사이트 디자인 설정]에서 [레이아웃 디자인]을 위에...
<div>안녕하세요 캐머런입니다.</div><div><div>XE는 메인과 서브 구성에 따라 레이아웃을 여러개 만들어 활용합니다.</div></div><div><br /></div><div><span style="line-height: 1.5;">메인과 서브 구성방법입니다.</span><br /></div><div><span style="line-height: 1.5;"><br /></span></div><div><span style="line-height: 1.5;"><b>1. 레이아웃을 최소한 2개를 생성해야 합니다.</b></span></div><div><span style="line-height: 1.5;"> 메인에 사용할 "<b>메인레이아웃</b>"과 서브에 사용할 "<b>서브레이아웃</b>"을 생성합니다.</span><br /></div><div><b>[사이트 디자인 설정]</b>에서 [복사본]을 만들어서 생성하실 수 있습니다.</div><div><br /></div><div><b>2. "서브레이아웃"을 기본 레이아웃으로 바꿉니다.</b></div><div><b> [사이트 디자인 설정]</b>에서 <b>[레이아웃 디자인]</b>을 위에서 생성한 "<b>서브레이아웃</b>"을 선택하고 <b>[PC설정 저장]</b>합니다.</div><div>이렇게 하면 모든 메뉴의 레이아웃이 "<b>서브레이아웃</b>"으로 바뀌게 됩니다.</div><div><br /></div><div><b>3. 메인만 "메인레이아웃"으로 선택합니다.</b></div><div><b> [사이트 메뉴 편집]</b>에서 메인페이지만 <b>[레이아웃 디자인] - [사이트 디자인 사용]</b>을 "<b>OFF</b>"로 바꿉니다.</div><div>"<b>메인레이아웃</b>"을 선택하고 <b>[저장]</b>합니다.</div><div><br /></div><div><b>4. 점검사항</b></div><div><b>[사이트 메뉴 편집]</b>에서 메인페이지외에 모든 메뉴의 <b>[레이아웃 디자인]</b> - <b>[사이트 디자인 사용]</b>이 "<b>ON</b>"으로 되어 있는지 확인합니다.</div><div> ON으로 해야 2번에서 선택한 서브레이아웃이 연결됩니다.</div><div><br /></div><div><br /></div><div>XE는 이렇게 레이아웃 구성에 따라 레이아웃을 여러개 만들어 활용합니다.</div><div><br /></div><div><span style="line-height: 1.5;">감사합니다. 홈페이지 예쁘게 꾸미세요~^^</span><br /></div>
레이아웃 좌우측 배너넣기
https://www.camerontheme.com/xe_tip/8184
2014-03-20T18:58:05+09:00
2020-11-18T22:19:12+09:00
캐머런
레이아웃 바깥 좌우로 배너를 넣고 싶으실 경우 참고하세요. http://xe1.xpressengine.com/index.php?mid=userForum&search_target=nick_name&search_keyword=gayeon&document_srl=20474420 관련하여 문의는 XE공식홈페이지 '묻고답하기' 를 이용하세요.^^
<p style="font-size: 12px;">레이아웃 바깥 좌우로 배너를 넣고 싶으실 경우 참고하세요.</p> <p style="font-size: 12px;"> </p> <p>http://xe1.xpressengine.com/index.php?mid=userForum&search_target=nick_name&search_keyword=gayeon&document_srl=20474420</p> <p> </p> <p>관련하여 문의는 XE공식홈페이지 '묻고답하기' 를 이용하세요.^^</p>
슬라이더와 갤러리 위젯 링크변경
https://www.camerontheme.com/xe_tip/4993
2014-02-17T00:03:45+09:00
2014-06-25T16:04:50+09:00
캐머런
캐머런슬라이더에 원하는 링크를 걸어주는 방법입니다. 1. 먼저 슬라이더 게시판 설정에서 사용자 정의에 아래와 같이 추가해 줍니다. 2. 슬라이더 게시판으로 들어가서 이미 등록한 슬라이드 글을 수정하면 다음과 같이 주소항목이 나옵니다. 3. 위젯 수정을 다음과 같이 하시면 완료!!
<p>캐머런슬라이더에 원하는 링크를 걸어주는 방법입니다.</p> <p><br /></p> <p><br /></p> <p>1. 먼저 슬라이더 게시판 설정에서 사용자 정의에 아래와 같이 추가해 줍니다.</p> <p><br /></p> <p><img src="https://www.camerontheme.com/files/attach/images/4645/993/004/d25eda72820daa38c7b7ed017dedcd7b.png" alt="957ffaa7025cc4db7fe0adb497f9ab57.png" /> <br /></p> <p><br /></p> <p><br /></p> <p><br /></p> <p>2. 슬라이더 게시판으로 들어가서 이미 등록한 슬라이드 글을 수정하면 다음과 같이 주소항목이 나옵니다.<br /></p> <p><br /></p> <p><img src="https://www.camerontheme.com/files/attach/images/4645/993/004/f5e7b9416645770173e1dcbf4d995d49.png" alt="8ba2db290df8e67c98824caf78b84f09.png" /> <br /></p> <p><br /></p> <p><br /></p> <p><br /></p> <p><br /></p> <p>3. 위젯 수정을 다음과 같이 하시면 완료!!<br /></p> <p><br /></p> <p><img src="https://www.camerontheme.com/files/attach/images/4645/993/004/34b849b91007b6a66424e7a29f1304ae.png" alt="ddbfb6ce85cd8943acabe9af54e8f19f.png" /> <br /></p>
페이스북위젯 삽입하기
https://www.camerontheme.com/xe_tip/4990
2014-02-17T00:00:21+09:00
2015-08-18T15:56:54+09:00
캐머런
페이스북 위젯을 삽입하는 방법을 알아보겠습니다. 1. 페이스북 위젯을 설정하는 곳으로 갑니다. ( https://developers.facebook.com/docs/plugins/page-plugin ) 2. 원하는 위젯모양을 만듭니다. 밑의 이미지를 보시면 쉽게 이해가 되실꺼예요. 3. 설정이 끝나면 하단 Get Code 를 누릅니다. 4. IFRAME 코드를 복사하여 원하시는 곳에 삽입하면 완료!!
<p>페이스북 위젯을 삽입하는 방법을 알아보겠습니다.</p> <p> </p> <p>1. 페이스북 위젯을 설정하는 곳으로 갑니다. ( https://developers.facebook.com/docs/plugins/page-plugin )</p> <p> </p> <p>2. 원하는 위젯모양을 만듭니다. 밑의 이미지를 보시면 쉽게 이해가 되실꺼예요.</p> <p> </p> <p><img alt="1.jpg" src="https://www.camerontheme.com/files/attach/images/4645/990/004/bd96e4126d97d9a2bfa7057514583757.jpg" style="line-height: 1.5;" /></p> <p> </p> <p>3. 설정이 끝나면 하단 Get Code 를 누릅니다.</p> <p> </p> <p>4. IFRAME 코드를 복사하여 원하시는 곳에 삽입하면 완료!! </p> <p> </p> <p><img alt="2.jpg" src="https://www.camerontheme.com/files/attach/images/4645/990/004/523e4df4e3d02373efe7752fa8d2ca01.jpg" /></p> <p> </p>
구글맵 삽입하기
https://www.camerontheme.com/xe_tip/4987
2014-02-16T23:47:45+09:00
2014-05-31T22:18:48+09:00
캐머런
구글맵을 페이지에 적용하는 방법을 살펴볼께요. 1. 구글맵에 접속합니다. ( https://maps.google.co.kr/ ) 2. 순서대로 실행합니다. 1) 원하시는 주소검색 2) 아이콘클릭 3) 맞춤설정으로 이동 3. 원하는 사이즈와 미리보기를 설정합니다. 여기서 중요한 것은 미리보기입니다. 미리보기에 설정한 그대로 적용되시니 좀더 가깝게 보여주고 싶거나 주소 위치를 화면중앙에 말고 다른쪽에 위치하고 싶으실경우 미리보기를 통해 설정하...
<p>구글맵을 페이지에 적용하는 방법을 살펴볼께요.</p> <p><br /></p> <p>1. 구글맵에 접속합니다. ( https://maps.google.co.kr/ )</p> <p><br /></p> <p>2. 순서대로 실행합니다.</p> <p><br /></p> <p>1) 원하시는 주소검색</p> <p>2) 아이콘클릭</p> <p>3) 맞춤설정으로 이동</p> <p><br /></p> <p><img src="https://www.camerontheme.com/files/attach/images/4645/987/004/3c9bcead6f1393d4341c695c9968c391.jpg" alt="1.jpg" /> <br /></p> <p><br /></p> <p>3. 원하는 사이즈와 미리보기를 설정합니다.</p> <p>여기서 중요한 것은 미리보기입니다. 미리보기에 설정한 그대로 적용되시니 좀더 가깝게 보여주고 싶거나 주소 위치를 화면중앙에 말고 다른쪽에 위치하고 싶으실경우 미리보기를 통해 설정하시면 되십니다. </p> <p><br /></p> <p><img src="https://www.camerontheme.com/files/attach/images/4645/987/004/b1309640cb96ac88ffb7ec58fd7c97d9.jpg" alt="2.jpg" /></p> <p> <br /></p> <p>4. 원하는 지도모양이 나오면 가장 하단에 있는 HTML코드를 원하시는 곳에 삽입하시면 완성!^^</p> <p><br /></p> <p><br /></p>
최신 XE 1.9 동영상 강좌
https://www.camerontheme.com/xe_tip/4657
2014-02-14T15:25:54+09:00
2018-03-04T16:37:42+09:00
캐머런
최신 제로보드 XE 1.9 동영상 강좌입니다.^^ 해당 제목을 클릭하시면 동영상 강좌로 이동 됩니다. XE 사용법 - XE 설치 XE 사용법 - 기본 설정 XE 사용법 - 회원 설정 XE 사용법 - 사이트 제작/편집 XE 사용법 - 사이트 메뉴 편집(1) XE 사용법 - 사이트 메뉴 편집(2) XE 사용법 - 사이트 디자인 설정 XE 사용법 - 레이아웃 생성 및 적용 XE 사용법 - 메뉴 생성 및 적용 XE 사용법 - 슬라이더 및 위젯 적용 XE 사용법 - 위젯 스타일...
<p>최신 제로보드 XE 1.9 동영상 강좌입니다.^^</p> <p>해당 제목을 클릭하시면 동영상 강좌로 이동 됩니다.</p> <p> </p> <p><a href="https://www.youtube.com/watch?v=mV8NsmAmNEg&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=2&t=0s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - XE 설치</span></span></span></a></p> <p><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;"><a href="https://www.youtube.com/watch?v=N4XNEbpAJao&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=3&t=116s" target="_blank"><span style="color:#3366cc;">XE 사용법 - 기본 설정</span></a></span></span></p> <p><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;"><a href="https://www.youtube.com/watch?v=mbIh5J03xYQ&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=4&t=23s" target="_blank"><span style="color:#3366cc;">XE 사용법 - 회원 설정</span></a></span></span></p> <p><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;"><a href="https://www.youtube.com/watch?v=5zSrg3itgko&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=5&t=0s" target="_blank"><span style="color:#3366cc;">XE 사용법 - 사이트 제작/편집</span></a></span></span></p> <p><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;"><a href="https://www.youtube.com/watch?v=lNoSSvIsxLc&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=6&t=0s" target="_blank"><span style="color:#3366cc;">XE 사용법 - 사이트 메뉴 편집(1)</span></a></span></span></p> <p><a href="https://www.youtube.com/watch?v=A9WFLpqFC88&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=7&t=1s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 사이트 메뉴 편집(2)</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=vhz-WCO56qg&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=8&t=0s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 사이트 디자인 설정</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=gH-XeJxIh8I&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=9&t=0s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 레이아웃 생성 및 적용</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=Ivfh3aZiMC0&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=10&t=660s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 메뉴 생성 및 적용</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=qCWy8La3Xiw&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=11&t=593s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 슬라이더 및 위젯 적용</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=tymfZV1E9FI&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=12&t=317s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 위젯 스타일/위젯 크기 설정</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=_knNERTeHdQ&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=13&t=0s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 상자 위젯 추가</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=Q9GHG0zowxQ&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=14&t=0s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 내용 직접 추가</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=uMYxFmtDYIo&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=15&t=0s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 게시판 관리</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=TvU8FMwQ6Zk&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=16&t=0s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 게시판 설치 및 적용</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=aPqG6mJtKgc&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=17&t=0s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 사용자 정의</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=F4p1TftPtcc&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=18&t=0s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 애드온 적용하기</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=OhDXy3judd0&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=19&t=98s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 모바일 스킨 적용</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=q-AaP5ghr8I&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=20&t=0s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 모바일 페이지 만들기</span></span></span></a></p> <p><a href="https://www.youtube.com/watch?v=EnjpxodFEbU&list=PLEufx4oVeJfS-jM891E6rXPjuEW8UtOo5&index=21&t=445s" target="_blank"><span style="color:#3366cc;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:16px;">XE 사용법 - 다국어 설정</span></span></span></a></p> <p> </p> <p> </p>