手把手教你制作WordPress主题(四)

Home / Article MrLee 2015-3-25 3015

制作comments.php

今天我们来制作评论主题的评论模块。在主题目录Aurelius下新建comments.php,在single.php剪切以下代码,粘贴到comments.php:

    

Comments

  1. Joe Bloggs

    Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligula ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.

Add a comment

  • Add comment

在single.php原位置添加代码:


以上语句的作用就是将comments.php里的所有内容导入到single.php中,与直接在single.php写comments.php中的代码效果是一样的。
为了安全起见,不让恶意用户直接打开评论文件,请在comments.php头部添加以下代码:


因为WordPress的输出评论函数wp_list_comments()输出的评论代码与我们主题的评论代码不一样的,我们得自定义我们的评论列表,将comments.php中的以下代码删除(以下代码用于列出文章的所有评论):
  • Joe Bloggs

    Donec leo. Aliquam risus elit, luctus vel, interdum vitae, malesuada eget, elit. Nulla vitae ipsum. Donec ligul a ante, bibendum sit amet, elementum quis, viverra eu, ante. Fusce tincidunt. Mauris pellentesque, arcu eget feugiat accumsan, ipsum mi molestie orci, ut pulvinar sapien lorem nec dui.


  • 改成:
    post_password) && $_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) { 
            // if there's a password
            // and it doesn't match the cookie
        ?>
        
  • 请输入密码再查看评论内容.

  • 评论功能已经关闭!

  • 还没有任何评论,你来说两句吧


  • 以上代码的意思大致也可以看得出来了,就是一大堆 如果…就….,如果以上条件都不满足就列出所有评论。现在将主题文件夹Aurelius中的functions.php中的 ?> ,改成以下代码,如果你之前从本博客下载到的functions.php已经有以下代码则不用再添加:
    function aurelius_comment($comment, $args, $depth) 
    {
       $GLOBALS['comment'] = $comment; ?>
       
  • '回复','depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
    %s'), get_comment_author_link()); ?>
    comment_approved == '0') : ?> 你的评论正在审核,稍后会显示出来!

  • 以上代码所用到的WordPress函数及相应的说明:
    函数名称 函数功能
    get_avatar($comment, 48) 获取评论者的gravatar头像,尺寸为48 * 48
    comment_reply_link() 回复留言的链接
    get_comment_author_link 用于获取评论者博客地址
    get_comment_time 获取评论发布时间
    edit_comment_link 管理员修改评论的链接
    comment_text() 输出评论内容
    好,现在在你的文章页面底部就可以正常地显示评论了!现在我们继续来制作提交评论的表单,将以下代码删除(也就是评论表单的代码):
    
    

    Add a comment

    • Add comment

    改成:
    
    

    你必须 登录 才能发表评论.

    发表评论

    ID); ?>

    函数名称 函数功能
    is_user_logged_in 判断用户是否登录
    wp_login_url 博客登录地址
    get_comment_author_link 用于获取评论者博客地址
    $comment_author 读取cookie,如果该用户之前已经发表过评论则自动帮助用户填写用户名
    $comment_author_email 读取cookie,如果该用户之前已经发表过评论则自动帮助用户填写Email
    $comment_author_url 读取cookie,如果该用户之前已经发表过评论则自动帮助用户填写博客地址
    do_action(‘comment_form’, $post->ID); 该函数为某些插件预留
    wp_logout_url 退出登录的链接
    好了,评论模板comments.php制作完毕!最后本次修改后的主题文件下载:

    制作page.php

    page.php也就是页面,可能大家不太理解页面是什么意思,博客上的所有网页不都是页面吗?我们这里指的页面一个单独的页面,如"关于"、"联系方式"等,可以在WordPress后台 – 页面,进行页面的添加修改等。
    这个page.php有很多东西跟single.php也都是相通的,或者基本都一样,这里我们对部分内容也不做太多的解析,直接上结果,如果有不懂的可以翻翻制作index.php。
    1、添加标题 搜索代码:改成:

    the_title(); ?>


    2、添加页面内容

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel porta erat. Quisque sit amet risus at odio pellentesque sollicitudin. Proin suscipit molestie facilisis. Aenean vel massa magna. Proin nec lacinia augue. Mauris venenatis libero nec odio viverra consequat. In hac habitasse platea dictumst.

    改成:
    
    
    3、添加评论框 将 与 之间的所有代码删除(包括)
    替换成:
    
    
    4、添加查询语句 搜索代码:
    改成:
    
        
    
    查找:
    改成:
        
    没有找到你想要的页面!
    我们的page.php就制作完毕了。另外还有两个页面,无边栏页面full_width.php,联系页contact.php,制作方法完全一样,这里就不再详述了,我已经直接写好了,下载即可。你可能会问,那这两个页面怎么用呢?我分别在这两个页面的前面写了两个注释:
    
    
    
    
    以后在WordPress后台新建页面的时候,可以在右边栏选择页面模板,你可以选择Page without sidebar 或 contract,不选默认使用page.php模板!contact.php边栏的联系方式你自己改一下内容就可以了。
    到目前为止,我们的WordPress主题制作系列教程就结束,说实话你也应该没学到啥东西,我讲的实在太差劲了,就当是WordPress主题制作的一个感性认识过程吧。最后提供我们制作完成的主题下载,估计不会有人愿意用这样的主题的,太丑了!还有就是评论还没有分页功能。

    本文链接:https://www.it72.com/1551.htm

    推荐阅读
    最新回复 (0)
    返回
    站点信息
    • 文章
      2281
    • 用户
      1336
    • 访客
      9539977
    每日一句
    Never judge a book by its cover.
    不要以貌取人。
    新会员