메뉴 건너뛰기

유용한 팁

휘즈 2017.07.24 01:27
조회 수 : 969

1. 위젯 코드를 생성한다.

<img class="zbxe_widget_output" widget="content" skin="default" colorset="white" content_type="document" module_srls="267" list_type="normal" tab_type="none" markup_type="table" page_count="1" option_view="title,regdate,nickname" show_browser_title="Y" show_comment_count="Y" show_trackback_count="Y" show_category="Y" show_icon="Y" order_target="regdate" order_type="desc" thumbnail_type="crop" />

 

2. 위젯코드에 위젯스타일 코드를 추가한다

<img class="zbxe_widget_output" widget="content" skin="default" colorset="white" content_type="document" module_srls="267" list_type="normal" tab_type="none" markup_type="table" page_count="1" option_view="title,regdate,nickname" show_browser_title="Y" show_comment_count="Y" show_trackback_count="Y" show_category="Y" show_icon="Y" order_target="regdate" order_type="desc" thumbnail_type="crop" 

widgetstyle="phizWidgetStyle" 
ws_title_size="14"
ws_header_type="wsfbg"
ws_header="primary"
ws_title="제목 텍스트"
ws_more_url="#"
ws_more_text=""

/>

 

3. 위젯 스타일에 사용할 수 있는 변수와 값은 skin.xml파일에 기술되어 있으니 이를 참조한다,

phizWidgetStyle의 경우 사용할 수 있는 변수와 값은 아래와 같다.

widgetstyle : phizWidgetStyle

ws_title_size :제목 글자 크기를 숫자만 입력
ws_header_type:제목 꾸미기 플랫(평면)형 배경, 입체형 배경, 박스형, 밑줄 라인, 상하 라인 중 선택

  • 평면형 배경 : wsfbg
  • 입체형 배경 : wsgbg
  • 박스형 : wsbox
  • 밑줄 라인: wsbLine
  • 상하 라인 : wsbtLine

ws_header : 플랫(평면)형 배경, 입체형 배경, 박스형, 밑줄 라인, 상하 라인 색상 선택회색 : 

  • 회색 : default
  • 파란색 : primary
  • 초록색 : success
  • 하늘색 : info
  • 주황색 : warning
  • 빨간색 : danger
  • 보라색 : wisteria
  • 아스팔트색 : inverse

ws_title : 제목 텍스트
ws_more_url : 더보기 URL(http:// 포함한 URL를 등록)
ws_more_text : 더보기 텍스트