這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

csstimeline

外掛說明

EN:

A simple wordpress plugin to parse shortcodes and produce a nice html/css only timeline.

This plugin provides 4 shortcodes:

  • [ctimeline] – a wrapper for the entire timeline
  • [ctentry] – a date label with an entry and option content
  • [ctspace] – a simple spacer
  • [ctdate] – not implemented yet.

Take a look at the screenshots to see what rendering looks like. CSS3
transitions and html supply minimal animations. Most markup can be used within
the shortcodes to achieve formatting and, for instance, embed images. The
following example demonstrates,

  • ‘fake’ super/sub sections, not using the ‘date’ param of ctentry
  • embed a picture
  • format a label

[ctimeline]

[ctentry date=”” label=”2015″] Wasn’t much going on in 2015.[/ctentry]

[ctentry date=”11 May 2015 ” label=”The title of this entry reflects the needs of verbose headline copy editors.”]

amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/ctentry]

[ctspace][/ctspace]

[ctspace][/ctspace]

[ctentry date=”” label=”2016″] A bit more going on in 2016.[/ctentry]

[ctentry date=”12 May 2016″ label=”12th cool”]
Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante.
[/ctentry]

[ctentry date=”13 May 2016″ label=”13th cool”]
In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Curabitur tortor. Pellentesque nibh. Aenean quam. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/ctentry]

[/ctimeline]

螢幕擷圖

  • Basic Appearance 1
  • Basic Appearance 2

安裝方式

  • Download zip archive into wordpress plugins directory.
  • Enable in wordpress plugins interface.
  • That’s it.

常見問題集

None Yet.

Installation Instructions
  • Download zip archive into wordpress plugins directory.
  • Enable in wordpress plugins interface.
  • That’s it.

使用者評論

閱讀全部 1 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈csstimeline〉的開發相關工作。

參與者

將〈csstimeline〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

V1.0.3 – 2017.06.09

  • Update : tested with 4.7 and 4.8 releases.

V1.0.2 – 2016.08.24

  • Update : css fixes, as reported in: https://wordpress.org/support/topic/css-boxes-overflowing?replies=4

V1.0.1 – 2016.02.24

  • Update : css fixes, initial mobile view removed (works down to 480 px)

V1.0 – 2016.02.16

  • New : Initial release