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

很多博客在每篇文章的下方都附有一個對作者的簡短介紹。 在WordPress多用戶博客中這逐漸成為一種趨勢。 這里我們就來介紹下怎樣在不使用插件的情況下，讓文章的結(jié)尾部分中出現(xiàn)作者的簡介。

首先打開主題文件夾中的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

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈