更换主题-七彩之家BLUE2.0以及后续的修改

作者：matrix 被围观: 11,359 次 发布时间：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!