17713433920 info@mac163.com
wordpress动态
在WordPress帖子中添加作者简介
在WordPress帖子中添加作者简介

今天的每日WordPress技巧着重于向您展示如何在WordPress博客文章中添加帖子作者的简历并设置其样式。如今，许多博客接受来宾帖子，并且显示作者简介对于这种类型的社区博客非常重要。幸运的是，如果您的主题不是内置的作者简介部分，或者您正在开发新主题，则添加作者简介部分非常容易。

1.作者生物密码

在the.content（）之后，将以下代码段插入single.php中。”。这将添加一个简短的简介部分，其中包含作者姓名，作者头像和作者描述。

<div id="post-author">
   <div id="author-avatar">
     <?php echo get_avatar( get_the_author_email(), '60' ); ?>
    </div><!-- /author-avatar -->
   <div id="author-details">
      <h5>Post Written by</strong> <?php the_author_posts_link(); ?></h5>
      <?php the_author_description(); ?>
   </div><!-- /author-details -->
 </div><!-- /post-author -->

2.作者Bio CSS – Bio部分的最小样式

以下是一些CSS，您可以将其添加到style.css文件中，这将使您的个人简介部分看起来像我的完整WordPress主题中的那一部分（如下图所示）。

作者生物部分
作者生物部分

CSS

/*clearfix*/
.clearfix:after {
 display: block;
 visibility: hidden;
 content: ".";
 clear: both;
 text-indent: -9999px;
 height: 0;
}
/*post author section*/
#post-author {
 padding-top: 30px;
 margin-top: 10px;
 border-top: 1px dashed #CCC;
}
#author-avatar {
 float: left;
 height: 68px;
 width: 68px;
 border: 1px solid #D6D6D6;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}
#author-avatar img {
 height: 60px;
 width: 60px;
 border: 1px solid #FFF;
 background: #EEE;
 padding: 3px;

 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}
#author-details {
 float: right;
 width: 540px;
}
#author-details h5 {
 margin-top: 0px;
 margin-bottom: 10px;
 font-weight: bold;
}

3.设置作者描述

为了使描述显示在简介部分，您需要将其添加到WordPress仪表板的用户个人资料中。只需转到“ Users-> Your Profile ”，然后在字段中输入您的描述。

设置作者描述
设置作者描述
微信二维码

微信扫描二维码联系我们！
我们在微信上24小时期待你的声音
提供外贸路由器设备产品,轻松翻墙,解答：WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建等！

需要提供WordPress主题/插件的汉化服务可以随时联系我们！另外成品WordPress网站以及半成品WordPress网站建设，海外Google SEO优化托管服务，百度SEO优化托管服务，Centos/Debian服务器WP专用环境搭建，WP缓存服务器搭建，我们都是你的首选，拥有多年WP开源程序服务经验，我们一直在坚持客户体验，没有最好，只有更好！

随机推荐

回到顶部