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

天主教私立聖心小學 家長成長課程

三月 25, 2019
管理者
小學部, 行政公告 已閱讀 3,973 次

親愛的家長：您好！     這學期的家長成長課程規劃了『愛之語』及『手做壽司』；…

Read more

2019 小托福英檢報名連結

二月 27, 2019
管理者
小學部, 行政公告 已閱讀 3,600 次

小托福說明檔案: 小托福說明檔案 報名聯結

Read more

107轉學報名

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

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

Read more

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

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

最新招生訊息: 請點選  

Read more

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

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

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

Read more

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

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

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

Read more

108學年度善牧園編班公告

八月 1, 2019
王聖慈 善牧園老師
善牧園-最新公告, 幼兒園 已閱讀 786 次

Read more

108學年度編班公告

八月 1, 2019
管理者
行政公告 已閱讀 2,537 次

詳情請見附件

Read more

108上註冊公告

七月 27, 2019
管理者
小學部, 行政公告 已閱讀 5,043 次

各位親愛的家長： 您好，本校108學年度，註冊繳費作業為以下兩種方式：【請擇一辦理】 信用卡或網路ATM繳費，…

Read more

2019暑期營隊行前通知

七月 19, 2019
學務處
行政公告 已閱讀 4,153 次

2019年暑期營隊資訊如下： 暑期營隊行前通知單 暑期營隊校車 暑期6車 新生營7/25、7/26，司機與車輛…

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.