[WordPress] 外掛分享: PCF Thanksgiving Countdown

WordPress 外掛 PCF Thanksgiving Countdown 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「PCF Thanksgiving Countdown」是 2015-09-13 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2015-10-06,距離現在已有 3498 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 4.0 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

pcfdev |

外掛標籤

count | giving | thanks | countdown | Thanksgiving |

內容簡介

基本使用方式

此外掛即裝即用,安裝完成後您可以在任意地方使用簡碼。

使用簡碼 [pcf_tg_countdown],以輸出倒數計時。

預設的輸出格式為天數(例如:「距離感恩節還有105天!」)。

修改輸出格式

簡碼可以加上一個「類型」屬性(type attribute),詳見以下範例:

[pcf_tg_countdown type="days|weeks|sleeps"]

這個屬性可以讓您更改輸出的格式。

有三種格式可供選擇:

天數
週數
睡眠數

如果沒有指定類型屬性,或者指定了無效屬性,它會預設為「天數」。

範例:

[pcf_tg_countdown type="weeks"]

會輸出為

距離感恩節還有 `x` 週 `y` 天!

設計輸出樣式

設計輸出樣式是進階設定,需要撰寫自訂 CSS 樣式。

簡碼可以加上「ID」屬性(id attribute),然後使用 CSS 樣式設計輸出格式。

例如:

[pcf_tg_countdown id="my-id"]

會輸出 HTML 為:

...

然後,您可以透過 外觀 > 編輯器 加上自訂 CSS。如果您的佈景主題支援自訂 CSS,您也可以在主題選項中加上樣式。如果編輯器中有自訂 CSS 檔案,建議使用該檔案設計自己的樣式。

以下是一個自訂樣式的範例:

#my-id{
color: red;
font-size: 16px;
text-decoration: underline;
}

這會讓輸出的文字呈紅色,有底線且字體大小為 16px。

原文外掛簡介

Basic Instructions
This plugin works out-of-the-box, so once the plugin is installed, you can place a shortcode wherever you want.
Use the shortcode [pcf_tg_countdown] to output the countdown.
The countdown will output in days by default (e.g ‘105 days until Thanksgiving!’).
Changing output type
The shortcode can be given a ‘type’ attribute, like so:
[pcf_tg_countdown type="days|weeks|sleeps"]

This enables you to change the output type.
There are 3 types to choose from:

Days
Weeks
Sleeps

If you do not specify the type attribute, or specify an invalid type, it will default to ‘days’.
Example:
[pcf_tg_countdown type="weeks"]

will output as
It's `x` weeks and `y` days until Thanksgiving!

Styling the output
Styling the output is an advanced setting, that involves writing custom CSS.
The shortcode can be given an ‘id’ attribute, which can then be used to style the output using CSS.
For example,
[pcf_tg_countdown id="my-id"]

would output in HTML as

...

You can then add custom CSS through Appearance > Editor. If your theme supports custom CSS, you may be able to add your styles in Theme Options. If there is a custom css file in Editor, it is advised to use that for custom styles.
Here is an example of some custom styles:
#my-id{
color: red;
font-size: 16px;
text-decoration: underline;
}

This will set the output to be red, underlined, and to have a font size of 16px.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「PCF Thanksgiving Countdown」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0 | 1.2 |

延伸相關外掛(你可能也想知道)

  • Thanks for reading 》此外掛會在文章結尾新增一些文字,例如:感謝您閱讀我的文章,希望您喜歡它。新文章即將到來,敬請期待。 。
  • All Due Credit 》曾經想要感謝協助你發布一篇博客文章的人?All Due Credit 讓你能夠在寫作時包含一個人名清單,達到這樣的目的。列出的每個名字都會附帶一個文本標籤,顯示他...。

文章
Filter
Apply Filters
Mastodon