很多网站都有一个说说/心情的页面,用来记录自己每日的所思所想,很是不错。自己之前都是将自己的心情记录在添加的一言功能里的,详见>>> 网站新增一言功能——微语录就是这么简单 。这个功能有一个局限,就是每次添加的时候都需要登陆 FTP 下载 TXT 文件,添加完成后再上传,特别的不方便。最后想了想还是决定自己也折腾个说说/心情的页面,从网上搜索了很多相关文章,又根据自己喜好最终折腾出的页面如下:
样式基本上使用的是 jQuery 插件库的垂直时间轴,稍微做了些调整,后面我会分享该文件。话不多说,还是直接进入我们的实现环节。
注册帖子类型
首先,我们需要使用 WordPress 的 register_post_type( ) 函数注册一个新的帖子类型,以方便日后编辑说说。将以下代码直接丢到主题的 functions.php 文件中去即可。
关于 register_post_type( ) 函数的使用,你可以查阅这篇文章:
https://developer.wordpress.org/reference/functions/register_post_type/
添加说说/心情页面模板文件
添加完上述函数后,我们就可以在后台发现一个“说说”的菜单,通过菜单即可编辑说说,但是我们发现编辑完成后的说说并不能在前端显示出来,这是我们们需要新建一个说说的页面模板控制其前端显示,将以下代码复制并另存为 page_shuoshuo.php ,并上传至主题根目录下。
代码中所用 WordPress 函数官方文档如下:
- have_posts(); :https://developer.wordpress.org/reference/functions/have_posts/
- query_posts(); :https://developer.wordpress.org/reference/functions/query_posts/
- the_post(); :https://developer.wordpress.org/reference/functions/the_post/
- the_time(); :https://developer.wordpress.org/reference/functions/the_time/
- the_content(); :https://developer.wordpress.org/reference/functions/the_content/
- the_title(); :https://developer.wordpress.org/reference/functions/the_title/
- get_bloginfo(); :https://developer.wordpress.org/reference/functions/get_bloginfo/
CSS样式美化
将以下代码复制并保存为 vertical_timeline.css 文件,直接丢到主题 css 文件夹下即可。
样式代码来源于 jQuery 插件库的垂直时间轴,不过我稍微做了些修改。
新建说说页面
代码部署完成后前往后台新建一个页面,页面模板选择“说说/心情”即可。
现在你就可以通过访问页面链接来查看发布的说说了。
我觉得世界无聊,是因为我的世界本身已经足够有趣了。
最后,我终于解放了我自己……