Graygift@ye » wordpress http://www.graygift.com 我是孤独的根号5       Sun, 08 Nov 2009 02:13:02 +0000 en hourly 1 http://wordpress.org/?v=3.3 区分作者的评论 http://www.graygift.com/wordpress/distinction-between-the-authoru002639s-comments/ http://www.graygift.com/wordpress/distinction-between-the-authoru002639s-comments/#comments Sun, 23 Aug 2009 02:53:23 +0000 Graygift http://www.graygift.com/wordpress/distinction-between-the-authoru002639s-comments/ 通常来讲博客文章会有很多评论，怎样快速区分作者的评论呢，特别是当博客主题里没有使用嵌套评论功能时？其实方法很简单，那就是给作者一个和别人不同的评论样式，这样的话读者就能很快找到作者的回复了。

简单的讲就是代码靠评论人邮件地址来判断是否是作者，如果是就给它加上一个作者的专用样式，而我们就靠这样式来区分作者的评论！

解决方案：

1.打开comments.php文件并且找到如下语句：

?View Code PHP
1

< ?php foreach comment as $comment) { ?>

在代码的下一行，插入如下判断代码：

?View Code PHP
1
2
3
4
5
6

< ?php
$isByAuthor = false;
if($comment->comment_author_email == get_the_author_email()) {
$isByAuthor = true;
}
?>

2.找到以下这行评论的代码（不同主题可能有所变化）:

?View Code PHP
1

<

用以下的代码替换掉上面的代码，意思是如果是作者的评论我们就输出作者的评论样式：

?View Code PHP
1

 

3.最后我们为作者的评论建立一个CSS分类，打开style.css文件并插入如下代码。选择你自己的颜色来替代例子中的颜色。

?View Code CSS
1
2
3
4
5

.authorcomment{
    color:#fff;
    font-weight:bold;
    background:#068;
}

以上的代码会比较每个评论人的邮件地址。如果邮件地址匹配$isByAuthor会返回真值。当显示评论的时候$isByAuthor的值会被检查，如果返回真值，那么authorcomment类被添加到容器中。

在Wordpress2.7以上版本这个可以变得更加简单，只有添加comment_class()表单，在作者评论的时候它会自动添加作者的标签。

翻译: http://aonach.com/chatter/highlight-author-comments-in-wordpress/

]]> http://www.graygift.com/wordpress/distinction-between-the-authoru002639s-comments/feed/ 0 评论页添加删除和垃圾评论链接 http://www.graygift.com/wordpress/comment-page-to-add-and-delete-spam-links/ http://www.graygift.com/wordpress/comment-page-to-add-and-delete-spam-links/#comments Sat, 22 Aug 2009 06:38:59 +0000 Graygift http://www.graygift.com/wordpress/comment-page-to-add-and-delete-spam-links/ 你是否经常需要对评论进行修改、删除或标记为垃圾评论。默认情况下， WordPress只在评论页上显示“编辑”链接（使用edit_comment_link （ ）函数） ，而不能显示“删除”或“垃圾评论”链接。如果你想需要的话,那就让我们来手动添加，是评论页添加删除和垃圾评论链接！

首先，我们必须建立一个函数。下面的代码粘贴在您的functions.php文件：

?Download download.txt
1
2
3
4
5
6
7
8

< ?php
function delete_comment_link($id) {
if (current_user_can('edit_post')) {
echo '| <a href="'.admin_url(" comment.php?action=cdc&c=$id").'">del ';
echo '| <a href="'.admin_url(" comment.php?action=cdc&dt=spam&c=$id").'">spam</a>';
}
}
?>

编辑完functions.php函数之后，打开comments.php文件，添加代码到你想要显示“删除”和“垃圾邮件”链接的地方。对于大多数的主题，你会发现一个edit_comment_link （ ）php代码。把以下的代码放在它的后面就可以了。

?Download download.txt
1

< ?php delete_comment_link(get_comment_ID()); ?>

当然了，一开始我们要确保当前用户对评论有修改权限。如果有的话，删除和标记为垃圾评论的链接就会显示在评论里。注意admin_url（ ）函数的使用，这个函数允许你重新定位博客的管理网址。

翻译于：How to: Add“Delete”and“Spam”buttons to your comments.

]]> http://www.graygift.com/wordpress/comment-page-to-add-and-delete-spam-links/feed/ 0 All in One Adsense and YPN http://www.graygift.com/wordpress/all-in-one-adsense-and-ypn/ http://www.graygift.com/wordpress/all-in-one-adsense-and-ypn/#comments Sat, 22 Aug 2009 03:49:10 +0000 Graygift http://www.graygift.com/wordpress/all-in-one-adsense-and-ypn/ 今天收到了Google的邮件，我的AdSense终于开通了，马上跑去修改主题，可是怎么改的不满意，后来一想，不是有插件吗，呵呵，终于在网上找啊找，当然发现了很多AdSense的插件不过呢，好早啊，早的都是2007年的事了，结果在众多网页中找到了一个插件那就是All in One Adsense and YPN,这个插件的作用就是在文章中插入AdSense,向我现在就插入在文章的左上角。其他的方法就转到WordPress博客赚钱插件All in One Adsense and YPN | WordPress啦!去看看吧，写的很详细！

]]> http://www.graygift.com/wordpress/all-in-one-adsense-and-ypn/feed/ 0 使主题支持嵌套评论 http://www.graygift.com/wordpress/so-that-the-subject-of-comments-in-support-of-nested/ http://www.graygift.com/wordpress/so-that-the-subject-of-comments-in-support-of-nested/#comments Fri, 21 Aug 2009 11:40:20 +0000 Graygift http://www.graygift.com/wordpress/%e4%bd%bf%e4%b8%bb%e9%a2%98%e6%94%af%e6%8c%81%e5%b5%8c%e5%a5%97%e8%af%84%e8%ae%ba/ 现在的主题的评论有两种方法显示回复评论，一种是嵌套评论，一层评论套一层评论回复。一种是@评论，就是以@+评论人名的方式回复。其实两者都有优缺点，前者的优点就是清楚的看出回复所针对的内容！缺点是极大的破坏了评论的显示布局。后者是充分的保证了评论的显示布局，使之主题更佳美观！缺点是如果多评论的话，不容易让人了解究竟回复的是什么内容。 接下来我们来讲讲怎么嵌套评论！

在 WordPress 2.7 之前，要实现嵌套评论，我们必须开启 WordPress Thread Comment这个插件，而在即将发布的 WordPress 2.7 中，Thread Comment 将被集成进来，使用 wp_list_comments函数即可调用嵌套评论（Thread Comment）。也想使自己的主题支持嵌套评论（Thread Comment）这个功能？那就继续看下去吧。


1.添加 comment-reply JavaScript

让评论嵌套 （Thread comment） 能够正常运行在 wp_head() 函数之前添加如下函数：

?Download download.txt
1

< ?php if(is_singular()) wp_enqueue_script( 'comment-reply' ); ?>

其作用是加载嵌套回复所需的 JavaScript 代码. (也就是说, 如果浏览器不支持 JavaScript, 嵌套回复就没法实现)

2.判断 WordPress 版本

有选择性地使用 wp_list_comments 函数WordPress 2.7 通过函数 wp_list_comments 来显示所有留言，可之前版本并没有这个函数，所以，我们需在 comments.php 文件中添加如下代码：

?Download download.txt
1
2
3
4

< ?php if (function_exists('wp_list_comments')) : ?>
// new comments.php stuff ;
< ?php else : ?>
// old comments.php stuff endif;

3.WordPress 2.7 的评论 Loop

?Download download.txt
1
2
3
4
5
6
7
8
9
10
11
12
13

< ?php if ($comments) : ?> 
<span>< ?php comments_number('No Comments', 'One Comment', '% Comments' ); ?></span> 
<div class="comment_list"> 
    < ?php wp_list_comments(); ?> 
    < ?php else : // this is displayed if there are no comments so far ?> 
      < ?php if ('open' == $post->comment_status) : ?> 
        <!-- If comments are open, but there are no comments. --> 
          < ?php else : // comments are closed ?> 
            <!-- If comments are closed. --> 
              <p class="nocomments">Comments are closed.</p> 
        < ?php endif; ?> 
      < ?php endif; ?> 
</div>

4.设置评论框

需要要把评论框 (Comment Form) 放入一个 ID 为 respond 的 DIV 中，然后并在评论框中添加如下代码：

?Download download.txt
1

< ?php comment_id_fields(); ?>

当然，我们也可以取消回复

?Download download.txt
1
2
3

<div class="cancel-comment-reply"> 
  <small>< ?php cancel_comment_reply_link(); ?></small> 
</div>

接下来就是css部分的美化了，还有就是要wordpress后台讨论中选择支持嵌套评论，不然搞了这么多也不会有嵌套评论出现的！

  • 哎呀，怎么没有相关的日志呢？
]]> http://www.graygift.com/wordpress/so-that-the-subject-of-comments-in-support-of-nested/feed/ 0 Comment.php模板的制作详解 http://www.graygift.com/wordpress/detailed-comment-php-production-template/ http://www.graygift.com/wordpress/detailed-comment-php-production-template/#comments Fri, 07 Aug 2009 02:19:41 +0000 Graygift http://www.graygift.com/wordpress/detailed-comment-php-production-template/ 其实对于改编主题的朋友来说其他的页面都很简单，唯一麻烦的就是评论页也就是Comments.php。因为这个页面对初学者来说太多php代码了。如果不搞懂会出现很多错误！

Nettuts+ 的作者 Gilles Maes 发表的一篇Unraveling the Secrets of WordPress’ Comments.php File 详细的向你阐述wordpress主题文件中的comments.php文件。

下面就是我对上面的翻译，如果你的英文很好那么就直接点击上面去查看原文，如果英文不行的话，那么就看看我的译文吧，如有什么看不懂，请给我留言或点击查看英文原文。

如果只是为了参考本文，我制作了如下一个列表，文件你快速的跳到想参阅的部分：

  1. 页面的原生PHP代码
  2. 代码分析
    1. 防止直接访问comments.php文件
    2. 是否通过密码验证？
  3. 显示评论
    1. 评论模板基本标签
    2. 最终结果
  4. 评论表单
    1. 条件语句预览
    2. 插入表单
  5. 一些小技巧
    1. Gravatars
    2. 评论数
    3. 评论链接
    4. 编辑评论
    5. 评论的交互颜色
    6. 显示标签
    7. 评论的RSS链接
  6. 总结

1. 评论页面的原生PHP代码

?Download download.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

< ?php if(!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME'])) : ?>  
< ?php endif; ?>  
 
< ?php if(!empty($post->post_password)) : ?>  
    < ?php if($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) : ?>  
    < ?php endif; ?>  
< ?php endif; ?>  
 
< ?php if($comments) : ?>  
    < ?php foreach($comments as $comment) : ?>  
        < ?php if ($comment->comment_approved == '0') : ?>  
        < ?php endif; ?>  
    < ?php endforeach; ?>  
< ?php else : ?>  
< ?php endif; ?>  
 
< ?php if(comments_open()) : ?>  
    < ?php if(get_option('comment_registration') && !$user_ID) : ?>  
    < ?php else : ?>  
        < ?php if($user_ID) : ?>  
        < ?php else : ?>  
        < ?php endif; ?>  
    < ?php endif; ?>  
< ?php else : ?>  
< ?php endif; ?>

上面那段是是comments.php的最基础的PHP代码，对于新手来说，这些看起来有些吓人，但是请不要担心，看完本教程以后，你的思路会变得很清晰。

2. 代码分析

1. 防止直接访问comments.php文件
?Download download.txt
1
2

< ?php if(!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME'])) : ?>  
< ?php endif; ?>

以上代码是用来防止用户意外直接访问comments.php文件。通常评论页面是被包含在日志页面之中，而不是单独存在的，因此这段代码也可以理解成是一个安全措施。在这些语句中，你可以添加任何你想向直接访问者提示的声明，通常是die陈述，为了帮助理解，我展示如下代码：

?Download download.txt
1
2
3

< ?php if(!empty($_SERVER['SCRIPT_FILENAME']) && 'comments.php' == basename($_SERVER['SCRIPT_FILENAME'])) : ?>  
    < ?php die('You can not access this page directly!'); ?>  
< ?php endif; ?>
2. 是否通过密码验证？
?Download download.txt
1
2
3
4

< ?php if(!empty($post->post_password)) : ?>  
    < ?php if($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) : ?>  
    < ?php endif; ?>  
< ?php endif; ?>

这一段代码（这看上去是2段，实际上如果把它看作一段那更有意义）是用来检验用户是否通过密码验证，具备足够的权限来阅读日志和评论，显然，如果你没有阅读日志的权限，那么自然没有查看和参与评论的权限。

上述代码的第一个if是用来检测是否存在密码设置。第二个if是用来检测是否存在一个包含密码的cookie文件，如果不存在就显示错误信息。你可以在第二个if句块的任意位置自定义这些错误信息。

3. 显示评论

?Download download.txt
1
2
3
4
5
6
7

< ?php if($comments): ?>  
    < ?php foreach ($comments as $comment) : ?>  
        < ?php if ($comment->comment_approved == '0') : ?>  
        < ?php endif; ?>  
    < ?php endforeach; ?>  
< ?php else : ?>  
< ?php endif; ?>

第一个条件语句(if($comments))是用来检测是否存在评论，如果存在的话，就按照foreach语句指定的方式循环显示每一条评论，直至结束。在foreach语句块中，你会发现有这么一个条件语句：if($comment->comment_approved ==‘0′)这是用来检测评论是否通过了审核，假如没通过审核就会提示错误信息。

举例如下：

?Download download.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14

< ?php if($comments) : ?>  
    <ol>  
    < ?php foreach($comments as $comment) : ?>  
        <li>  
            < ?php if($comment->comment_approved == '0') : ?>  
                <p>Your comment is awaiting approval</p>  
            < ?php endif; ?>  
            <p>Your comment</p>  
        </li>  
    < ?php endforeach; ?>  
    </ol>  
< ?php else : ?>  
    <p>No comments</p>  
< ?php endif; ?>
1. 评论模板基本标签

您需要使用Wordpress提供的预定义标签，来给评论页面添加一些功能。

模板标签 描述
<?php comment_ID(); ?> 评论的ID
<?php comment_author(); ?> 评论的作者
<?php comment_author_link(); ?> 评论者的链接
<?php comment_type(); ?> 评论的类别，pingback,trackback或者是一个单纯的评论
<?php comment_text(); ?> 评论内容
<?php comment_date(); ?> 评论的日期
<?php comment_time(); ?> 评论的时间
2. 最终结果
?Download download.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

< ?php if($comments) : ?>  
    <ol>  
    < ?php foreach($comments as $comment) : ?>  
        <li id="comment-<?php comment_ID(); ?>">  
            < ?php if ($comment->comment_approved == '0') : ?>  
                <p>Your comment is awaiting approval</p>  
            < ?php endif; ?>  
            < ?php comment_text(); ?>  
            <cite>< ?php comment_type(); ?> by < ?php comment_author_link(); ?> on < ?php comment_date(); ?> at < ?php comment_time(); ?></cite>  
        </li>  
    < ?php endforeach; ?>  
    </ol>  
< ?php else : ?>  
    <p>No comments yet</p>  
< ?php endif; ?>

把这段代码插入到你的 comments.php 文件中，这样你就有一个评论的有序列表，并且显示你定义的内容。

4. 评论表单

现在我们开始进入到评论表单部分的处理，评论表单皮肤的定制算是 comments.php文件中的一个难点。

你也许会被众多的语句吓到了，比如“你已经登陆，请……”，这些往往给新手造成了困扰：错误的标签放置可能造成整个评论表单失效，而这往往并不是PHP语法上的错误。

为了让你尽快的对评论表单有一个全面的认识，我接下来要详细讲解这些语句块，并且对HTML代码也做了相应介绍，让你明白为什么它们会出现在这个位置。

1. 条件语句预览
?Download download.txt
1
2
3
4
5
6
7
8
9

< ?php if(comments_open()) : ?>  
    < ?php if(get_option('comment_registration') && !$user_ID) : ?>  
    < ?php else : ?>  
        < ?php if($user_ID) : ?>  
        < ?php else : ?>  
        < ?php endif; ?>  
    < ?php endif; ?>  
< ?php else : ?>  
< ?php endif; ?>

我们碰到的第一个条件语句是 。这个函数主要目的是为了检测日志是否允许评论。很显然，如果该日志是不允许评论状态，那么你就不能发表评论，也就是说完全没有必要显示评论表单。当关闭评论后，你可以放置一些提示信息于上述代码最后两个标签 和 之间，以便让访问者知道。

第二个条件语句是 () 。这个函数是用来检测你是否要注册后才能评论以及目前是否登陆了帐号。如果上面的两个条件都不满足，那么访问者就会被引导到登陆页面。假如博客的主人设置为不用注册即可发表评论，或者是你已经登陆，那么就将接着执行 else 部分并显示出评论表单。

最后一个条件语句是用来检测你否已经登出帐号。此检查的目的很简单，假如你已经登陆了，那么评论表单就不会显示姓名、Email、主页地址等填写项，因为对于已登陆的用户来说这是没有实在意义的。

2. 插入表单

我们已经分析完 coments.php 文件中的所有条件语句，接下来可以插入评论表单。

我猜你肯定首先想到的是：在哪开始插入表单？不要紧张，不妨凭感觉走 第二个条件语句是用来检测你是否已经登陆，因此你至少要在这个判断条件之后才能插入表单，这样我们也就确定了评论表单的位置。

?Download download.txt
1
2
3
4
5
6
7
8
9
10
11
12

< ?php if(comments_open()) : ?>  
    < ?php if(get_option('comment_registration') && !$user_ID) : ?>  
        <p>You must be <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=< ?php echo urlencode(get_permalink()); ?>">logged in</a> to post a comment.</p>< ?php else : ?>  
        <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">  
            < ?php if($user_ID) : ?>  
            < ?php else : ?>  
            < ?php endif; ?>  
        </form>  
    < ?php endif; ?>  
< ?php else : ?>  
    <p>The comments are closed.</p>  
< ?php endif; ?>

我还插入了登陆页面的链接，这只是我在默认的 comments.php 文件中发现的。就像我之前说的那样，最后一个条件句是用来判断你是否登陆。因此，姓名、Email、主页地址只在你没有登陆时才有必要显示。因此我们可以在那个位置插入这些东西。

?Download download.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

< ?php if(comments_open()) : ?>  
    < ?php if(get_option('comment_registration') && !$user_ID) : ?>  
        <p>You must be <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=< ?php echo urlencode(get_permalink()); ?>">logged in</a> to post a comment.</p>< ?php else : ?>  
        <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">  
            < ?php if($user_ID) : ?>  
                <p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php">< ?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="Log out of this account">Log out &raquo;</a></p>  
            < ?php else : ?>  
                <p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?/>" size="22" tabindex="1" />  
                <label for="author"><small>Name < ?php if($req) echo "(required)"; ?></small></label></p>  
                <p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?/>" size="22" tabindex="2" />  
                <label for="email"><small>Mail (will not be published) < ?php if($req) echo "(required)"; ?></small></label></p>  
                <p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?/>" size="22" tabindex="3" />  
                <label for="url"><small>Website</small></label></p>  
            < ?php endif; ?>  
        </form>  
    < ?php endif; ?>  
< ?php else : ?>  
    <p>The comments are closed.</p>  
< ?php endif; ?>

非常棒！我们只需要插入一些简单的代码，比如文件域和提交按钮，把这些通通播入到最后一个判断语句块的后面，因为这些元素跟你有没有登陆是不相干的。

?Download download.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

 < ?php if(comments_open()) : ?>  
    < ?php if(get_option('comment_registration') && !$user_ID) : ?>  
        <p>You must be <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=< ?php echo urlencode(get_permalink()); ?>">logged in</a> to post a comment.</p>< ?php else : ?>  
        <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">  
            < ?php if($user_ID) : ?>  
                <p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php">< ?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="Log out of this account">Log out &raquo;</a></p>  
            < ?php else : ?>  
                <p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?/>" size="22" tabindex="1" />  
                <label for="author"><small>Name < ?php if($req) echo "(required)"; ?></small></label></p>  
                <p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?/>" size="22" tabindex="2" />  
                <label for="email"><small>Mail (will not be published) < ?php if($req) echo "(required)"; ?></small></label></p>  
                <p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?/>" size="22" tabindex="3" />  
                <label for="url"><small>Website</small></label></p>  
            < ?php endif; ?>  
        </form>  
    < ?php endif; ?>  
< ?php else : ?>  
    <p>The comments are closed.</p>  
< ?php endif; ?>

这些代码简洁明了，不言自明：一个文本域、一个提交按钮，还有一个由评论的 future ID 控制的隐藏的输入区域，最后是一个PHP小代码段

?Download download.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

< ?php if(comments_open()) : ?>  
    < ?php if(get_option('comment_registration') && !$user_ID) : ?>  
        <p>You must be <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=< ?php echo urlencode(get_permalink()); ?>">logged in</a> to post a comment.</p>< ?php else : ?>  
        <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">  
            < ?php if($user_ID) : ?>  
                <p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php">< ?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="Log out of this account">Log out &raquo;</a></p>  
            < ?php else : ?>  
                <p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?/>" size="22" tabindex="1" />  
                <label for="author"><small>Name < ?php if($req) echo "(required)"; ?></small></label></p>  
                <p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?/>" size="22" tabindex="2" />  
                <label for="email"><small>Mail (will not be published) < ?php if($req) echo "(required)"; ?></small></label></p>  
                <p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?/>" size="22" tabindex="3" />  
                <label for="url"><small>Website</small></label></p>  
            < ?php endif; ?>  
            <p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>  
            <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />  
            <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?/>" /></p>  
            < ?php do_action('comment_form', $post->ID); ?>  
        </form>  
    < ?php endif; ?>  
< ?php else : ?>  
    <p>The comments are closed.</p>  
< ?php endif; ?>

这是WordPress 用来请求评论的函数。

整个流程就是这样，现在你拥有了自己的 comments.php 文件了，通过简单的修饰，你可以得到如下所示的效果：

1

5. 一些小技巧

毫无疑问，仅仅是一张 comments.php 文件，你就可以对它进行各种各样的改进，这里我列出一个表，希望能帮到你。

1. Gravatars

从Wordpress2.5开始，Wordpress内置了对Gravatars头像的支持，这样Wordpress就可以方便的通过博客用户的邮箱地址来显示相关联头像。要实现这个效果的代码非常简单。

?Download download.txt
1

< ?php echo get_avatar($author_email, $size, $default_avatar ); ?>

在上述代码中，你可以把 $author_email 更换为 get_comment_author_email(); 函数，$size 则是头像的宽高，至于 $default_avatar 参数则是用来调用默认的头像，而且这个只在用户没有Gravatars头像时生效。

把上述代码插入评论的 foreach 循环。这样就可以输出 Gravatars 头像，该头像还有特定的评级以及大小（这完全取决于博客的设置），结合简单的CSS，你可以轻易的得到如下效果：

2
2. 评论数

我特意把comments.php文件头部代码留在我们建立页面以后，因为我相信多余的代码会使学习过程变成复杂。当然了，我是不会忘记使用他们的。

通常，人们会看到一个类似于“迄今已经有3评论”，这要感谢wordpress提供了这么简单的模板标签。

?Download download.txt
1

< ?php comments_number($zero_comments, $one_comment, $more_comments); ?>

不用说都明白：在显示的文本时$ zero_comments是，没有人发表评论， $ one_comment时有一个评论和$ more_comments当有多个评论。举个例子如下：

?Download download.txt
1

< ?php comments_number('No comments', 'One comment', '% comments'); ?>

我用％表示多少评论，因为comments_number功能能把%替换成（ 2 ， 3 ， … ）

使用我们的comments.php文件，你可以轻易的得到如下效果：

3

要显示一个链接的评论部分（或若干评论显示） ，只需使用以下代码

?Download download.txt
1

< ?php comments_popup_link($zero_comments, $one_comment, $more_comments, $css_class, $comments_closed); ?>

前3个参数，功能同上述comments_number功能一样。 $ css_class，很显然这个标记CSS类，给链接<a>标记，$comments_closed是表示当时的评论已经关闭。

?Download download.txt
1

< ?php comments_popup_link('No comments', 'One comment', '% comments', 'comments-link', 'Comments are closed'); ?>

这就给你的链接加上了名为comments-link的class

4. 编辑评论

有时你会想到立即修改评论。幸运的是，运用edit_comment_link功能，您可以轻松地在网页中进行编辑，而不需要进到您的管理后台，以最终达成评论的目的。用法是这样的：

?Download download.txt
1

< ?php edit_comment_link($link_text, $before_link, $after_link); ?>

你必须把这个代码放到foreach循环里面。参数是显而易见的： $ link_text是修改链接的锚文本， $ before_link和$ after_link分别是显示在之前或之后链接的文字或代码。

这样确实更容易修改评论，您可以只需添加一个小’编辑’链接到您的评论中（只能先以管理员的身份登录后） 。这就是它可以如下所示：

4
5. 评论的交互颜色

可能您想要的您的评论交替行颜色变换，以达到更准确的分辨。这里有一种简单的方法。首先，将以下代码添加到网页顶部的：

?Download download.txt
1
2

function alternate_rows($i){<br />    if($i % 2) {<br />        echo ' class="alt"';<br />    } else {<br />        echo '';<br />    }  
}

然后添加以下到foreach循环内 。你可以查找<li id=”comment-<?php comment_ID(); ?>”> ，然后用一下代码替换：

?Download download.txt
1
2
3

< ?php $i++; ?>  
<li <?php alternate_rows($i); ?> id="comment-< ?php comment_ID(); ?>">  
</li>

这将使评论出现两个不同的class ，从而可以通过CSS改变其外观 。
我决定把它制成function，以减少对您实际主题文件的影响。您可以将它添加到您的函数定义functions.php文件里，但更有意义，对我来说，只是把它放到网页上面。
交行更容易区分不同评论；一旦实施，您可能需要像这样：

5
6. 显示标签

显示访问者可以在他们的意见使用的标签，只需使用以下的一段片段

?Download download.txt
1

Allowed tags: < ?php echo allowed_tags(); ?>

那么你一定会得到一个的名单，写着您可以在评论使用的标签，例如：

6
7. 评论的RSS链接

要获得链接RSS评论的地址，只需将下面的代码插入到您的comments.php文件中您想要的地方。

?Download download.txt
1

< ?php comments_rss_link($link_text); ?>

然后只需更换$ link_test为RSS链接的锚文本。

如果您想给您的访客有机会为某一特定的文章或博客帖子订阅评论的话，那这代码会派上用场。您可以得到以下效果：

7

6. 总结

我希望你也很喜欢这个关于WordPress的comments.php文件的文章。你可以使用这里的全部代码，我的技巧包括在它表明：

gravatars ，

候补行的颜色，

编辑链接，

评论RSS链接。

显然，评论链接，因为这不包括已被用来内部循环 。

祝您在你的WordPress皮肤制作上有好运！

终于翻译完了！

]]> http://www.graygift.com/wordpress/detailed-comment-php-production-template/feed/ 7 wordpress 主题之下拉列表导航栏 http://www.graygift.com/wordpress/wordpress-theme-navigation-bar-of-the-drop-down-list/ http://www.graygift.com/wordpress/wordpress-theme-navigation-bar-of-the-drop-down-list/#comments Fri, 31 Jul 2009 04:09:50 +0000 Graygift http://www.graygift.com/wordpress/wordpress-%e4%b8%bb%e9%a2%98%e4%b9%8b%e4%b8%8b%e6%8b%89%e5%88%97%e8%a1%a8%e5%af%bc%e8%88%aa%e6%a0%8f/ 看到别人的导航栏是下拉列表式的，就只有一个感觉，羡慕。但是我又不想单单为了这个功能去用上一个插件，怎么办呢？自己动手呗！可是在Google上找了很多的导航栏样式，都很漂亮，但漂亮的代价也是沉重的！为了漂亮而付出速度那是不行的！所以找来找去，终于找到了简单的导航栏方法！

哈哈！其实我想要得就是想在导航栏上加上分类下拉式导航，当然想要加其他的方法都是一样的，就是li里面套li啊，不过对我来说没什么意义！

先当然是该html代码了，加上分类的导航链接就是在主导航栏ul之下再加也一个li项。

?Download download.txt
1
2
3
4
5
6
7
8
9
10
11
12
13

<li class="cat-item"><a href="#">分类Categories</a>
<ul class="children">
< ?php wp_list_categories('orderby=name&title_li=');
$this_category = get_category($cat);
if (get_category_children($this_category->cat_ID) != "") {
echo "</ul><ul>";
wp_list_categories('orderby=id&show_count=0&title_li=
&use_desc_for_title=1&child_of='.$this_category->cat_ID);
echo "</ul>";
}
?>
 
</li>

接下来就是CSS代码了，这个需要自己调试了。

?Download download.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

#nav {
}
#nav ul {
}
#nav li {
}
#nav li a {,
}
#nav li a:hover {
}
#nav li ul {
}
#nav li ul li {
}
#nav li ul li a {
}
#nav li ul li a:hover {
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

最后就是对万恶的IE6的兼容了，因为IE6中只支持啊a：hover，而不支持其他的：hover，你应当看到上面的css中有一些代码不能运行啊！所以需要Javascript脚本支持。

?Download download.txt
1
2
3
4
5
6
7
8
9
10
11
12

    sfHover = function() {
        var sfEls = document.getElementById("nav").getElementsByTagName("LI");
        for (var i=0; i<sfels .length; i++) {
            sfEls[i].onmouseover=function() {
                this.className+=" sfhover";
            }
            sfEls[i].onmouseout=function() {
                this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
            }
        }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);

感谢：peterzsk

]]> http://www.graygift.com/wordpress/wordpress-theme-navigation-bar-of-the-drop-down-list/feed/ 2 wordpress 主题之更改超级链接样式 http://www.graygift.com/wordpress/wordpress-themes-to-change-the-hyperlink-style/ http://www.graygift.com/wordpress/wordpress-themes-to-change-the-hyperlink-style/#comments Fri, 31 Jul 2009 03:27:38 +0000 Graygift http://www.graygift.com/wordpress/wordpress-%e4%b8%bb%e9%a2%98%e4%b9%8b%e6%9b%b4%e6%94%b9%e8%b6%85%e7%ba%a7%e9%93%be%e6%8e%a5%e6%a0%b7%e5%bc%8f/ 现在的效果 超级链接效果 代码如下:

a href="#" rel="external"

其实这个我也不是很懂，在群里面一叫，blade童鞋告诉我的。嘿嘿，接下来当然是动手了！

当然了blade童鞋把别人想得和自己一样高深，其实网上很多人和我一样什么都只懂些皮毛，所以他写的我还是搞不清楚，怎么办呢，我准备找他的时候他人不在线，靠超郁闷！（ps：他是29号告诉我的，我是30号开始动手的！）

当然了面对失败不能后退啊！后退了，还不如我当初不问了，让人郁闷！突然别我发现这小子尽然也在用这个方法，哈哈！俗话说的好，写出来的不一定是好的，怎么都得留一手吧。但是我用FF把他用的给揪出来啊！我查看了他网页源代码发现了一段写在博客上的javascript代码。

?Download download.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<script type="text/javascript">
function outlinks() {
  if (!document.getElementsByTagName) return;
		if(!document.getElementById("postarea")) return;
			var anchors = document.getElementById("c").getElementsByTagName("a");//仅应用id为c的块内部的a标签
				for (var i=0; i<anchors .length; i++) {
					var anchor = anchors[i];
					if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external"){
								anchor.target = "_blank";
								anchor.className="external";
				}
  	}
 
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
if(window.attachEvent) { //ie
	window.attachEvent("onload", outlinks);
}
else if(window.addEventListener) {
	window.addEventListener('DOMContentLoaded', outlinks, false);
}
</script>
</anchors></script>

最下面两个/标签去掉，插件bug啊!然后直接拷贝到我的header.php文件的</head>上面去.当然了要不这中间的“c”改为自己的文章的id最好是文章栏的id。接下来把css代码复制到我的style.css中去，就可以了不过我发现他的css代码不好看就把它稍微处理了一下，把后面的背景下调了一下.

?Download download.txt
1
2
3
4
5
6
7

a.external {
	padding:0 12px 0 0;
	background-image: url(images/external.png);
	background-repeat: no-repeat;
	background-position: right center;
}
}

不过就是使用超级链接的时候麻烦一些，要手动在<a>标签中加入

rel="external"

如果你喜欢我的超级链接的背景的话直接右键复制图片吧!

感谢：blade

]]> http://www.graygift.com/wordpress/wordpress-themes-to-change-the-hyperlink-style/feed/ 3 WordPress 评论添加楼层数(留言编号) http://www.graygift.com/wordpress/comments-add-a-few-floors-wordpress-message-number/ http://www.graygift.com/wordpress/comments-add-a-few-floors-wordpress-message-number/#comments Wed, 29 Jul 2009 13:38:12 +0000 Graygift http://www.graygift.com/wordpress/wordpress-%e8%af%84%e8%ae%ba%e6%b7%bb%e5%8a%a0%e6%a5%bc%e5%b1%82%e6%95%b0%e7%95%99%e8%a8%80%e7%bc%96%e5%8f%b7/ 今天在全力搞评论页也就是comments.php，整个主题之中就属它最麻烦和复杂了！搞得头痛死了！

我刚刚把普通的评论和trackbacks / pingbacks分开,准备给评论加上楼层数！不懂怎么办！当然是在Google上找喽！找方法当然是找简单的了终于找到了以下的简单方法！

编辑 comments.php 文件，找到以下评论循环的入口代码：

<?php foreach ($comments as $comment) : ?>

在这句代码之前添加：

?Download download.txt
1
2

< ?php $i=1; ?>
//初始化 $i 变量，赋值 1

在需要显示楼层编号的地方，插入以下代码，当然，如何呈现需要可以自定义样式：

?Download download.txt
1
2

#< ?php echo $i; ?>楼
//输出楼层编号

每次评论循环函数执行后，对 $count 变量进行加 1 操作，因此需找到：

<?php endforeach; ?>

在此循环结束之前加入：

?Download download.txt
1
2

< ?php $i++; ?>
//$i 变量自加 1

该方法在不分页评论中测试通过，但是否支持分页评论，有待考究。

来自：芒果

]]> http://www.graygift.com/wordpress/comments-add-a-few-floors-wordpress-message-number/feed/ 1 WordPress中分开Trackbacks/Pingbacks 和评论列表 http://www.graygift.com/wordpress/wordpress-separately-trackbacks-pingbacks-list-and-comments/ http://www.graygift.com/wordpress/wordpress-separately-trackbacks-pingbacks-list-and-comments/#comments Wed, 29 Jul 2009 13:08:27 +0000 Graygift http://www.graygift.com/wordpress/wordpress%e4%b8%ad%e5%88%86%e5%bc%80trackbackspingbacks-%e5%92%8c%e8%af%84%e8%ae%ba%e5%88%97%e8%a1%a8/ 今天在搞主题的评论，准备把普通的评论和trackbacks / pingbacks分开。嘿嘿！在Google上找了好几页，发现了很多方法，挑了最简单的方法啊！就是下面的方法了！

第一步

在single.php文件中找到

<?php comments_template(”)?>

改成

?Download download.txt
1

< ?php comments_template('', true); ?>

第二步

在comments.php文件中找到

<?php foreach ($comments as $comment) : ?>

在之后添加以下代码

?Download download.txt
1
2

< ?php $comment_type = get_comment_type(); ?>
< ?php if($comment_type == 'comment') { ?>

第三步

找到

<?php endforeach; ?>

在之前添加以下代码

?Download download.txt
1

< ?php } else { $trackback = true; } ?>

第四步

找到

<?php else : ?>

在之前添加以下代码

?Download download.txt
1
2
3
4
5
6
7
8
9
10
11

< ?php if ($trackback == true) { ?>
<h3>Trackbacks</h3>
<ol>
< ?php foreach ($comments as $comment) : ?>
< ?php $comment_type = get_comment_type(); ?>
< ?php if($comment_type != 'comment') { ?>
<li>< ?php comment_author_link() ?>&nbsp;写于&nbsp;< ?php comment_date('Y年m月d日 l') ?>&nbsp;< ?php comment_time() ?>.< ?php edit_comment_link('编辑','[',']'); ?></li>
< ?php } ?>
< ?php endforeach; ?>
</ol>
< ?php } ?>

保存，刷新一下就可以看到了trackbacks已不在评论列表中并显示底下！

来自：天空岛

]]> http://www.graygift.com/wordpress/wordpress-separately-trackbacks-pingbacks-list-and-comments/feed/ 1 给主题增加滑动效果 http://www.graygift.com/wordpress/to-the-theme-of-the-effect-of-increased-sliding/ http://www.graygift.com/wordpress/to-the-theme-of-the-effect-of-increased-sliding/#comments Mon, 20 Jul 2009 09:33:51 +0000 Graygift http://www.graygift.com/wordpress/%e7%bb%99%e4%b8%bb%e9%a2%98%e5%a2%9e%e5%8a%a0%e6%bb%91%e5%8a%a8%e6%95%88%e6%9e%9c/ 今天把导航栏固定了，想起增加滑动效果使之能够滚动到网页上部或下部。嘿嘿！不过在Google那搜索了一下。找了很久还是没找到，后来偶然的情况下发现了

xiaorsz写的文章，不过太复杂了，然后转到了popdo那里。发现这个方法简单！就用了这个方法！

我是在footer.php最底下加入这个代码

?Download download.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('a[href*=#]').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
    && location.hostname == this.hostname) {
      var $target = $(this.hash);
      $target = $target.length && $target 
      || $('[name=' + this.hash.slice(1) +']');
      if ($target.length) {
        var targetOffset = $target.offset().top;
        $('html,body')
        .animate({scrollTop: targetOffset}, 1000);
       return false;
      }
    }
  });
 
});
</script>

在header.php页导航栏的层中加入以下代码：

?Download download.txt
1
2

<div id="gotop"><a href="#page">Top</a></div>
<div id="godown"><a href="#footer">Down</a></div>

接下来就是css了自己写吧，我就不说明了！

效果就看我导航栏的效果了!Up Down

当然了还有留言也此有效果,不过在Opera上向上的没有滚动效果，不过还是能够链接过去.

感谢popdo

  • 哎呀，怎么没有相关的日志呢？
]]> http://www.graygift.com/wordpress/to-the-theme-of-the-effect-of-increased-sliding/feed/ 0