Timeline Express

Timeline Express 是 的 WordPress 时间线插件,它允许您在您的网站上创建漂亮的动画垂直时间线。用公告填充您的网站,设置日期,Timeline Express 将按正确的时间顺序加载 和最棒的公告。

使用包含的短代码 ( [timeline-express]) 将 Timeline Express 时间线放置在您网站上的任何位置。

如果您正在寻找强大的功能、灵活性和 支持——别无所求。

查看 Timeline Express 演示

时间线快递功能

易于使用的简码可将时间线放置在您网站的任何位置 ( [timeline-express])
响应时间线,在所有设备上看起来都很棒。
跨浏览器测试,移动友好。
包括数百个Font Awesome图标。为每个公告指定不同的图标。
漂亮的 CSS3 动画。
指定时间线公告摘录长度。
在时间线上隐藏公告的日期。
隐藏时间线上每个公告的“阅读更多”链接。
为时间线上的每个公告指定要显示的自定义图像。
指定时间线上公告的“升序”与“降序”显示顺序。
强大的扩展(免费和付费)。
针对国际用户的本地化日期格式。
i18n ready – 为国际用户翻译。
专业功能

设置多个时间线并将公告分配给任何或所有时间线。
更紧凑的布局,时间轴上每个公告之间的距离更短。
为您的公告创建和分配类别。
时间线排序功能。按类别、时间线或两者的组合对时间线进行排序。
优先支持,需要时提供的代码片段等。
完整功能列表

Timeline Express 已在许多小型和大型站点上成功使用。我们的用户使用我们的插件创造了许多令人惊叹的东西。

Timeline Express 已用于创建:

公司历史时间表
个人成就时间表
产品发布时间表(路线图/发布周期)
活动时间线
警察/消防历史
Twitter 提要时间表
发布/页面/自定义发布时间线
客户历史时间表
上面的小列表展示了 Timeline Express 背后的灵活性和强大功能。查看我们的文档以获取一些有用的代码片段,

Timeline Express 附加组件

我们已经构建了一些强大的附加组件,这些附加组件将 Timeline Express 扩展到其核心功能之外。许多附加组件都是用户请求的功能,我们已将其拆分为附加组件。如果您正在寻找一些在基本插件中看不到的 功能,请查看我们的附加组件列表。

Timeline Express – HTML 摘录
Timeline Express – 无图标
Timeline Express – 白标品牌
Timeline Express – 单列时间线
Timeline Express – 时间线帖子类型
Timeline Express – 历史日期
Timeline Express – AJAX 限制
时间线快车 - Twitter 提要
Timeline Express – 工具箱
查看所有附加组件

时间线快递翻译

Timeline Express 已准备好翻译!有了所有适当的 i18n 功能,我们的插件 100‰ 就可以翻译了。如果您使用多种语言,并且有兴趣将插件翻译成一种尚不可用的语言,我们愿意通过 Timeline Express Pro 的长单站点许可证,该许可证有用期为一整年。我们是开源社区的忠实拥护者,并且相信这个插件应该以他们的母语提供给每个人。如果您对此感兴趣,请通过我们的联系页面与我们联系。

可以在此处找到 Timeline Express 多语言项目。

查看 Timeline Express 演示

寻找其他文件?查看知识库。

多语言网站和时间线快递

Timeline Express 已使用一些评价 且广泛使用的翻译插件进行了 测试。

我们完全 100‰ 兼容的两个多语言插件是WPML和Polylang。

Timeline Express 可能与其他多语言插件兼容,只是我们还没有与其他插件进行 测试。如果您发现它与其他插件兼容,请联系并告知我们,我们可以将其添加到此列表中。

这个插件最初的灵感来自CodyHouse.io的伟大人物。
对您希望添加到 Timeline Express 的功能有想法吗?我们喜欢听到新的想法!您可以通过我们网站WP Timeline Express上的联系表与我们联系。

文档

挂钩 + 过滤器

使用自定义图像而不是 Font Awesome 图标(新 v1.1.6.7)

用户现在可以通过使用以下过滤器使用自定义公告图像代替字体真棒图标。非常感谢Pete Nelson的拉取请求,并让每个人都可以使用它。

过滤器——timeline-express-custom-icon-html

使用示例:https://gist.github.com/EvanHerman/6bbc8de82f34b4cb3c5c

为公告使用备用图像尺寸(新 v1.1.5.5)

默认情况下,Timeline Express 会生成自定义图像大小以在时间轴内使用。如果您想使用其他图像尺寸,可以使用以下滤镜。

例子:

function change_timeline_express_announcement_image_size( $image_size ) {
$image_size = 'full';
return $image_size;
}
add_filter( 'timeline-express-announcement-img-size' , 'change_timeline_express_announcement_image_size' );
定义您自己的自定义字段以在公告帖子中使用(新 v1.1.5)

用户现在可以将自定义字段添加到 Timeline Express 公告帖子。这允许更好地控制公告和前端显示。将此钩子与自定义单个公告模板结合使用将为您提供最大的控制权。

例子:

function add_custom_timeline_express_field( $custom_fields ) {
$custom_fields = array(
array(
'name' => __( 'Example Text Field', 'timeline-express' ),
'desc' => __( 'this is an example user defined text field.', 'timeline-express' ),
'id' => 'announcement_user_defined_text',
'type' => 'text_medium',
),
array(
'name' => __( 'Example WYSIWYG', 'timeline-express' ),
'desc' => __( 'this is an example wysiwyg field.', 'timeline-express' ),
'id' => 'announcement_user_defined_wysiwyg',
'type' => 'wysiwyg',
),
array(
'name' => __( 'Example Email Field', 'timeline-express' ),
'desc' => __( 'this is an example user defined email field.', 'timeline-express' ),
'id' => 'announcement_user_defined_money',
'type' => 'text_email',
)
);
return $custom_fields;
}
add_filter( 'timeline_express_custom_fields' , 'add_custom_timeline_express_field' );
此示例将在公告帖子的“公告图片”字段下方添加 3 个新字段。

个字段是一个简单的文本字段。 个字段是 WYSIWYG 示例,第三个字段是电子邮件字段。

注意:您可以添加任意数量的字段,并使用get_post_meta()函数将它们显示在前端。

自定义“公告”标签(新 v1.1.4)

用户现在可以使用提供的过滤器为公告帖子定义自己的 slug 'timeline-express-slug'。这会改变公告的 URL 结构,可能是出于 SEO 目的。您将在活动主题 functions.php 文件中输入以下代码。

将代码输入到 functions.php 文件后,您需要刷新永久链接。您可以通过转到“设置 > 永久链接”并单击保存来执行此操作。这将阻止您在更改 slug 时看到的 404 页面。

例子:

// alter '/announcement/' to be '/event/'
function timeline_express_change_announcement_slug( $slug ) {
$slug = 'event';
return $slug;
}
add_filter('timeline-express-slug', 'timeline_express_change_announcement_slug' );
此示例将默认/announcement/slug 更改为/event/.

更改“阅读更多”按钮文本(新 v1.1.3.1)

用户现在可以使用提供的 gettext 过滤器和“timeline-express”文本域来更改“阅读更多”按钮文本。

例子:

// alter 'Read more' to say 'View Announcement'
function timeline_express_change_readmore_text( $translated_text, $untranslated_text, $domain ) {
switch( $untranslated_text ) {
case 'Read more':
$translated_text = __( 'View Announcement','timeline-express' );
break;
}
return $translated_text;
}
add_filter('gettext', 'timeline_express_change_readmore_text', 20, 3);
此示例将“阅读更多”更改为“查看公告”。

将自定义类添加到“阅读更多”按钮(新 v1.1.3.1)

用户现在可以将自定义类添加到“阅读更多”公告按钮。这允许更好地控制将时间线适合您当前活动的主题。

参数 :

$button_classes = 分配给“阅读更多”按钮的默认按钮类

例子:

// add a custom class to the Timeline Express readmore link
function timeline_express_custom_readmore_class( $button_classes ) {
return $button_classes . 'custom-class-name';
}
add_filter( 'timeline-express-read-more-class' , 'timeline_express_custom_readmore_class' );
此示例将在页面上打印以下“阅读更多”按钮 HTML:

Read more
为前端显示设置自定义日期格式(新 v1.0.9)

1.0.9 版中的新功能是前端日期的本地化。日期格式现在由您在“常规 > 设置”中的日期设置控制。

如果出于某种原因,您想指定与 WordPress 核心提供的日期格式不同的日期格式,您可以使用提供的 filter timeline_express_custom_date_format。

您需要传递给函数的一个参数是 $date_format,它(听起来)是日期的格式。

一些格式化示例:

m.d.Y– 11.19.2014
d-m-y– 14 年 11 月 19 日
d M y– 2014 年 11 月 19 日
D j/n/Y– 2014 年 11 月 19 日星期三
l jS \of\ F– 11 月 19 日星期三
例子:

function custom_te_date_format( $date_format ) {
$date_format = "M d , Y"; // will print the date as Nov 19 , 2014
return $date_format;
}
add_filter( 'timeline_express_custom_date_format' , 'custom_te_date_format' , 10 );
d – 的数字表示,前导零从 01 到 31。
m – 月份的数字表示,前导零从 01 到 12。
y – 年份的数字表示,两位数。

D – 的文字表示,三个字母 Mon 到 Sun。

j – 的数字表示,没有前导零 1 到 31。
n – 月份的数字表示,没有前导零 1 到 12。
Y – 一年的数字表示,四位数字。

S – 月份日期的英文序数后缀。由 2 个字符 st、nd、rd 或 th 组成。

F – 一个月的文本表示,从 1 月到 12 月。

M – 一个月的文本表示,三个字母 Jan 到 Dec。

查看更多日期格式参数

加载您自己的单个公告模板文件(新 v1.0.8)

默认情况下,所有单个公告都将尝试加载 single.php 模板文件。如果找不到,我们已尽力为您实施模板。如果您对我们提供的模板文件不满意,您有两个选择。您的 个选择是将插件中包含的 single-announcement-template 目录复制到您的活动主题根目录中。这将触发插件加载该文件。然后,您可以根据自己的喜好自定义此文件,而不必担心在下一次更新中丢失任何更改。

您的下一个选择是使用我们的新过滤器来加载您自己的自定义模板文件。如果出于某种原因您设计或开发了您自己的 single.php 文件,您宁愿使用它,或者您只想使用您的主题 page.php 模板,您可以使用提供的过滤器来更改加载的模板。这是一个示例(您希望将此代码放入活动主题的 functions.php 文件中):

例子:

// By default Timeline Express uses single.php for announcements
// you can load page.php instead
// just change page.php to whatever your template file is named
// keep in mind, this is looking in your active themes root for the template
function custom_timeline_express_template_file( $template_file ) {
$template_file = 'page.php';
return $template_file;
}
add_filter( 'timeline_express_custom_template' , 'custom_timeline_express_template_file' , 10 );
指定 Font Awesome 版本(新 1.1.7.8)

用户现在可以指定从 font awesome CDN 加载哪个版本的 font awesome。或者,如果找不到字体真棒版本 - 将使用捆绑的回退(版本 4.6.1)。

例子:

// use a different version of Font Awesome
function timeline_express_alter_font_awesome_version( $version ) {
$version = '4.4.0';
return $version;
}
add_filter( 'timeline_express_font_awesome_version', 'timeline_express_alter_font_awesome_version' );
上面的示例将从 font awesome CDN 加载 font awesome 版本 4.4.0,而不是当前的稳定版本。