17713433920 info@mac163.com
在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开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
Mac163网站建设,需要帮助点击我!
  • 17713433920
  • 在线客户
  • 联系邮箱
  • 扫一扫,加好友

关闭搜索
购物车
回到顶部