在WordPress文章后添加作者简介的方法

在WordPress文章后添加作者简介的方法,第1张

概述很多博客在每篇文章的下方都附有一个对作者的简短介绍。 在WordPress多用户博客中这逐渐成为一种趋势。 这里我们就来介绍下怎样在不使用插件的情况下,让文章的结尾部分中出现作者的简介。首先打开主题文件夹中的style.css文件,添加以下代码:#authorarea{background: #f0f0f0;border: 1px solid…

很多博客在每篇文章的下方都附有一个对作者的简短介绍。 在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文章后添加作者简介的方法全部内容,希望文章能够帮你解决在WordPress文章后添加作者简介的方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/1000627.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存