标签： 页面

WordPress博客为文章内容页添加展开收缩功能

发现很多时候我们在WordPress上发布一些文章的时候里面都包含了很多的代码，又不喜欢把代码压缩起来而喜欢让代码格式化显示，但是格式化显示通常会让文章内容看起来很多，不便于访问者浏览，所以今天就介绍一种可以展开/收缩文章内容的功能。
教程如下：

1、在header.php中添加下面的代码，或者也可以单独写进一个js文件中然后在header.php中引入也可以。我是引入的。

<script type=\"text/javascript\">

 jQuery(document).ready(function(jQuery) {

 jQuery(\'.collapseButton\').click(function() {

 jQuery(this).parent().parent().find(\'.xContent\').slideToggle(\'slow\');

});

});

</script>

2、在function.php中加入下面的代码：

//展开收缩功能
function xcollapse($atts, $content = null){
 extract(shortcode_atts(array(\"title\"=>\"\"),$atts));
return \'<div style=\"margin: 0.5em 0;\">
<div class=\"xControl\">
<span class=\"xTitle\">\'.$title.\'</span>
<a href=\"javascript:void(0)\" class=\"collapseButton xButton\">展开/收缩</a>
<div style=\"clear: both;\"></div>
</div>
<div class=\"xContent\" style=\"display: none;\">\'.$content.\'</div>
</div>\';
}
add_shortcode(\'collapse\', \'xcollapse\');

3.可以优化一下代码，因为默认是靠左的，不好看，我们让他往中间一点显示，具体的距离可以自行调整。当然这一步忽略也是可以的。
在diy.css中添加以下代码：

.xControl {

 padding-left: 32px;

}

4、下面就可以在文章中通过插入短代码

[collapse title="标题"]需点击展开的内容[/collapse]

来使用此功能了。其中title是指添加一些提示内容，当然也可以省略title不写。
一方面可以优化WordPress主题内容页面的加载速度，另一方面可以有效提升用户体验。

WordPress主题 Grace8.2主题破解学习版 去授权去后门

主题介绍

大名鼎鼎的Grace主题，之前找了很久只找到8.0的版本，还有人用8.0冒充8.2。

此版去授权去后门，需要的可以试用。Grace主题是第一适用于自媒体、极客的博客主题。它提供多样化的文章分类样式，内置了许多个性化的功能，能够满足您的各种需。

这款主题为破解学习版，想用在生产环境的话建议购买正版。

Grace主题v8.2版本更新，修复多个问题

新增：

分类目录新增默认封面

标签页面不在需要上传背景图片

分享使用自制的分享，不用百度分享。支持微信缩略图（需要公众号认证提供AppId和AppSecret），在主题选项-分享设置中设置

文章样式，多图模式，可自动获取缩略图（自动获取特色图像和文章前2/3张图片），也可手动上传。后台进行切换。

投稿页面可以关闭邮件验证，在主题选项-页面设置中切换状态。

合并了一些主题js和css文件

修复：

修复幻灯片在鼠标停留时，还在滚动

修复文章中图片无法距左或居右

修复文章中上下文无法显示特色图像

修复专题页面如果不填前两个推荐专题，页面无法正常显示

修复手机端左滑菜单中，无法下拉

修复了文章页在手机端会左右晃动

优化全站的加载前置动画，默认关闭状态。

优化了幻灯片笼罩背景色的透明度

优化了一些部件的前端显示效果

WordPress美化_节日灯笼插件

过WP后台➡插件➡安装插件➡上传插件,添加上传插件,启用后回跳转到插件设置页面(或者WP后台➡设置➡节点装点),可以选择显示顶部左右灯笼,花瓣飘落,梅花枝等.\