[wordpress插件] csstimelinecsstimeline

EN:

EN：

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

一个简单的wordpress插件，用于解析短代码并生成一个漂亮的html / css时间轴。

This plugin provides 4 shortcodes:

此插件提供了4个短代码：

• [ctimeline] – a wrapper for the entire timeline
• [ctimeline] –整个时间轴的包装器

• [ctentry] – a date label with an entry and option content
• [ctentry] –带有条目和选项内容的日期标签

• [ctspace] – a simple spacer
• [ctspace] –一个简单的分隔符

• [ctdate] – not implemented yet.
• [ctdate] –尚未实现。

Take a look at the screenshots to see what rendering looks like.

看一下屏幕截图，看看渲染效果如何。

CSS3


CSS3


transitions and html supply minimal animations.

过渡和html提供最少的动画。

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
• “伪造”的超级/子部分，而不使用ctentry的“ date”参数

• embed a picture
• 嵌入图片

• format a label
• 设置标签格式

[ctimeline]

[ctimeline]

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

[ctentry date =””标签=“ 2015”]在2015年进展不大。[/ ctentry]

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

[ctentry date =” 2015年5月11日” label =”此条目的标题反映了冗长的标题副本编辑器的需求。”]

amet.

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.

Lorem ipsum dolor坐着，consetetur随身携带，sed diam nonumy eirmod tempor invitunt ut Labore et dolore magna aliquyam erat，sed diam voluptua。

At vero eos et accusam et justo duo dolores et ea rebum.

在Vero eos etAccusam和Justo duo dolores et ea rebum。

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


Steli Clita Kasd Gubergren，没有大海，也没有Lorem ipsum dolor坐下。


[/ctentry]

[/ ctentry]

[ctspace][/ctspace]

[ctspace] [/ ctspace]

[ctspace][/ctspace]

[ctspace] [/ ctspace]

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

[ctentry date =””标签=“ 2016”] 2016年还会有更多变化。[/ ctentry]

[ctentry date=”12 May 2016″ label=”12th cool”]


[订制日期=“ 2016年5月12日”标签=“第12酷”]


Curabitur tortor.

无形的tortor。

Pellentesque nibh.

Pellentesque nibh。

Aenean quam.

Aenean quam。

In scelerisque sem at dolor.

在dolor的celesem中。

Maecenas mattis.

螳螂

Sed convallis tristique sem.

Sed convallis tristique sem。

Proin ut ligula vel nunc egestas porttitor.

Prolig ut ligula vel nunc egestas porttitor。

Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa.

Morbi lectus risus，iaculis vel，suscipit quis，luctus non，massa。

Fusce ac turpis quis ligula lacinia aliquet.

Fusce ac turpis quis ligula lacinia aliquet。

Mauris ipsum.

毛栗

Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh.

Nulla metus metus，ullamcorper vel，tincidunt sed，euismod in，nibh。

Quisque volutpat condimentum velit.

Quisque volutpat调味品丝绒。

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

等级的许可，每个conubia nostra，每个inceptos himenaeos。

Nam nec ante.


Nam nec ante。


[/ctentry]

[/ ctentry]

[ctentry date=”13 May 2016″ label=”13th cool”]


[订制日期=“ 2016年5月13日”标签=“第13酷”]


In scelerisque sem at dolor.

在dolor的celesem中。

Maecenas mattis.

螳螂

Sed convallis tristique sem.

Sed convallis tristique sem。

Proin ut ligula vel nunc egestas porttitor.

Prolig ut ligula vel nunc egestas porttitor。

Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa.

Morbi lectus risus，iaculis vel，suscipit quis，luctus non，massa。

Fusce ac turpis quis ligula lacinia aliquet.

Fusce ac turpis quis ligula lacinia aliquet。

Mauris ipsum.

毛栗

Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh.

Nulla metus metus，ullamcorper vel，tincidunt sed，euismod in，nibh。

Quisque volutpat condimentum velit.

Quisque volutpat调味品丝绒。

Curabitur tortor.

无形的tortor。

Pellentesque nibh.

Pellentesque nibh。

Aenean quam.

Aenean quam。

In scelerisque sem at dolor.

在dolor的celesem中。

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

等级的许可，每个conubia nostra，每个inceptos himenaeos。

Nam nec ante.

Nam nec ante。

Curabitur tortor.

无形的tortor。

Pellentesque nibh.

Pellentesque nibh。

Aenean quam.

Aenean quam。

At vero eos et accusam et justo duo dolores et ea rebum.

在Vero eos etAccusam和Justo duo dolores et ea rebum。

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


Steli Clita Kasd Gubergren，没有大海，也没有Lorem ipsum dolor坐下。


[/ctentry]

[/ ctentry]

[/ctimeline]

[/ ctimeline]

• Download zip archive into wordpress plugins directory.

• 将zip存档下载到wordpress插件目录中。

• Enable in wordpress plugins interface.

• 在wordpress插件界面中启用。

• That’s it.
• 就是这样。