Shortcodes (排版範例頁面)

Teasers

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:

• type* — teaser type, leave only one option:
  • text-box — simple box without image or icon;
  • icon-box — font or image icon;
  • image-box — with full width image.
• image — image or icon URL for ‘icon-box’ and ‘image-box’ types;
• icon — font icon name ‘icon-box’ type, optional if use image icon;
• title* — teaser title;
• custom_bg_color — optional color for background;
• custom_title_color — optional color for title;
• custom_text_color — optional color for text;
• custom_icon_bg_color — optional background color for icon circle;
• custom_icon_color — optional icon color;
• button_text — caption on the button;
• button_color — button color, choose one value;
• arrow — optional arrow, choose one value.

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:

• color* — button color, choose one value;
• size* — button size, choose one value;
• link* — URL;
• target — link target: ‘_blank’, ‘_self’, ‘_parent’.

Tabs

• Tab Title
• Tab Title
• Tab Title

[ 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:

• tab#* — title for the respective tab;
• tab_number* — pane number to associate with the correct tab.

Accordion

[ 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:

• open_first* — open first tab or keep it closed;
• title* — tab title.

Pricing Table

[ 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:

• title* — pricing option title;
• price* — option price;
• price_description* — price description;
• button_text — text on the button;
• button_url — URL for button link;

Messages

[ alert type="warning / success / danger / info" close_button="yes / no" ]Message[ /alert ]

Tabs shortcode options:

• type* — message type/color;
• close_button* — show close button or not.

Progressbar

[ progressbar percentage="50" color="success / info / warning / danger" ]Title[ /progressbar ]

Tabs shortcode options:

• percentage* — percentage value for progressbar;
• content* — progressbarbar title.

Gallery

[ gallery columns="2 / 3 / 4" ]

Tabs shortcode options:

• columns* — number of columns.

Staff

[ staff layout="carousel / grid" columns="2 / 3 / 4" show_only_ids="" ]

Tabs shortcode options:

• layout* — carousel or grid layout;
• columns* — number of columns;
• show_only_ids — options IDs of posts to show, example value: 56,87,114.

Testimonials

[ testimonials layout="carousel / grid" random="yes / no" columns="1 / 2 / 3 / 4" show_only_ids="" ]

Tabs shortcode options:

• layout* — carousel or grid layout;
• random* — show in random order or by date;
• columns* — number of columns;
• show_only_ids — optional selected ID’s of posts to show, example value: 56,87,114.

Blog

107轉學報名

六月 25, 2018
管理者
行政公告 已閱讀 8,854 次

107學年度上學期轉學生報名   招收對象：107學年度上學期，2~5年級學生。 報名時間：即日起至…

Read more

聖心小學106學年度小一入學招生

三月 20, 2017
宛臻 江
行政公告 已閱讀 16,677 次

最新招生訊息: 請點選  

Read more

105學年度代表隊寒訓課前通知

一月 11, 2017
學務處
行政公告 已閱讀 12,261 次

2/6-2/10代表隊寒訓課前通知 代表隊寒訓校車資訊

Read more

105學年度招生結束之登記候補

七月 12, 2016
註冊組 胡榕芳
行政公告 已閱讀 17,346 次

聖心小學105學年度招生結束, 欲登記候補請電洽:26182330*113胡老師 fainkasg14259@…

Read more

108資優鑑定

二月 21, 2019
註冊組 胡榕芳
小學部 已閱讀 107 次

詳情請點閱附件。

Read more

107學年第二學期開學提醒事項

二月 1, 2019
學務處
行政公告 已閱讀 2,348 次

2/11(一)為107學年度第二學期開學日， 當天請依課程著冬季制服或體育服並將頭髮梳理整齊 開學日展延課程同…

Read more

108年 02月份 課後班點心 ，詳如附表 dinner10802.xls

二月 1, 2019
翁志弘 總務主任
午餐點心 已閱讀 736 次

108年 02月份  課後班點心   ，詳如附表  dinner108…

Read more

108年 02月份 營養午餐菜單 ，詳如附表 lunch10802.xls

二月 1, 2019
翁志弘 總務主任
午餐點心, 行政公告 已閱讀 979 次

108年 02月份 營養午餐菜單  ，詳如附表  

Read more

[ blog layout="carousel / grid" posts_limit="" columns="1 / 2 / 3 / 4" ]

Blog shortcode options:

• layout* — carousel or grid layout;
• posts_limit* — how many posts to show;
• columns* — number of columns.

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:

• type* — type of the helper element;
• gap_height* — height of the gap for “gap” type.