WP UI Samples

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]