修改之前一定要备份文件 防止改忘记了的时候还有退路可走 或者你也可以使用子主题功能
插件兼容问题
WP Favorite Post
导致无法编辑主题自定义内容
Collapse-O-Matic
如果文章中有加载此插件效果 会导致图片灯箱效果失效
代码修改
我的方式是把BLOG模板进行排序 这样不影响CMS布局页面
打开BLOG模板文件
1 |
/begin/template-blog.php |
找到如下代码
1 2 3 4 5 |
$args = array( 'category__not_in' => $notcat, 'post__not_in' => $sticky, 'paged' => $paged ); |
添加如下两行代码
1 2 |
'orderby' => 'modified', 'order' => 'DESC', |
添加后变成下面这样
1 2 3 4 5 6 7 |
$args = array( 'category__not_in' => $notcat, 'post__not_in' => $sticky, 'orderby' => 'modified', 'order' => 'DESC', 'paged' => $paged ); |
然后新建一个页面 模板选择blog 发布该页面 以后访问此页面就是blog布局 并且按最后修改顺序倒序来排序 如果想要其他排序方式 可以修改'orderby'参数
1 2 3 4 5 6 |
'orderby' => 'date'//按发布日期排序 'orderby' => 'modified'//按修改时间排序 'orderby' => 'ID'//按文章ID排序 'orderby' => 'comment_count'//按评论最多排序 'orderby' => 'title'//按标题排序 'orderby' => 'rand'//随机排序 |
'order' => 'DESC'这行代表按倒序排列 如果按顺序排列的话为 'order' => 'ASC'
嵌套留言如果过多 会一直缩小留言框 直到最后你会看到每一行只能显示一个字 尤其是手机端 继续动刀修改 这次的主题评论函数所在文件位置为
1 |
/begin/inc/functions/comment-template.php |
第22行代码如下
1 |
<<?php echo $tag ?> <?php comment_class( empty( $args['has_children'] ) ? '' : 'parent' ) ?> id="comment-<?php comment_ID() ?>"> |
修改为
1 |
<<?php echo $tag ?> <?php comment_class( empty( $args['has_children'] ) ? '' : 'parent', 'clearfix' ) ?><?php if( $depth > 3){ echo ' style="margin-left:-21px;margin-right:-21px;"';} ?> id="comment-<?php comment_ID() ?>"> |
其中 $depth > 3 表示从第3层开始缩进两边跟上一层对齐
然而底边也实在是太高 改小一点吧 进入 主题选项 → 定制风格 填入一下CSS样式
1 2 3 4 5 6 7 8 9 10 11 |
.comment-list li { position: relative; background: #fff; margin: 0 0 5px 0; padding: 0px 20px; border: 1px solid #ebebeb; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03); border-radius: 2px; word-wrap: break-word; word-break: break-all; } |
OK 虽然底边还是会有一点 不过紧凑了很多 看个人喜欢吧
关于访客信息的实现看下面这篇文章
http://www.speedfly.cn/9488.html
找到第35-37行代码如下
1 2 3 |
<?php } else { ?> <strong><?php commentauthor(); ?></strong> <?php } ?> |
把访客信息中需要加入的代码放到第37行下面即可 同时注意修改下show-useragent.php文件中的相关图片路径即可
这次的小工具都集成在一个文件里面了 位置如下
1 |
/begin/inc/functions/widgets.php |
比如想让最近评论显示自己的留言 找到第96行代码
1 |
$my_email = get_bloginfo ('admin_email'); |
把其中的 admin_email 改为其他名称即可 比如 admini_email 这样判断不到管理员邮件地址自然就会让判断失效了
由于评论分页后原主题所带的最新评论小工具上的评论链接并不带分页函数 所以如果评论不在最后一页就无法准确定位到评论的位置 我们来看看主题是怎么获取这个评论链接的
1 |
<?php echo get_permalink($my_comment->comment_post_ID); ?>#comment-<?php echo $my_comment->comment_ID; ?> |
获取方法就是评论所在文章链接 + 评论ID的方式 只要把上面类似的代码修改为下面的代码即可
1 |
<?php echo get_comment_link( $my_comment->comment_ID ); ?> |
这样评论链接就会带分页链接函数了 不管在评论页的哪一页都可以准确定位
打开下面两个文件
1 |
/begin/content-aside.php |
1 |
/begin/content.php |
找到下面这段代码
1 |
{ echo wp_trim_words( get_the_excerpt(), 90, '...' ); } else { echo wp_trim_words( get_the_content(), 100, '...' ); } |
其中90是文章中输入了摘要内容的截断长度 100是未输入摘要内容的截断长度 可以根据自己的需要来修改
修改评论框
修改位置
1 |
/begin/comments.php |
118行代码如下
1 |
<p class="comment-form-comment"><textarea id="comment" name="comment" rows="4" tabindex="4"></textarea></p> |
修改为
1 |
<p class="comment-form-comment"><textarea placeholder="欢迎来到七支剑的WP 评论前请先仔细阅读文章内容...已确认留言不会怀孕" id="comment" name="comment" rows="4" tabindex="4" onKeyDown="xx(this.form.comment,this.form.total,this.form.used,this.form.remain);" onKeyUp="xx(this.form.comment,this.form.total,this.form.used,this.form.remain);"></textarea></p><!-- 修改提示语言 --> |
如果想在评论框上方添加其他提示 可以用如下代码 把地址替换为你自己的即可
1 |
<span><b>如果您喜欢本站 请至<a href="http://koubei.baidu.com/s/www.speedfly.cn" target=_blank><font color="blue">百度口碑</font></a>评价本站</b><br /><b>请善用顶部导航栏右侧的搜索以及右栏底部的搜索来查找你需要的内容</b></span> |
多作者博客评论处头像有时候现实的并不是自己的 处理方法如下
69行如下代码
1 |
<?php echo get_avatar( get_the_author_meta('email'), '64' ); ?> |
修改为
1 |
<?php global $current_user;get_currentuserinfo();echo get_avatar( $current_user->user_email, '64' ); ?><!-- 修改评论处显示头像错误 --> |
文章内容
文章内容模板文件位置为
1 |
/begin/content.php |
找到如下代码
1 |
<div class="single-content"> |
这里就是正文内容的开始 比如本站的文章顶部分享代码就是放在该行下面的
CSS样式
不得不说这次主题的CSS样式修改很方便 再也不用去动原有的文件了 只需要在 主题选项 → 定制风格 自定义即可
如果你的评论图片包括表情变成一行只能有一幅的话 可以试试添加此CSS样式
1 2 3 4 5 6 7 |
.comment-list p img { max-width: 100%; width: auto; height: auto; vertical-align: middle; display: inline; } |
不知道大家在手机上看的时候 是否会被回复按钮挡住楼层数 虽然不影响使用 不过强迫症患者还是希望他不要挡住我的视线
把回复按钮往右上角挪挪 代码如下
1 2 3 4 |
.reply a { top: 3px; right: 5px; } |
其中 3px为离顶端的距离 5px为离右端的距离 自己可以适当调整
我的缩略图一直用的正方形的 所以我要改成200x200的 CSS如下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
.thumbnail { width: 200px; height: 200px; } .thumbnail a img { width: 200px; height: 200px; } @media screen and (max-width: 620px) { .thumbnail { width: 100px; height: 100px; } .thumbnail a img { width: 100px; height: 100px; } } |
如果觉得文章目录那块小的话可以用以下CSS解决
1 2 3 4 |
#catalog { width: 200px; height: 200px; } |
由于主题已经设置了最大宽度为300 所以大可自行设定需要的宽度和高度 另外height如果想要目录全部显示 可以改成auto
评论编辑器
参考资料
给wordpress添加简单文字编辑器,解除评论代码限制、添加颜色选择器、实现淡入淡出效果
customeditor.txt (1135)
2017年09月01日 16:35 21楼
我在使用杂志主题,在CMS设置里选项里打开了底部两栏分类列表,但是在添加文章的时候发现,8.17以前的文章都可以显示,8.17开始文章就是后台更新了,前台也不显示,不知道是啥问题,博主有遇到过这个问题吗?
2018年01月11日 11:00 22楼
Collapse-O-Matic插件在哪里是干嘛用的?我的4.6版本图片老是用不了灯箱有没有方法?
2018年01月11日 12:27 1层
@时光 这个插件是扩展插件 没装过就没有 灯箱问题也有可能是跟其他插件冲突 你可以试着关闭插件来测试具体跟哪个有冲突
2018年01月14日 14:40 2层
@七支剑 请问博主您用的是什么版本的begin?我看您的灯箱都是正常显示的!
2018年01月14日 15:45 3层
@时间 2.x 早期的版本
2018年01月14日 15:56 2层
@七支剑 我已经找到灯箱失效的原因了。是因为图片链接有中文!把图片文件改成英文或者数字就好了。博主可以更新一下这篇文章!还有一个问题没解决 就是用超级缓存浏览数量就会停止记录!
2018年01月14日 16:06 3层
@时间 解决就好 WP SUPER CACHE的确有这问题 我记得网上有解决方法 我没用这个插件 NGINX缓存貌似比这个更好一点
2018年05月04日 17:06 23楼
我网站开启了SSL 所以 百度分享不能用,请问在哪里修改??
2018年05月04日 20:44 1层
@michael SSL我还没研究透彻 帮不了你了
2018年08月24日 15:00 24楼
您好,您游戏类目下子分类是怎么设置的图片形式展示文章的
2018年08月24日 19:05 1层
@coc1992 主题自带模板啊 只要把id改成你需要的分类id即可