begin主题的折腾日记

文章目录

修改之前一定要备份文件防止改忘记了的时候还有退路可走或者你也可以使用子主题功能

插件兼容问题

WP Favorite Post

导致无法编辑主题自定义内容

Collapse-O-Matic

如果文章中有加载此插件效果会导致图片灯箱效果失效

代码修改

文章排序

我的方式是把BLOG模板进行排序这样不影响CMS布局页面

打开BLOG模板文件

/begin/template-blog.php

1	/begin/template-blog.php

找到如下代码

$args = array(
	'category__not_in' => $notcat,
	'post__not_in' => $sticky,
	'paged' => $paged
);

$args = array(

'category__not_in' => $notcat,

'post__not_in' => $sticky,

'paged' => $paged

);

添加如下两行代码

'orderby' => 'modified',
'order' => 'DESC',

1 2	'orderby' => 'modified', 'order' => 'DESC',

添加后变成下面这样

$args = array(
	'category__not_in' => $notcat,
	'post__not_in' => $sticky,
	'orderby' => 'modified',
	'order' => 'DESC',
	'paged' => $paged
);

$args = array(

'category__not_in' => $notcat,

'post__not_in' => $sticky,

'orderby' => 'modified',

'order' => 'DESC',

'paged' => $paged

);

然后新建一个页面模板选择blog 发布该页面以后访问此页面就是blog布局并且按最后修改顺序倒序来排序如果想要其他排序方式可以修改'orderby'参数

'orderby' => 'date'//按发布日期排序
'orderby' => 'modified'//按修改时间排序
'orderby' => 'ID'//按文章ID排序
'orderby' => 'comment_count'//按评论最多排序
'orderby' => 'title'//按标题排序
'orderby' => 'rand'//随机排序

'orderby' => 'date'//按发布日期排序

'orderby' => 'modified'//按修改时间排序

'orderby' => 'ID'//按文章ID排序

'orderby' => 'comment_count'//按评论最多排序

'orderby' => 'title'//按标题排序

'orderby' => 'rand'//随机排序

'order' => 'DESC'这行代表按倒序排列如果按顺序排列的话为 'order' => 'ASC'

嵌套留言

嵌套留言如果过多会一直缩小留言框直到最后你会看到每一行只能显示一个字尤其是手机端继续动刀修改这次的主题评论函数所在文件位置为

/begin/inc/functions/comment-template.php

1	/begin/inc/functions/comment-template.php

第22行代码如下

<<?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' ) ?> id="comment-<?php comment_ID() ?>">

修改为

<<?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() ?>">

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样式

.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;
}

.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行代码如下

<?php } else { ?>
<strong><?php commentauthor(); ?></strong>
<?php } ?>

<?php } else { ?>

<?php } ?>

把访客信息中需要加入的代码放到第37行下面即可同时注意修改下show-useragent.php文件中的相关图片路径即可

小工具

这次的小工具都集成在一个文件里面了位置如下

/begin/inc/functions/widgets.php

1	/begin/inc/functions/widgets.php

比如想让最近评论显示自己的留言找到第96行代码

$my_email = get_bloginfo ('admin_email');

1	$my_email = get_bloginfo ('admin_email');

把其中的 admin_email 改为其他名称即可比如 admini_email 这样判断不到管理员邮件地址自然就会让判断失效了

侧边最新评论

由于评论分页后原主题所带的最新评论小工具上的评论链接并不带分页函数所以如果评论不在最后一页就无法准确定位到评论的位置我们来看看主题是怎么获取这个评论链接的

<?php echo get_permalink($my_comment->comment_post_ID); ?>#comment-<?php echo $my_comment->comment_ID; ?>

1	<?php echo get_permalink($my_comment->comment_post_ID); ?>#comment-<?php echo $my_comment->comment_ID; ?>

获取方法就是评论所在文章链接 + 评论ID的方式只要把上面类似的代码修改为下面的代码即可

<?php echo get_comment_link( $my_comment->comment_ID ); ?>

1	<?php echo get_comment_link( $my_comment->comment_ID ); ?>

这样评论链接就会带分页链接函数了不管在评论页的哪一页都可以准确定位

文章列表中文截断

打开下面两个文件

/begin/content-aside.php

1	/begin/content-aside.php

/begin/content.php

1	/begin/content.php

找到下面这段代码

{ echo wp_trim_words( get_the_excerpt(), 90, '...' ); } else { echo wp_trim_words( get_the_content(), 100, '...' ); }

1	{ echo wp_trim_words( get_the_excerpt(), 90, '...' ); } else { echo wp_trim_words( get_the_content(), 100, '...' ); }

其中90是文章中输入了摘要内容的截断长度 100是未输入摘要内容的截断长度可以根据自己的需要来修改

修改评论框

修改位置

/begin/comments.php

1	/begin/comments.php

评论框提示

118行代码如下

<p class="comment-form-comment"><textarea id="comment" name="comment" rows="4" tabindex="4"></textarea></p>

1	<p class="comment-form-comment"><textarea id="comment" name="comment" rows="4" tabindex="4"></textarea></p>

修改为

<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><!-- 修改提示语言 -->

如果想在评论框上方添加其他提示可以用如下代码把地址替换为你自己的即可

<span><b>如果您喜欢本站 请至<a href="http://koubei.baidu.com/s/www.speedfly.cn" target=_blank><font color="blue">百度口碑</font></a>评价本站</b><br /><b>请善用顶部导航栏右侧的搜索以及右栏底部的搜索来查找你需要的内容</b></span>

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行如下代码

<?php echo get_avatar( get_the_author_meta('email'), '64' ); ?>

1	<?php echo get_avatar( get_the_author_meta('email'), '64' ); ?>

修改为

<?php global $current_user;get_currentuserinfo();echo get_avatar( $current_user->user_email, '64' ); ?><!-- 修改评论处显示头像错误 -->

1	<?php global $current_user;get_currentuserinfo();echo get_avatar( $current_user->user_email, '64' ); ?><!-- 修改评论处显示头像错误 -->

文章内容

文章内容模板文件位置为

/begin/content.php

1	/begin/content.php

找到如下代码

<div class="single-content">

1	<div class="single-content">

这里就是正文内容的开始比如本站的文章顶部分享代码就是放在该行下面的

CSS样式

不得不说这次主题的CSS样式修改很方便再也不用去动原有的文件了只需要在主题选项 → 定制风格自定义即可

评论图片

如果你的评论图片包括表情变成一行只能有一幅的话可以试试添加此CSS样式

.comment-list p img {
max-width: 100%;
width: auto;
height: auto;
vertical-align: middle;
display: inline;
}

.comment-list p img {

max-width: 100%;

width: auto;

height: auto;

vertical-align: middle;

display: inline;

}

回复按钮

不知道大家在手机上看的时候是否会被回复按钮挡住楼层数虽然不影响使用不过强迫症患者还是希望他不要挡住我的视线

把回复按钮往右上角挪挪代码如下

.reply a {
top: 3px;
right: 5px;
}

.reply a {

top: 3px;

right: 5px;

}

其中 3px为离顶端的距离 5px为离右端的距离自己可以适当调整

文章列表缩略图

我的缩略图一直用的正方形的所以我要改成200x200的 CSS如下

.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;
	}
}

.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解决

#catalog {
width: 200px;
height: 200px;
}

#catalog {

width: 200px;

height: 200px;

}

由于主题已经设置了最大宽度为300 所以大可自行设定需要的宽度和高度另外height如果想要目录全部显示可以改成auto

评论编辑器

参考资料

给wordpress添加简单文字编辑器，解除评论代码限制、添加颜色选择器、实现淡入淡出效果

WordPress开启颜色评论但不造成XSS漏洞的小方法

百度网盘
customeditor.txt　密码: s19i　[2015-06-16]

发表评论取消回复

您必须登录才能发表评论！

目前评论：55 其中：访客 32 博主 23

五元洗剪吹游客 0
登录以回复 2017年09月01日 16:35 21楼

我在使用杂志主题，在CMS设置里选项里打开了底部两栏分类列表，但是在添加文章的时候发现，8.17以前的文章都可以显示，8.17开始文章就是后台更新了，前台也不显示，不知道是啥问题，博主有遇到过这个问题吗？

时光游客 1
登录以回复 2018年01月11日 11:00 22楼

Collapse-O-Matic插件在哪里是干嘛用的？我的4.6版本图片老是用不了灯箱有没有方法？
- 七支剑博主
  登录以回复 2018年01月11日 12:27 1层
  
  @时光这个插件是扩展插件没装过就没有灯箱问题也有可能是跟其他插件冲突你可以试着关闭插件来测试具体跟哪个有冲突
  - 时间游客 1
    登录以回复 2018年01月14日 14:40 2层
    
    @七支剑请问博主您用的是什么版本的begin？我看您的灯箱都是正常显示的！
    - 七支剑博主
      登录以回复 2018年01月14日 15:45 3层
      
      @时间 2.x 早期的版本
  - 时间游客 1
    登录以回复 2018年01月14日 15:56 2层
    
    @七支剑我已经找到灯箱失效的原因了。是因为图片链接有中文！把图片文件改成英文或者数字就好了。博主可以更新一下这篇文章！还有一个问题没解决就是用超级缓存浏览数量就会停止记录！
    - 七支剑博主
      登录以回复 2018年01月14日 16:06 3层
      
      @时间解决就好 WP SUPER CACHE的确有这问题我记得网上有解决方法我没用这个插件 NGINX缓存貌似比这个更好一点

michael 游客 0
登录以回复 2018年05月04日 17:06 23楼

我网站开启了SSL 所以百度分享不能用，请问在哪里修改？？
- 七支剑博主
  登录以回复 2018年05月04日 20:44 1层
  
  @michael SSL我还没研究透彻帮不了你了

coc1992 游客 0
登录以回复 2018年08月24日 15:00 24楼

您好，您游戏类目下子分类是怎么设置的图片形式展示文章的
- 七支剑博主
  登录以回复 2018年08月24日 19:05 1层
  
  @coc1992 主题自带模板啊只要把id改成你需要的分类id即可