纯代码为WordPress文章内容添加展开收缩功能

2020年4月29日11:11:47 发表评论 545 次浏览

纯代码为WordPress文章内容添加展开收缩功能

1. 添加JS代码

将以下代码添加到你主题 header.php 文件的 <body> 标签前面

温馨提示: 此处内容需要 评论本文刷新本页 即可查看

2. 添加代码至主题 functions.php 文件

温馨提示: 此处内容需要 评论本文刷新本页 即可查看

注意:把上面代码的【 都改成 [ !
添加完以上代码,在后台点击文章编辑的 文本 菜单,便会出现一个 展开/收缩按钮 的一个快捷按钮!

3. 添加 css 样式

将下面的代码添加到 style.css 文件中或者添加到额外css样式中,即可显示你想要的文章内容 收缩展开 样式了!

温馨提示: 此处内容需要 评论本文刷新本页 即可查看

效果如下:

weinxin
小Q年
关注公众号,获取前沿分享
smallQ

发表评论

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