首页 > 新闻资讯 > 在WordPress文章后添加作者简介

在WordPress文章后添加作者简介

8条评论
标签:
更多

很多博客在每篇文章的下方都附有一个对作者的简短介绍。 在WordPress多用户博客中这逐渐成为一种趋势。 这里我们就来介绍下怎样在不使用插件的情况下,让文章的结尾部分中出现作者的简介。

首先打开主题文件夹中的style.css文件,添加以下代码:

#authorarea{
background: #f0f0f0;
border: 1px solid #d2d2d2;
padding: 10px;
width:500px;
overflow:hidden;
color: #333;
}
#authorarea h3{
font-size: 18px;
color:#333;
margin:0;
padding:10px 10px 5px 10px;
}
#authorarea h3 a{
text-decoration:none;
color: #333;
font-weight: bold;
}
#authorarea img{
margin:0;
padding:10px;
float:left;
border: 1px solid #ddd;
width: 100px;
height: 100px;
}
#authorarea p{
color:#333;
margin:0;
padding:0px 10px 10px 10px;
}
#authorarea p a{
color:#333;
}
.authorinfo{
padding-left:120px;
}

注意: 可能需要修改css文件使之匹配你的主题格式。
代码添加完毕后,打开single.php文件,在loop中添加以下代码:

<div id="authorarea">
<?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '100' ); }?>
<div class="authorinfo">
<h3>About <?php the_author_posts_link(); ?></h3>
<p><?php the_author_description(); ?></p>
</div>
</div>

有很多种方法可以获取作者头像,这里我们用的是Gravatar头像。 上面的代码将获取与作者email匹配的头像。

如果希望建立一个独立的作者介绍页面,请参考如何在 WorPress中添加自定义的个人信息页面。

来源:How to Add an Author Info Box in WordPress Posts

* 版权声明:作者WordPress啦! 转载请注明出处。

#1
路过,支持一下,O(∩_∩)O~ 站点很漂亮。
#2
最好是有个演示图!
#3
你好,我想问你个问题,我想为注册用户创建一个页面,在改页面上只显示当前登录用户的评论,该如何做呢
#4
我用了一款插件来实现,十分漂亮。 点击作者名就可以看到关于作者的诸多信息。 推荐大家使用!
#5
什么插件说来听听,我也试试
#6
插件名称是什么啊?我也想知道。毕竟代码搞起来麻烦。
#7
请问第一个代码添加到style.css的哪行啊?还是随意一行添加?