最近我的博客和W7C都还不错，排名一个劲往上凑，看了看统计，也没发现有多少流量，有点弄不清楚alexa是怎么排名的了，难道是别人退步了？很多人都很喜欢我yTwo和yCms这两个主题，我也很高兴。我发现更多的是新手，他们连说明都没看清楚就一个劲的问问题，“怎么会有logo下面都是页面的链接，分类哪去了”，“那个图片广告是怎么添加的”，“侧边栏怎么会只有一个小工具”等等，有时候我也很无助，但是没办法，还是得回答。也希望这些朋友们谅解，自定义菜单，后台设置，小工具设置，是WordPress最基础的，就算我没这个主题，它也是存在的，希望你们多多熟悉下WordPress先。。。

关于版权的说说。这个版权的问题虽然在我们这个国度很正常的问题，但是还是得说。就像之前五个木童鞋、萧涵童鞋一样，我也发现了这个问题。最近一位热心的童鞋发短信联系我，问了我一大堆的问题，怎么改这个怎么改那个，但当我看到他的网站的时候，他改的很彻底，所有关于皇家元林的信息全没了，包括版权。其实我做主题，为了方便大家，能自动调用的就自动调用自己博客上的内容，所以“皇家元林”的信息很少，而版权，我相信大家都明白，WordPress本身是个开源免费的博客，为了尊重做主题人的无私奉献，保留版权信息应该说是一种共识，对WordPress官方也一样，我们做主题的同样会加上一个WordPress官方的链接，表示尊重！如果我们看到自己的主题被别人改成他们自己的东西，而且他们还一个劲的问我们这个怎么改，那个怎么改，我们是什么样的心情？所以，我希望大家可以尊重我的主题，并且呼吁所有人可以尊重所有的主题！免费不一定是最好的，但是免费更需要得到尊重，这对你我他都没有损失！

言归正传。我最近帮一朋友做公司主题，终于明白了WordPress默认主题里二级导航的CSS设置。之前一直看不懂，也找了不少设置二级导航的方法，js版，query版等等，我都没有成功，所以我做主题一直都不支持二级导航。

不过这个方法有个缺点：不支持IE6.0！不过不要紧，我想现在没几个想用IE6的吧，如果你现在还在用IE6，那你真的out了！

首先看演示：

其次，我们来看我用的调用代码

&link_after='); ?>

或者

 'menu-header', 'theme_location' => 'primary', 'link_before' => '', 'link_after' => '') ); ?>

即这样的结构：

    

        主导航
        

             

                 .......依次循环下去......
             
        
    

注意看CSS样式：

ul.menu{background:#EEEEEE;display:block;height:44px;border-radius:0 5x 5px 0;}  //定义全局menu
.menu li{float:left;position:relative;list-style:none;padding:12px;line-height:20px;font-weight:bold;font-size:14px;} //定义主导航的排序，注意position很重要
.menu li a:hover{color:#fff;}
.menu li:hover > ul{display:block;background:#EEEEEE;}  //这个最关键，就是当鼠标hover时发生的事，注意display属性
.menu li:hover > ul li a{color:#737373;}
.menu li:hover > ul li a:hover{color:#FFF;}
.menu ul {box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);display: none;position: absolute;top: 44px;left: 0;float: left;width: 85px;z-index: 99999;} //这个也是最关键的，就是当鼠标移开时发生的事，注意display、position的属性。
.menu ul li {min-width: 85px; margin:0;padding:5px 0;}
.menu ul ul {left: 100%;top: 0;} //这句没看懂，但是觉得也是重要的，应该是关于三级导航的位置
.menu li:hover,li.current-menu-item, li.current_page_item, li.current-cat{background:#06B11A;box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);}
li.current-menu-item a, li.current_page_item a, li.current-cat a{color:#fff;}

注释的很重要，其他的属性自己看着办，本例仅供参考。

所以把最近我主题上用到的代码记录下来，以备在以后的主题上使用到。

Comment Mail Notify:把邮件回复功能整合到主题里

/* comment_mail_notify v1.0 by willin kan. (有勾選欄, 由訪客決定) */
function comment_mail_notify($comment_id) {
  $admin_notify = '1'; // admin 要不要收回覆通知 ( '1'=要 ; '0'=不要 )
  $admin_email = get_bloginfo ('admin_email'); // $admin_email 可改為你指定的 e-mail.
  $comment = get_comment($comment_id);
  $comment_author_email = trim($comment->comment_author_email);
  $parent_id = $comment->comment_parent ? $comment->comment_parent : '';
  global $wpdb;
  if ($wpdb->query("Describe {$wpdb->comments} comment_mail_notify") == '')
    $wpdb->query("ALTER TABLE {$wpdb->comments} ADD COLUMN comment_mail_notify TINYINT NOT NULL DEFAULT 0;");
  if (($comment_author_email != $admin_email && isset($_POST['comment_mail_notify'])) || ($comment_author_email == $admin_email && $admin_notify == '1'))
    $wpdb->query("UPDATE {$wpdb->comments} SET comment_mail_notify='1' WHERE comment_ID='$comment_id'");
  $notify = $parent_id ? get_comment($parent_id)->comment_mail_notify : '0';
  $spam_confirmed = $comment->comment_approved;
  if ($parent_id != '' && $spam_confirmed != 'spam' && $notify == '1') {
    $wp_email = 'no-reply@' . preg_replace('#^www.#', '', strtolower($_SERVER['SERVER_NAME'])); // e-mail 發出點, no-reply 可改為可用的 e-mail.
    $to = trim(get_comment($parent_id)->comment_author_email);
    $subject = '您在 [' . get_option("blogname") . '] 的留言有了回應';
    $message = '
    

      
' . trim(get_comment($parent_id)->comment_author) . ', 您好!
      
您曾在《' . get_the_title($comment->comment_post_ID) . '》的留言:
'
       . trim(get_comment($parent_id)->comment_content) . '
      
' . trim($comment->comment_author) . ' 給您的回應:
'
       . trim($comment->comment_content) . '

      
您可以點擊 查看回應完整內容
      
歡迎再度光臨 ' . get_option('blogname') . '
      
(此郵件由系統自動發出, 請勿回覆.)
    
';
    $from = "From: "" . get_option('blogname') . "" <$wp_email>";
    $headers = "$fromnContent-Type: text/html; charset=" . get_option('blog_charset') . "n";
    wp_mail( $to, $subject, $message, $headers );
    //echo 'mail to ', $to, '
 ' , $subject, $message; // for testing
  }
}
add_action('comment_post', 'comment_mail_notify');

/* 自動加勾選欄 */
function add_checkbox() {
  echo '有人回覆時郵件通知我';
}
add_action('comment_form', 'add_checkbox');

// -- END ----------------------------------------

把这段代码放入functions.php即可。

解决WordPress分页标题重复问题

直接替代header.php的title标签即可。

不用插件让你的WP标签随机彩色显示

/* 标签彩色显示代码开始 */
function colorCloud($text) {
$text = preg_replace_callback('||i', 'colorCloudCallback', $text);
return $text;
}
function colorCloudCallback($matches) {
$text = $matches[1];
$color = dechex(rand(0,16777215));
$pattern = '/style=('|")(.*)('|")/i';
$text = preg_replace($pattern, "style="color:#{$color};$2;"", $text);
return "";
}
add_filter('wp_tag_cloud', 'colorCloud', 1);
/* 标签彩色显示代码结束 */

post_excerpt) {
        $description     = $post->post_excerpt;
    } else {
        $description = substr(strip_tags($post->post_content),0,220);
    }
    $keywords = "";
    $tags = wp_get_post_tags($post->ID);
    foreach ($tags as $tag ) {
        $keywords = $keywords . $tag->name . ", ";
    }
} elseif ( is_category() ) {
	$description = category_description();
    $keywords ="刘元林, 皇家元林, Seven Blog, 7刊, 回忆, 笔记, 工作, 生活, 影片, 杂谈, 翻墙, 自由";
}else{
	$description ="刘元林-皇家元林-记录生命的点滴,分享生命的快乐,怀恋以往的回忆,享受网络无国界的自由";
	$keywords ="刘元林, 皇家元林, Seven Blog, 7刊, 回忆, 笔记, 工作, 生活, 影片, 杂谈, 翻墙, 自由";
}
?>
	
	

                

                                                

                                                        
分享到：
                    

    
    
    

    
    

    
    
    

    
    
    

    
    
    

    
    
    

    
    
    

    
    
    

    
    
    

                                                        
                                                

max_num_pages;}
        if($max_page > 1){if(!$paged){$paged = 1;}
        if($paged != 1){echo " 返回首页 ";}
        previous_posts_link(' 上一页 ');
    if($max_page > $range){
                if($paged < $range){for($i = 1; $i <= ($range + 1); $i++){echo "$i";}}
    elseif($paged >= ($max_page - ceil(($range/2)))){
                for($i = $max_page - $range; $i <= $max_page; $i++){echo "$i";}}
        elseif($paged >= $range && $paged < ($max_page - ceil(($range/2)))){
                for($i = ($paged - ceil($range/2)); $i <= ($paged + ceil(($range/2))); $i++){echo "$i";}}}
    else{for($i = 1; $i <= $max_page; $i++){echo "$i";}}
        next_posts_link(' 下一页 ');
    if($paged != $max_page){echo " 最后一页 ";}}
}
?>

参考CSS样式：

.page_navi{width:100%;height:20px;line-height:20px;text-align:left;overflow:hidden;padding-top:1em;}
.page_navi a{padding:1px 4px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;}
.page_navi a:hover,.page_navi a.current{border:1px solid #356aa0;color:#356aa0;}

显示随机文章代码

前台呼叫語法：

以下內容加入functions.php

post_date )){

                if ( $list ) $out.= '
'."n";

                  $out.= ''.$posts[$i]->post_title.''."n";

                if ( $list ) $out.= '
'."n";

            }else{

                if ( $postscount > $num_limit ) $num_limit++;

            }

        }

        if ( $list ) $out = '
'."n".$out.'
'."n";

        if ( $echo ){

              echo $out;

        } else {

            return $out;

        }

    }

?>

$num_limit = 5 ，修改為要顯示的數量即可。

返回首页按钮平滑滚动特效代码

把这段代码放在footer.php里。。。

然后把这段代码放在相应位置

		

        Top Δ
		

这个特效是我在一个博客里发现的，具体是谁给忘了，实在不好意思。但是我发现专业的主题在footer.php找不到这段代码，不知道他们是怎么弄的。代码跟域名一样，越短越好。

在single.php加上作者和版权信息

作者：display_name;?>

							原文链接：post_title; ?>

							版权所有：，转载请注明本文出处。

参考CSS样式：

#entry-author-info{overflow:hidden; margin:10px 20px 10px 10px; padding:10px 30px 10px 30px; height: 100%;}
#entry-author-info #author-avatar{float: left; margin-top:10px;}
#entry-author-info #copyright{float: left;margin: 2px 0 0 10px; color: #AAA;}
#author-avatar img.avatar{box-shadow: 0 0 3px #2C2C2C; -moz-box-shadow: 0 0 3px #2C2C2C; -webkit-box-shadow: 0 0 3px #2C2C2C;}
#copyright a, #copyright a:visited{color:#1111CC; text-shadow:1px 1px 1px #999;}
#copyright a:hover{text-decoration:underline; text-shadow:1px 1px 1px #999;}

解决WordPress半角引号变成全角引号问题的方法

修改主题theme下的主题函数functions.php文件，在里面的头部加入下面的代码：

同样这些代码在W7C里都有记载。可能有更好更短的代码，俺还是初学者，只会信手拈来，希望高手们多多指教撒~~~

今天是个特别的日子——香港回归13周年纪念日，打开QQ都可以看到有这么一回事。但是在香港可不是那么太平的，刚才在推上看到一篇报道，那里正在闹游行呢，听说很久以前就这么做了，只是在最近的几年里，闹凶了，简直有“若有神阻，我必将神消灭！若有佛挡，我必将佛诛杀！”的气势。天朝是大国，可能因为太大，管理就失去了方针策略。国家老是在打击这，打击那的，我就纳闷了，怎么有这么多需要打击的。跟田里打农药一样，治标不治本啊，最终稻子还是被虫吃。老胡啊，你到底在干啥，没事就搭专机周游列国，不会学徐霞客吧，在这个网络发展这么迅猛的年代里，你来这招是不是俗了点？弄点有智商的玩玩行么？好歹你也也是一国之主。

最近我呢，就是折腾WordPress主题，看到我现在的主题没，跟以前的有点区别吧。这个是我看到WordPress3.0的后台，觉得很漂亮，我就喜欢这样简单的风格，这个后台太强大了。我在想，我也模仿这样的风格，灰色的边，白色的背景，还可以把版块到处拖，这种效果感觉就像第一次看到Windows7的效果。可惜我不会啊，这么难我怎么会，现在连简单的主题还凑合着呢。不过正好在用zww.me设计的zGrey风格，大体上跟这个差不多，有人说这个风格显得太忧郁了，有点昏暗了，也是，我看久了也这么觉得，要是亮点就好了。所以对比了前台跟后台，恍然大悟。所以就模仿后台的效果，就这样，一天下来基本上成型了，现在换上的就是我自己弄的。

这个我也是按照我爱水煮鱼翻译的那个WordPress主题教程——从零开始创建wordpress主题，按部就班的写好代码，有一部分样式借鉴了zGray的风格，还有煮鸡蛋，还有其他很多主题。因为我不会写代码，想达到某种效果但是自己又不会写，只会Google别人的博客，查看他们的代码是怎么写的。我也想问别人啊，希望有个高手师傅，但是从以前我开始玩所谓的黑客技术，我就明白了，这个世界还得靠自己。就像我今天问关于这个主题的样式，现在还有这个问题呢，就是那个*comment，跟目录、时间不在一条线上，而这个问题只有IE下有，我也想兼容下，所以到一个WordPress爱好群里请教高手，有个女的，好像，可能是个高手吧，直接建议我改模板，但是具体问怎么改，没消息了。唉，看看，这就是高手，偶尔跳出来指点你下，然后让你想的死去活来的。NND，整死人哦！不说就算了，我也没理了，自己再研究。唉。。。天下之大，一个好的高手就这么难找么？

最后也希望路过的，打酱油的高手可以检测我现在的wp主题，可以帮帮我改好点。谢谢。目前主要有几个明显的问题：
1、内容的右上方那个*comment在IE下与目录，时间不对齐，如下图：

2、就是在评论的时候，刚发过评论，出现的不协调，如图：

其他目前还没遇到，希望大家多多支持啊！

Ps：我们一起学QQ群：23559930，欢迎有兴趣爱好的朋友一起来学。学什么不重要，大家互相讨论也会进步的。

<#article/content#>

，之前加上

<#CACHE_INCLUDE_BAIDU#>

，也就是这样的：

<#CACHE_INCLUDE_BAIDU#>
<#article/content#>

，其中CACHE_INCLUDE_BAIDU中的BAIDU就是你的文件baidu.asp，如果是gg.asp就需要相应的修改为CACHE_INCLUDE_GG。
3、在style文件夹的模板.css里添加css控制语句。

是说要用baidu这个样式，在style文件夹里找到你的模板，比如你用的是default，打开default.css，在最后加入这么一句，

.baidu { width:487px; weight:300px; text-align:center; float:left; padding:10px 5px 10px 5px; }

。另外可以给baidu广告添加背景图片，在大括号内加入下边一句
background:transparent url("背景图片地址
") center no-repeat;
背景图片可以采用相对路径，比如"default/ggcontent.jpg"，no-repeat是指不重复，repeat是横纵重复，repeat-x是横向重复，repeat-y是纵向重复，考虑到网页打开速度，最好使用小一点的图片，最好用gif格式的。

模板是存放在template文件夹的，常用的如下：
default.html 首页模板
single.html 单个文章页面模板
b_article-single.html 单个文章页面之中的文章主体部分，single.html里面的文章内容就是嵌用了这个的格式。
catalog.html 用于首页的翻页，也就是说首页从第二页开始，都是这个负责显示
需要在哪里放广告修改哪一个即可。注意修改之后要重建索引和文件。
其实在zblg放广告最简单的办法是直接在支持代码的地方添加，比如网站版权处（一般放统计代码）、网站收藏、友情链接等地方。

下面是一些常用的位置：
1、文章正文，就是上边的例子，大矩形或中矩形（好像是中矩形的点击率最高）。
2、文章阅读页面侧栏，摩天大厦或小摩天大厦
3、文章正文页面尾部，可以有两个矩形，一个图片一个文字，或者可以有一个推广。
4、主页头部可以做一个横幅。
5、搜索页面可以做一个google的搜索，也可以加一个百度的。
6、列表页，我觉得做链接广告好一些。

最后，针对卢松松模版的zblog就简单多了，因为CSS样式中已经把广告的位置弄好了，相当的完美，你只要把

<#CACHE_INCLUDE_BAIDU#>
<#article/content#>

里面的

修改为

即可。

参考文章：http://donotdot.cn/post/3.htm
其他如果有问题，欢迎留言交流。