홈페이지 수정 요령


메뉴 밑의 facebook, flicker… 같은 버튼들의 링크는 어떻게 수정하나요?

1. admin 계정으로 로그인 합니다. 
2. 우측 상단의 자물쇠 모양 버튼을 클릭하여 관리자 페이지로 이동합니다.
3. 관리자 페이지 좌측 메뉴의 [메뉴] - [메뉴 상하단 영역]을 선택합니다.
4. "메뉴 하단 영역" 우측 하단의 Editor, HTML, TEXT 중에서 HTML을 선택합니다.
5. HTML 코드에서 확인되는 링크  ( http://facebook.com  /  http://flickr.com  /  http://pinterest.com /  http://instagram.com )를 원하시는 링크 주소로 변경합니다.

메인화면의 슬라이드 쇼는 어떻게 수정하나요?

1. http://www.snapwidget.com/#getstarted 에 접속합니다.

2. Customize your widget 에서 값을 설정합니다.

한화리조트 회원권 Username 과 Hashtag
Username에 인스타그램 아이디를 입력하여 자신의 타임라인에 보이고 있는 사진들을 불러옵니다.
Hashtag에 사진의 해시태그를 입력하여 해당 해시태그를 가지고 있는 사진들을 불러옵니다.
둘 중 한 가지만 설정할 수 있습니다.

Widget Type
위젯의 종류를 선택합니다.
빌더에서는 Scrolling 위젯이 사용되었습니다.

Thumbnail Size
사진 한 장, 한 장의 너비를 지정합니다.

Widget Width
위젯의 너비를 지정합니다. 이후 수동으로 변경해야 하기 때문에 신경쓰지 않아도 무관합니다.

Auto Start Scrolling
맨 처음, 자동으로 위젯 이동을 시작할 지 결정합니다.

Hover Effect
사진에 마우스를 올렸을 때의 특수 효과를 선택합니다.
Fade In : 모든 사진이 뿌옇게 변하고 마우스를 올린 사진은 진하게 변합니다.
Fade Out : 마우스를 올린 사진이 뿌옇게 변합니다.

3. Get Widget을 클릭해 위젯 코드를 드래그하여 복사합니다.


4. 홈페이지 빌더의 [관리자 페이지] - [메인화면] - [HTML 영역 설정]에서 "HTML 영역"의 우측 하단 탭을 "HTML"로 변경한 뒤, 기존 위젯을 삭제하고 복사한 위젯을 새로 붙여넣습니다.


5. 새로 붙여넣은 위젯 코드에서 width: ... px; 으로 설정되어 있는 부분을 찾아 width: 100%;로 고쳐 반응형 홈페이지에 적합한 형태로 변환해줍니다.
<!-- SnapWidget -->
<iframe src="http://snapwidget.com/sc/?u=위젯설정&amp;ve=위젯설정" title="Instagram Widget" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:100%; height:150px"></iframe>

About - Me 메뉴의 사운드 클라우드 위젯은 어떻게 삽입하나요?

1. https://soundcloud.com 에서 삽입을 원하는 음악을 찾습니다.

2. 찾은 음악에서 Share 버튼을 클릭합니다.

3. Embed 탭을 선택합니다.

4. Code & preview 에 입력되어 있는 HTML 코드를 복사하여 원하는 영역에 붙여넣어 삽입합니다.