更换主题-七彩之家BLUE2.0以及后续的修改
作者:matrix 被围观: 11,265 次 发布时间:2013-07-31 分类:Wordpress 兼容并蓄 零零星星 | 2 条评论 »
14.Blockquote样式
BLUE2.0的Blockquote引用木有样式 😡 只有自己手动添加了
修改Blockquote让引用文段模块更漂亮
style.css中添加Blockquote样式:
blockquote{
background: #d9e9ff;
padding: 10px 15px 10px 15px;
margin: 1em 3em 1em 3em;
font-size:.8em;
border-style:dotted dotted dotted solid;
border-width:1px 1px 1px 5px;
border-color:#5bbcdd;
line-height:200%;
}
参考:http://www.luoboju.com/blockquote.html
### 15.防spam
禁止全英文评论,functions.php中上部添加代码:
// 禁止全英文评论
function scp_comMEnt_post( $incoming_comment ) {
$pattern = '/[一-龥]/u';
if(!preg_match($pattern, $incoming_comment['comment_content'])) {
err( __('亲,您的评论必须包含汉字!You should type some Chinese word (like “你好”) in your comment to pass the spam-check, '));//提示语可以自定义修改
}
return( $incoming_comment );
}
参考:http://www.henghengzhu.com/share/306.html#respond
16.评论框处添加Gravatar头像实时显示功能
comMEnts.php添加代码
显示头像代码:
<a target="_blank" href="https://www.hhtjim.com/global-head-of-them.html"><img id="real-time-gravatar" title="评论无头像? >>全球通用头像 Gravatar" src="http://www.gravatar.com/avatar/<?php echo md5($useremail);?>?s=48&d=identicon&r=G" alt="gravatar" height="38" width="38" /></a>
读取头像数据代码:
<!-- real time gravatar -->
<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/email-md5.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var ga = document.getElementById("real-time-gravatar");
var email = document.getElementById("email");
var Ka=navigator.userAgent.toLowerCase();
var chrome = Ka.indexOf('webkit') != -1;
if (chrome) email.onblur = changeGravatar;
else email.onchange = changeGravatar;
function changeGravatar(){
email_value = email.value;
email_md5 = hex_md5(email_value);
new_ga = "http://www.gravatar.com/avatar/" + email_md5 +"s=48&d=identicon&r=G";
newGravatar(new_ga);
}
function newGravatar(new_ga){
ga.setAttribute('src', new_ga);
}
/* ]]> */
</script>
<!-- end real time gravatar -->
之后还要新建/js/email-md5.js文件
参考:http://wanwp.com/tips-tricks/real-tiME-gravatar-for-WordPress/
17.修改垂直滑动导航
去掉原本的右下角#top小灰块:去掉图片&/js/scrolltopcontrol.js
不知道去掉scrolltopcontrol.js对其他效果有没影响。
当然也是仿照的自说me话的PhilNa2主题添加updown.png 也自定义了一下
style.css代码:
/* up and down */
#updown{position:fixed;top:55%;rightright:45%;display:block;margin-right:-515px}
#up,#comt,#down{background:url(images/updown.png) no-repeat;position:relative;cursor:pointer;height:25px;width:29px;margin:10px 0 0}
#comt{background-position:left -0px;height:0px}
#down{background-position:left -68px}
#comt:hover{background-position:rightright -99999px}
#up:hover{background-position:rightright 0}
#down:hover{background-position:rightright -68px}
blog.php中添加:
<div id="updown">
<div id="up" title="目标向上!"></div>
<?php if(is_single()):?>
<?php else(占位符)(占位符)(占位符):?><div id="down" title="目标向下!"></div><?php endif;?>
</div>
single.php中添加:
<div id="updown">
<div id="up" title="目标向上!"></div>
<?php if(is_single()):?>
<div id="down" title="我要留言!"></div>
<?php else(占位符)(占位符)《占位符》:?><div id="down" title="目标向下!"></div><?php endif;?>
</div>
同理可得,像留言墙、归档模板里也是可以添加的。
其他更小的修改也就没有记录了。以上代码大多copy自自说me话的PhilNa2主题,非常感谢自说me话以及各位大神的代码&分享~ TX!
[...] 更换主题-七彩之家BLUE2.0以及后续的修改 提过修改css中Blockquote样式来让引用样式更beautiful。 [...]
[...] 以前在“ 更换主题-七彩之家BLUE2.0以及后续的修改 ”中的functions.php添加了很多内容,稍微有点差池就导致wordpress无法打开。 [...]