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

《110學年度下學期校務報告》

18 2 月, 2022
管理者
小學部, 行政公告 已閱讀 3,190 次

親愛的家長您好:以下連結為本學年度校務報告重點(包含:校長室/教務處/學輔處/善牧園/總務處)，邀請家長一起觀…

Read more

111學年度新生入學招生說明會

24 1 月, 2022
管理者
校務報名 已閱讀 3,469 次

本校將於111年3月19日(星期六)9:00-12:00舉辦小一新生入學家長說明會暨新生體驗活動，誠摯邀請您帶…

Read more

~110學年度新生入學招生說明會開始報名囉~

5 11 月, 2020
管理者
行政公告 已閱讀 9,165 次

本校將在110年3月10日（三）及3月11日（四）上午9:00-12:10舉辦小一新生入學家長說明會暨新生體驗…

Read more

聖心小學109學年度新生行事微調

22 5 月, 2020
學務處
行政公告 已閱讀 11,693 次

親愛的家長： 歡迎成為聖心家人，因新冠肺炎疫情仍在發展變化中，學校以避免群聚為前提微調原新生行事曆，5/23〈…

Read more

109學年度新生入學招生說明會

15 1 月, 2020
管理者
行政公告 已閱讀 12,372 次

本校將在109年3月4日（三）及3月5日（四）9:00-12:10舉辦小一新生招生家長說明會暨新生體驗活動，招…

Read more

聖心小學111(上)展延課程報名通知

11 5 月, 2022
學務處
行政公告 已閱讀 1,160 次

親愛的家長： 您好，聖心小學111學年度上學期課後展延課程線上報名即將開始， 請您了解並協助孩子準時完成報名。…

Read more

【聖心小學110學年度下學期行事曆異動說明0506 版】

6 5 月, 2022
管理者
行政公告 已閱讀 563 次

Read more

110學年度下學期四月閱讀滿天星

4 5 月, 2022
張玉秀 圖書
小書蟲網, 行政公告 已閱讀 582 次

110學年度下學期四月閱讀滿天星得獎班級：一信、二愛、四信、六望。（因受疫情影響，於本月25日開始實施分流進館…

Read more

【110 下學期線上課程實施方式及課表相關】

28 4 月, 2022
管理者
行政公告 已閱讀 799 次

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.