7-3.위젯 개발 미니 프로젝트 - 사용자 페이지에서 위젯 삽입하기 (위젯전시)

· 댓글 : 0 조회 : 1559 · 0
이번 장에서는 사용자 페이지에 본 위젯을 삽입해 보도록 하겠습니다. 

캡쳐화면 보시고 어렵지 않게 따라하실 수 있습니다. 
(본 위젯을 사용하기 전에 "소광장" 모듈 및 테스트 데이터가 설치되어 있어야 위젯이 정상적으로 출력이 됩니다.)



1. 위젯을 삽입할 메뉴/페이지를 생성합니다. (여기선 메뉴 선택)
5901

메뉴명은 "소광장 위젯"이라고 명하고 "전시내용" 항목을 "위젯콘텐츠"로 선택하고 "신규메뉴 등록" 버튼을 클릭합니다. 



2. 메뉴 목록에 "소광장 위젯"이 생성된 것을 확인하고 "메뉴 등록정보"란에서 "위젯으로 꾸미기" 버튼을 클릭합니다. 
5903



3. "위젯콘텐츠 꾸미기" 페이지에서 "위젯추가" 버튼을 클릭합니다. 
5899



4. "위젯추가" 팝업창이 뜨는 데 좌측 목록에서 "소광장 위젯"을 클릭하면 본 위젯 관련 설정란이 출력됩니다. 
5904

위의 위젯 설정 항목 중 "링크"에서는 "소광장 모듈"이 연결된 메뉴 혹은 페이지의 링크를 입력합니다. 
(위의 링크값 중 "rb120"은 제 로컬에 설치한 킴스큐의 기본 주소이고 일반적으로는 "rb"이니 착오 없으시기 바랍니다.)



5. "위젯콘텐츠 꾸미기" 페이지의 위젯 영역에 본 "소광장 위젯" Tile이 추가 된 것을 확인할 수 있습니다. 
원하는 사이즈로 조절 후 원하는 위치에 배치한 후 "저장하기" 버튼을 클릭합니다. 
5900



6. "소광장 위젯" 메뉴를 클릭하면 본 "소광장 위젯"이 "소광장" 포스트 내용을 위젯 설정에 맞게 출력하는
것을 확인하실 수 있습니다. 
5905


만약 위젯 내용이 위와 같은 모습으로 출력이 되지 않고 다른 모습으로 출력이 되면 어드민 상단바의 메뉴 중
"Clear Widget Cache"를 클릭하면 새롭게 적용한 위젯의 스타일이 업데이트 되면서 정상적으로 출력이 됩니다. 
(아래 이미지 참고)
5906



다음 장에서는 위젯 코드를 생성하여 위젯을 삽입하는 방법에 대해 알아보도록 하겠습니다. 
통계분석을 위해 매체별 전용URL 사용해주세요.