在单篇日志下添加作者信息,对于多人维护的博客来说是非常有用的,甚至对于单人维护的博客,也可以将个人信息添加到每篇文章之下,增加读者对于你本人的了解。效果如下图:

要在wordpress中不使用插件实现这样的功能,方法如下:
一、登陆wordpress后台,点击左侧面板中的Users > Your Profile,在Biographical Info这项中添加你自己的个人信息,也就是作者档案。想写什么写什么,填好之后保存。填写这部分的内容的目的是方便以后调用。
二、打开wordpress主题文件夹下的single.php文件,找到<?php the_content(); ?>这行代码,这句代码的目的是调用wordpress日志内容,在这行代码后添加
<?php the_author_description(); ?>
代码,这样就可以调出之前我们所填写的信息了。但是,为了使这部分样式和主题的样式搭配,还需要对其进行样式化。
三、给<?php the_author_description(); ?>代码添加标签,添加标签后变为:
< div class="postauthor "> < ?php the_author_description(); ? > < /div>
然后用CSS对.postauthor标签进行样式化,
.postauthor{background-color:#e5e5e5; padding:10px 20px; border:1px solid #aaa; border-left:none; border-right:none; margin-top:50px;}
.postauthor .info{margin-left:100px;}
.postauthor .avatar{margin-right:10px; border:5px solid #aaa; float:left;}
.postauthor h3{margin-bottom:10px; font-size:14px; border-bottom:1px dashed #aaa;}
当然,你也可以像我前面设计的一样,给作者信息这部分加上Avatar头像、你的博客的连接或者你的Twitter信息都可以。
上一篇:50个漂亮的博客设计
下一篇:10个值得一看的CSS框架
这篇文章有7个评论. 留下评论