【活动】:会员128元永久会员早开早划算!
WordPress添加说说页面百度上有很多这样的页面教程,有些大佬制作的说说页面非常好,这也使我制作清新版说说页面受益良多。本来我也不想制作这样页面,毕竟百度上一大堆教程,而且用处也不是很大。但是我在使用那些大佬制作好的说说页面,有些存在一些小BUG(可能不适配本站主题的原因),所以我自己制作了一个清新版说说页面(当然啦,大部分代码都是借鉴和使用大佬的),花了2天的时间制作完成(主要花很多时间修改很多种的样式)。自己对于PHP、HTML和CSS不是很了解(萌新一枚),所以在制作的过程中出现很多的问题,比如:在制作完成后突然发现不能分页,这是恐怖的事,不过被我解决了,同时也优化了说说页面,使说说页面可以发布很多的东西,比如视频等等啥的…
本来想加评论但是我对WordPress和本站的子比主题的函数,不是很了解(也不怎么会加),所以弄不了,这是很遗憾的,如果有大佬知道弄的话,请告知一下我。教程代码不是太美观,请勿喷,谢谢。O(∩_∩)O哈哈~好啦!下面给出教程。
如果有更好的样式和建议的朋友,请留言,谢谢\( ̄︶ ̄*\))
食用教程
说明:
- 虽然说说页面我只制作适配本站主题,但是主体的代码还是能用的,其他主题只需复制主题下的页面默认模板文件,然后在合适的位置添加本说说页面的核心代码,即可使用。
- 由于通过本站文章微语页面的函数代码进行修改,使用如果使用微语页面的朋友,请先删除functions.php中的函数,在进行以下步骤。
- 更新主题是记得备份代码,以免无法使用。
- 有一些CSS样式是直接采用子比主题的CSS,所以其他主题使用过程中出现样式的问题请自行修改一些CSS样式。
- 说说页面的点赞不是主题的代码,所以会存在一个Bug,如果介意请自己删除相关代码。
1、在主题目录下functions.php文件末尾把下面代码添加进去即可。
2、子比主题的朋友,在主题目录zibll/pages目录下创建shuoshuo.php文件,然后把下面的代码复制进去即可。
- 如果懒得创建文件,可以下载使用本站已经创建好PHP文件,文件下载在文章末尾。
子比主题说说页面代码
- 制作不易,禁止白嫖,Thanks♪(・ω・)ノ
- 获取代码两种方式:
1、评论可见:
- 版本二、
2、密码可见:(点击下方的“怎么获取密码?”进行获取密码。只是想试一下这个功能好不好用,\(^o^)/~)请输入密码查看加密内容文章密码
怎么获取密码?
说说页面主体代码:
子比主题说说页面代码说说页面主体代码:
3、在网站后台—>页面—>新建页面—>页面属性–模板–WIIUII说说页面(古腾堡编辑器是这样的,不知道经典编辑器是不是一样),然后发布页面即可。
效果截图
- 效果:可以点击下方的链接访问本站的说说页面进行浏览效果。
【紫禁资源站 – 说说页面】https://www.51ckp.com/n/says
- 截图:
- 版本一:
![WordPress清新版说说页面[更新:1-3] WordPress清新版说说页面[更新:1-3]](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/%E8%AF%B4%E8%AF%B4%E9%A1%B5%E9%9D%A2%E6%95%88%E6%9E%9C%E5%9B%BE1.jpg)
- 版本二:
![WordPress清新版说说页面[更新:1-3] WordPress清新版说说页面[更新:1-3]](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/%E8%AF%B4%E8%AF%B4%E9%A1%B5%E9%9D%A2%E7%89%88%E6%9C%AC%E4%BA%8C.jpg)
更新日志
- 2020-2-7:进行版本样式的修改,以后可能会变更了。什么时候想到好的点子再更新。
- 2020-1-27更新如下:
- 修复图片对齐方式的问题
- 添加了图片灯箱(采用子比主题的灯箱,只有子比主题有效)
- 添加了点赞(喜欢)的功能(因为点赞功能代码不是主题的,所以存在一个Bug,当点赞第二个说说以后会出现提示评论已点赞的bug,不过还能用,谷歌浏览器好像没有这个问题,不知道怎么修复,求大佬帮忙修复)
- 好像暂时只有这些….
- 2020-1-26:修复了当说说不大于6篇时,在“下一页”处显示白色横条。
- 2020-1-21:发布说说页面(清新版)
感谢您的来访,获取更多精彩文章请收藏本站。

暂无评论内容