1. 다이얼로그 샘플
[wpdialog title="안내" style="redmond" width="300" height="200" auto_open="false"]
이 안내창은 jQuery UI 를 기반으로 한 WP UI Dialog 창입니다.
이 창은 redmond 스타일을 사용합니다.
jQuery UI 스타일을 사용할 것인지, WP UI 스타일을 사용할 것인지 선택할 필요가 있습니다.
또한, jQuery UI 에서도 버전이 다를 경우 스타일이 일그러 지는 경우 있을 수 있습니다.
[/wpdialog]
[break]
[break]
2. 탭 샘플
[wptabs style="smoothness" effect="fade" mode="horizontal"]
[wptabtitle] 제목1[/wptabtitle]
[wptabcontent]내용1[/wptabcontent]
[wptabtitle] 제목2[/wptabtitle]
[wptabcontent]내용2[/wptabcontent]
[wptabtitle] 제목3[/wptabtitle]
[wptabcontent]내용4[/wptabcontent]
[/wptabs]
[break]
3. 아코니언 샘플
[wptabs type="accordion" style="ui-lightness" effect="slide" mode="vertical"]
[wptabtitle open="true"] 제목1[/wptabtitle]
[wptabcontent]내용1[/wptabcontent]
[wptabtitle] 제목2[/wptabtitle]
[wptabcontent]내용2[/wptabcontent]
[wptabtitle] 제목3[/wptabtitle]
[wptabcontent]내용4[/wptabcontent]
[/wptabs]
[break]
4. 피드 샘플
[wpuifeeds url="feed://www.owllab.com/wordpress/" number="5" style="trontastic"]
[break]
5. 스포일러 샘플
[wpspoiler name="제목" style="wpui-blue" open="true"]내용[/wpspoiler]
[wpspoiler style="wpui-quark" post="648"]
[wpspoiler style="humanity" post="653"]
[wpspoiler style="redmond" post="640"]
[wpspoiler style="smoothness" post="650"]
[wpspoiler style="ui-lightness" post="656"]
[break]
