zou.lu的Sweet Titles插件做的不错，但是插件嘛，越少越好，我也就没用了。前段时间帮人做主题，觉得这样的效果就很不错，所以就抠出来分享一下，同时也做个笔记吧。并且已经应用于yMoo主题。看图：

这样的效果我想很多人都见过的，菜鸟级别，老鸟就飞过吧！

下面开始动手：

1、下载此JS代码插件，并在</head>前调用此插件

2、在</head>前再添加如下代码

3、添加CSS样式

/* TipTip CSS - Version 1.2 */
#tiptip_holder {display: none;position: absolute;top: 0;left: 0;z-index: 99999;}
#tiptip_holder.tip_top {padding-bottom: 5px;}
#tiptip_holder.tip_bottom {padding-top: 5px;}
#tiptip_holder.tip_right {padding-left: 5px;}
#tiptip_holder.tip_left {padding-right: 5px;}
#tiptip_content {font-size: 11px;color: #fff;text-shadow: 0 0 2px #000;padding: 4px 8px;border: 1px solid rgba(255,255,255,0.25);background: rgb(25,25,25);background: rgba(25,25,25,0.92);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;box-shadow: 0 0 3px #555;-webkit-box-shadow: 0 0 3px #555;-moz-box-shadow: 0 0 3px #555;}
#tiptip_arrow, #tiptip_arrow_inner {position: absolute;border-color: transparent;border-style: solid;border-width: 6px;height: 0;width: 0;}
#tiptip_holder.tip_top #tiptip_arrow {border-top-color: #fff;border-top-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #fff;border-bottom-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff;border-right-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff;border-left-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px;margin-left: -6px;border-top-color: rgb(25,25,25);border-top-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px;margin-left: -6px;border-bottom-color: rgb(25,25,25);border-bottom-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px;margin-left: -5px;border-right-color: rgb(25,25,25);border-right-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px;margin-left: -7px;border-left-color: rgb(25,25,25);border-left-color: rgba(25,25,25,0.92);}

4、搞定！

是不是很简单？赶紧试试吧！

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

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里都有记载。可能有更好更短的代码，俺还是初学者，只会信手拈来，希望高手们多多指教撒~~~

于是从5D6D到独立社区（↑传送门），终于成立属于自己的独立社区了，再也不用管国内的种种限制了，当然也不能太过分是吧，搞成色情社区也会被封杀的，甚至还会有牢狱的风险！而我正处于风华正茂的年龄，还没成家立业，光耀门楣呢，怎么能这样草草了完一生呢？

我做这个论坛的主要目的就是收集我喜欢的电影资源和记录一些实用的代码和教程。从小我就喜欢看电影，我想正常人都和我一样，也正因为这样，产生了娱乐圈。基本上我看过的电影我都会发在这个论坛里，现在的电影网站一大堆弹窗，特烦人。经常因为下一部电影，把电脑搞死机了。我把资源转过来，以后就不会被弹窗了。还有关于我平时没吊事学的Ps、网页设计、WordPress主题、电脑问题技巧等等，记录觉得有用的东西。基本上这也算是一个分享类的论坛，希望对我对大家都可以有点帮助。

这几天真的有点扛不住，那些SEO变质者整天把发广告作为自己的工作，完全不考虑论坛网站管理者的情绪。什么样的广告都有，最讨厌的就是办证广告，现在真的是网络时代了，所有做广告的都会优先考虑网络广告。这也不得不逼我关闭论坛的注册通道（关于论坛关闭的通知：↑传送门）。顺便也清理下论坛的用户，靠，基本上都是来打酱油的，我也顺便送他们回家了，所有发帖数≤1的用户全部清理了，最后论坛只剩下两个会员，包括我自己。唉，真失败！

最后希望大家多多关注皇家元林，关注皇家元林社区！

欣赏下先：

高手一看就知道这是从哪里来的。不多说了。有需要的可以复制以下源码，放在右侧的小工具栏即可：

我的音乐盒

单击加入全部　再点击>> 进入播放器界面

输入歌曲或歌手名搜索

这是我以前用的，感觉还不错，所以写下来保留着，也分享一下给大家。

/">

修改为

/">

第二、如果修改文章标题的话。修改--->index、single、Page三个文件。找到<h2></h2>标签，将

修改为

其他像边栏部分等需要修改的话，听说是需要自己做图片的，这个我不知道怎么修改，有时间研究研究。如果有人知道，希望投稿给我，非常感谢你的支持！
就到此先，有问题可以留言的！我第一时间回复你！
相关资料：http://gelflingsatplay.com/2008/03/26/using-john-leavittss-ttf-titles-wordpress-plugin/