Shortcodes (排版範例頁面)

Teasers

~~賀! 本校榮獲105學年度新北市校務評鑑一等獎~~

Icon Teaser

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris suscipit, ante ut consequat tempor, sapien urna adipiscing leo, vitae lacinia ante nibh.

Read More

Image Teaser

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris suscipit, ante ut consequat tempor, sapien urna adipiscing leo, vitae lacinia ante nibh.

Read More

Text Teaser - Custom Colors

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris suscipit, ante ut consequat tempor, sapien urna adipiscing leo, vitae lacinia ante nibh.

Read More

[ teaser type="text-box / icon-box / image-box" image="empty / image URL / image icon URL" icon="" title="This is Teaser" custom_bg_color="" custom_title_color="" custom_text_color="" custom_icon_bg_color="" custom_icon_color="" button_text="Read More" button_url="#" button_color="default / primary / success / info / warning / danger / transparent" arrow="none / left / right / bottom" ]Content[/ teaser ]
Teaser shortcode options:

Button

Button Default Button Primary Button Success Button Info Button Warning Button Danger

Large Button Small Button

[ btn color="default / primary / success / info / warning / danger / transparent" size="default / large / small" link="#" target="" ]Caption[ /btn ]
Button shortcode options:

Tabs

Suspendisse est dolor, adipiscing eget suscipit ac, gravida nec massa. Donec commodo erat eget nisi ultricies mattis. In molestie laoreet enim, et scelerisque sapien gravida in. Phasellus vestibulum scelerisque pulvinar. Integer lacinia tristique urna at dignissim. Phasellus molestie leo orci, nec egestas est gravida a. Nulla vitae posuere lacus. Phasellus dignissim congue ullamcorper.
Suspendisse est dolor, adipiscing eget suscipit ac, gravida nec massa. Donec commodo erat eget nisi ultricies mattis. In molestie laoreet enim, et scelerisque sapien gravida in. Phasellus vestibulum scelerisque pulvinar. Integer lacinia tristique urna at dignissim. Phasellus molestie leo orci, nec egestas est gravida a. Nulla vitae posuere lacus. Phasellus dignissim congue ullamcorper.
Suspendisse est dolor, adipiscing eget suscipit ac, gravida nec massa. Donec commodo erat eget nisi ultricies mattis. In molestie laoreet enim, et scelerisque sapien gravida in. Phasellus vestibulum scelerisque pulvinar. Integer lacinia tristique urna at dignissim. Phasellus molestie leo orci, nec egestas est gravida a. Nulla vitae posuere lacus. Phasellus dignissim congue ullamcorper.
[ tabs tab1="Tab Title" tab2="Tab Title" tab3="Tab Title" ]
 [ tab tab_number="1" ]Tab Content[ /tab ]
 [ tab tab_number="2" ]Tab Content[ /tab ]
 [ tab tab_number="3" ]Tab Content[ /tab ]
[ /tabs ]
Tabs shortcode options:

Accordion

Suspendisse est dolor, adipiscing eget suscipit ac, gravida nec massa. Donec commodo erat eget nisi ultricies mattis. In molestie laoreet enim, et scelerisque sapien gravida in. Phasellus vestibulum scelerisque pulvinar. Integer lacinia tristique urna at dignissim. Phasellus molestie leo orci, nec egestas est gravida a. Nulla vitae posuere lacus. Phasellus dignissim congue ullamcorper.
Suspendisse est dolor, adipiscing eget suscipit ac, gravida nec massa. Donec commodo erat eget nisi ultricies mattis. In molestie laoreet enim, et scelerisque sapien gravida in. Phasellus vestibulum scelerisque pulvinar. Integer lacinia tristique urna at dignissim. Phasellus molestie leo orci, nec egestas est gravida a. Nulla vitae posuere lacus. Phasellus dignissim congue ullamcorper.
Suspendisse est dolor, adipiscing eget suscipit ac, gravida nec massa. Donec commodo erat eget nisi ultricies mattis. In molestie laoreet enim, et scelerisque sapien gravida in. Phasellus vestibulum scelerisque pulvinar. Integer lacinia tristique urna at dignissim. Phasellus molestie leo orci, nec egestas est gravida a. Nulla vitae posuere lacus. Phasellus dignissim congue ullamcorper.
[ accordion open_first="yes / no" ]
 [accordion-item title="First Tab Title"]Your Text[/accordion-item]
 [accordion-item title="Second Tab Title"]Your Text[/accordion-item]
 [accordion-item title="Third Tab Title"]Your Text[/accordion-item]
[ /accordion ]
Tabs shortcode options:

Pricing Table

  • Title
  • $99
  • monthly
  • List Item
  • List Item
  • List Item
  • Button
  • Title
  • $99
  • monthly
  • List Item
  • List Item
  • List Item
  • Button
  • Title
  • $99
  • monthly
  • List Item
  • List Item
  • List Item
  • Button
[ pricing_table title="Title" price="$99" price_description="monthly" button_text="Button" button_url="#" ]
 [ item ]List Item[ /item ]
 [ item ]List Item[ /item ]
 [ item ]List Item[ /item ]
[ /pricing_table ]
Tabs shortcode options:

Messages

Message
Message
Message
Message
[ alert type="warning / success / danger / info" close_button="yes / no" ]Message[ /alert ]
Tabs shortcode options:

Progressbar

Title
Title
Title
Title
[ progressbar percentage="50" color="success / info / warning / danger" ]Title[ /progressbar ]
Tabs shortcode options:

Gallery

[ gallery columns="2 / 3 / 4" ]
Tabs shortcode options:

Staff

Meg Wallace

Teacher

Suspendisse est dolor, adipiscing eget suscipit ac, gravida nec massa. Donec commodo erat eget nisi ultricies mattis. In molestie laoreet enim, et scelerisque sapien gravida in. Phasellus vestibulum scelerisque pulvinar. Integer lacinia tristique urna at dignissim.

Jane Doe

The Owner

Suspendisse est dolor, adipiscing eget suscipit ac, gravida nec massa. Donec commodo erat eget nisi ultricies mattis. In molestie laoreet enim, et scelerisque sapien gravida in. Phasellus vestibulum scelerisque pulvinar. Integer lacinia tristique urna at dignissim.

[ staff layout="carousel / grid" columns="2 / 3 / 4" show_only_ids="" ]
Tabs shortcode options:

Testimonials

此區塊原設計是用來放置特定人物之評論或說明,建議可以放優秀校友或是媒體相關評論。此區塊原設計是用來放置特定人物之評論或說明,建議可以放優秀校友或是媒體相關評論。此區塊原設計是用來放置特定人物之評論或說明,建議可以放優秀校友或是媒體相關評論。此區塊原設計是用來放置特定人物之評論或說明,建議可以放優秀校友或是媒體相關評論。此區塊原設計是用來放置特定人物之評論或說明,建議可以放優秀校友或是媒體相關評論。此文章出處1
此區塊原設計是用來放置特定人物之評論或說明,建議可以放優秀校友或是媒體相關評論。此區塊原設計是用來放置特定人物之評論或說明,建議可以放優秀校友或是媒體相關評論。此區塊原設計是用來放置特定人物之評論或說明,建議可以放優秀校友或是媒體相關評論。此區塊原設計是用來放置特定人物之評論或說明,建議可以放優秀校友或是媒體相關評論。此區塊原設計是用來放置特定人物之評論或說明,建議可以放優秀校友或是媒體相關評論。此文章出處3
[ testimonials layout="carousel / grid" random="yes / no" columns="1 / 2 / 3 / 4" show_only_ids="" ]
Tabs shortcode options:

Blog

[ blog layout="carousel / grid" posts_limit="" columns="1 / 2 / 3 / 4" ]
Blog shortcode options:

Video

[ video src="" mp4="" m4v="" webm="" ogv="" wmv="" flv="" poster="" loop="" autoplay="" preload="" ]
This is the standard WordPress shortcode, you can read about it here.

Audio

[ audio src="" mp3="" m4a="" ogg="" wav="" wma="" loop="" autoplay="" preload="" ]
This is the standard WordPress shortcode, you can read about it here.

Embed

[ embed width="auto" ][ /embed ]
This is the standard WordPress shortcode, you can read about it here.

Helper

[ helper type="gap / separator / clearfix" gap_height="" ]
Blog shortcode options: