为网站添加“时间轴”—微言微语页面

2019年12月4日20:07:59 发表评论 64 次浏览
摘要

今天要记录的是属于wordpress的一个扩展功能,就是在wordpress的基础上实现类似说说那样的微语功能。喜欢的朋友可以点个赞鼓励下,希望对你有用。

1、新建微语功能:将下面的代码复制粘贴到你主题的 functions.php 函数文件中,为 wordpress 添加微语功能。添加完成后,应该可以在 wordpress 后台菜单中找到“微语”这一项了。

2、添加微语模板:

两种方法:

第一种:可以将文末提供的微语模板(template-weiyu.php)上传到到你主题的 pages 目录下。

第二种:也可以自己新建一个 PHP 文件(template-weiyu.php),将下面代码复制进去,上传到你主题的 pages 目录下。

3、创建一个新页面:进入 wordpress 后台,创建一个新页面,在模板一栏中选择微言微语,没错,就是我们上一步添加到 pages 目录下的那个模板。然后确认新建即可。这时候,wordpress 的微语功能就基本实现了。只要将新建的页面添加到你的菜单中,就可以正常发表微语了,但是样式是非常简陋的,所以下一步才是最关键的——选择适合自己 CSS 样式。

 

4、为微语页面添加 CSS 样式,这里我直接将自己的 CSS 样式一起打包放到文末的文件里。大家可以根据自己的情况进行修改。

注意事项:
1,打包的文件里还有一张名为"bolangxian"(波浪线)的图片,需要上传到你自己的服务器,并且修改代码中的引用路径。
2,这个微语页面使用了Font Awesome字体图标,需要安装 font awesome 4 menus 插件(或者直接将 Font Awesome 字体放到网站目录下)才能正常显示。
文件下载

文件名称:微语页面文件

提取码: j7m9
admin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: