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

局長給家長的一封信

九月 23, 2019
管理者
教育宣導 已閱讀 1,234 次

親愛的家長，您好： 對於開學迄今 所 傳出 之 青少年肢體暴力及霸凌事件，造成社會大眾負面觀感，本局深表遺憾與…

Read more

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

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

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

Read more

2019 小托福英檢報名連結

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

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

Read more

107轉學報名

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

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

Read more

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

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

最新招生訊息: 請點選  

Read more

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

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

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

Read more

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

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

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

Read more

聖心小學秋冬服裝特價優惠促銷

十月 16, 2019
翁志弘 總務主任
小學部, 行政公告 已閱讀 117 次

即日起聖心小學秋冬服裝特價優惠促銷，如有需求，可自學校網頁的”最新消息與公告” 下載”特價選購表 108.10…

Read more

108學年度上學期九月閱讀滿天星

十月 9, 2019
張玉秀 圖書
小學部, 小書蟲網 已閱讀 370 次

108學年度上學期九月閱讀滿天星得獎班級： 四愛、五信、五愛、二望、六信、六望、四信、三望，等共８個班級：分類…

Read more

受保護的文章：108上(第六~七週)三年級雙語週報

十月 4, 2019
國際交流組 詹詩韻
英文週報 已閱讀 646 次

受保護的文章不會產生摘要。

Read more

受保護的文章：108上(第六~七週)二年級雙語週報

十月 4, 2019
國際交流組 詹詩韻
英文週報 已閱讀 674 次

受保護的文章不會產生摘要。

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.