很多博客在每篇文章的下方都附有一个对作者的简短介绍。 在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 (编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|