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

作者:matrix 被围观: 10,945 次 发布时间:2013-07-31 分类:Wordpress 兼容并蓄 零零星星 | 2 条评论 »

这是一个创建于 3894 天前的主题,其中的信息可能已经有所发展或是发生改变。

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!

分页: 1 2 3 4
其他文章:
本文固定链接:https://www.hhtjim.com/change-the-theme-the-home-of-7-colour-blue2-0-and-subsequent-amendments.html
matrix
本文章由 matrix 于2013年07月31日发布在Wordpress, 兼容并蓄, 零零星星分类下,目前没有通告,你可以至底部留下评论。
转载请注明:更换主题-七彩之家BLUE2.0以及后续的修改-HHTjim'S 部落格
关键字:, , , , ,

有2 条评论 »

  1. [...] 更换主题-七彩之家BLUE2.0以及后续的修改 提过修改css中Blockquote样式来让引用样式更beautiful。 [...]

  2. [...] 以前在“ 更换主题-七彩之家BLUE2.0以及后续的修改 ”中的functions.php添加了很多内容,稍微有点差池就导致wordpress无法打开。 [...]

添加新评论 »

 🙈 😱 😂 😛 😭 😳 😀 😆 👿 😉 😯 😮 😕 😎 😐 😥 😡 😈 💡

插入图片

NOTICE: You should type some Chinese word (like “你好”) in your comment to pass the spam-check, thanks for your patience!