- 资源介绍
- 更新记录
- 安装教程
很多时候我们在WordPress上发布一些文章的时候里面都包含了很多的代码,柠檬一般又不喜欢把代码压缩起来而喜欢让代码格式化显示,但是格式化显示通常会让文章内容看起来很多,不便于访问者浏览,所以今天就介绍一种可以展开/收缩文章内容的功能。
教程
1、在header.php中添加下面的代码,或者也可以单独写进一个js文件中然后在header.php中引入也可以。我是引入的。
2、在function.php中加入下面的代码:
//展开收缩功能
function xcollapse($atts, $content = null){
extract(shortcode_atts(array(\"title\"=>\"\"),$atts));
return \'
\'.$title.\'
展开/收缩
\'.$content.\'
\';
}
add_shortcode(\'collapse\', \'xcollapse\');
3、可以优化一下代码,因为默认是靠左的,不好看,我们让他往中间一点显示,具体的距离可以自行调整。当然这一步忽略也是可以的。 在diy.css中添加以下代码:
.xControl {
padding-left: 32px;
}
猜你喜欢
-
WordPress获取自定义文章类型的全部分类法名称、链接、ID_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何调用最新、热门文章和指定分类文章_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何添加文章投稿功能_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何调用自定义分类文章数量_52弹弹堂-5466shop.cn
2020-08-28 -
了解WordPress的tags标签自定义样式_52弹弹堂-5466shop.cn
2020-08-28 -
Wordpress博客如何获取站点总访问量_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress添加文章样式,不同文章形式使用不同模板_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress获取登录用户角色和用户资料信息_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress自动检测并显示文章是否被百度收录_52弹弹堂-5466shop.cn
2020-08-28 -
解决WordPress官网无法访问 429 Too Many Requests_52弹弹堂-5466shop.cn
2020-08-28
-
WordPress后台只显示当前登录用户的文章和媒体文件_52弹弹堂-5466shop.cn
2020-08-28 -
Wordpres多站点配置(站群建设)详细方法_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress优化技巧用代码实现自动为文章添加标签_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress获取自定义文章类型分类法的所有文章循环_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress小技巧:移除菜单导航中自带的多余类名_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何获取全部文章总浏览数量_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress如何在删除文章时自动删除文章内的图片附件_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress免插件配置SMTP邮件功能教程_52弹弹堂-5466shop.cn
2020-08-28 -
RIPRO主题6.x开启(鼠标划过文章网格加载动效)后不能点击,如何解决?教程来了!_52弹弹堂-5466shop.cn
2020-08-28 -
WordPress纯代码实现ajax评论无限加载教程_52弹弹堂-5466shop.cn
2020-08-28
猜你在找
5466资源网 » WordPress美化教程-为文章内容页添加展开收缩功能_52弹弹堂-5466shop.cn
- 2020-08-28Hi,初次和大家见面了,请多关照!