原文地址:How To Add Bio Info To Your WordPress Blog Posts

WordPress 常用技巧40+则,诚邀您的参与翻译(第四篇)

翻译者:hitigon(代替Nightless翻译)水平有限,如有错漏,还请原谅!

转载请注明原文及译文地址,谢谢合作!

您是否曾经想过在每篇文章的底部添加上WordPress个人资料中你的简介?对于个人博客来说,似乎这个并不实用。但对于多用户博客,在各自文章的底部添加每个作者的简介是给作者支持的一个很好方法,而且给读者提供了信息并不需要再到“关于我”的页面去查看了。好消息是,实现这个功能并不需要安装插件。

BioInfo

在用户个人资料中这是个小巧的输入框,可以放置你自己的信息。就如你所见到的,我已经放了一些信息到这个框子中,等会会在教程中引用。我们将使用输入框里的信息并且在每篇日志底部在你的名字下显示出来。

我们重点关注的模板函数是

<?php the_author_description(); ?>

这个函数不接受任何参数,所以无需担心对这个函数做任何奇怪的事情。现在,首先看一下你的模板样式表,把它添加上去:

.postauthor { }

这个是用来控制作者信息的样式的。现在我们有了模板函数,我们需要将它放入到循环( the loop)中。

我并不是要探究循环的详情,但一般而言,它处理相关文章的信息。打开浏览你的主题文件index.php,寻找类似到这行:

< ?php the_content('Read the rest of this entry »'); ?>

这是我的主题中的样子,可能你的就不一样了,但这是显示文章内容的函数。在内容函数的下面,放置下面的代码:

< div class="postauthor ">< ?php the_author_description(); ? >< /div>

请记住,如果这个代码没有作用,很可能是因为由于那些我添加到代码中为了正确显示在我的文章中的空格。只要移除那些空格,代码就会运作正常。

现在在适当位置已经有了作者描述功能了,在你的博客可能看起来像这样:

WhatItMightLookLike

假如你问我,这个看其来平淡而且枯燥。我们需要通过修改该div的类:Postauthor的CSS文件,给它一个好看的样式。你可以让它符合你的博客设计样式,但由于是教程,我会让CSS代码显示得像TAG标签内容一样。

.postauthor {
color: #222222;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
background: #EAEAEA;
border-top: 2px solid #000000;
border-bottom: 1px solid #000000;
width: 640px;
padding: 3px;
margin-bottom:5px;
}

这个CSS样式代码显示小字号的黑色文本,如图:

AllDone

本文地址:【WP常用技巧翻译】给每篇博客文章添加作者简介

TAG标签:, , ,

暂无留言我要留言 »

必填

必填,绝不公开

  •  

    2009年七月
    « 六    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031