WordPress教學－文未添加作者資訊與頭像

2015/02/06

　　Wordpress是目前相當主流的部落格平台之一，除了穩定、簡單、好上手外，再來就是可自行的修改佈景主題，同時也支援多帳號一同來管理，這時就可找志同道合的朋友一起來經營，當不同作者所寫的文章，就可在文未處，秀出該作者的基本資料，或是已分享過的文章，是一個相當棒的機制，但要怎麼在文未添加這塊作者資訊呢?其實Wordpress內建就已支援作者資訊，但只是比較陽春些，若想要出現像作者頭像、臉書、G+…..等，這時就得自行加工一下，因此想在文未增加作者資訊的朋友，也一塊來看看吧!!

作者頭像外掛：

外掛名稱：WP User Avatar
外掛下載：https://wordpress.org/plugins/wp-user-avatar/

1.安裝WP User Avatar：
Step1
首先，先將WP User Avatar外掛，上傳到外掛目錄，接著再到Wordpress後台將它啟用。
梅問題－Wordpress教學－文未添加作者資訊與頭像

2.functions.php：

<?php
//自定作者資訊欄位
function my_new_contactmethods( $contactmethods ) {
$contactmethods[‘twitter’] = ‘Twitter’;
$contactmethods[‘facebook’] = ‘Facebook’;
return $contactmethods;
}
add_filter(‘user_contactmethods’,’my_new_contactmethods’,10,1);
?>

3.single.php：

<!– 作者頭像 –>
<?php echo get_avatar(get_the_author_meta(‘ID’), 100);?>
<!– 作者網站 –>
<?php if ( get_the_author_meta( ‘user_url’ ) ): ?>
<a href="<?php the_author_meta(‘user_url’);?>" title="我的網站" target="_blank"><?php the_author_meta(‘display_name’);?>：</a>
<? endif;?>
<!– 作者簡介 –>
<?php the_author_meta(‘description’);?>
<!– G+ –>
<?php if ( get_the_author_meta( ‘google’ ) ): ?>
<a href="<?php the_author_meta(‘google’);?>?rel=author" title="我的G+">G+</a>
<? endif;?>
<!– FB –>
<?php if ( get_the_author_meta( ‘facebook’ ) ): ?>
<a href="<?php the_author_meta(‘facebook’);?>" title="我的臉書">Facebook</a>
<? endif;?>
<!– Twitter –>
<?php if ( get_the_author_meta( ‘twitter’ ) ): ?>
<a href="<?php the_author_meta(‘twitter’);?>" title="我的推特">Twitter</a>
<? endif;?>
<!– 作者更多文章 –>
<a href="<?php echo get_author_posts_url(get_the_author_meta(‘ID’));?>" title="更多<?php the_author_meta(‘display_name’);?>的文章">更多文章»</a>

Step2
當啟用完畢後，接者再新增一個新帳號，在帳號下方會看到圖片選項，接著點選擇圖片鈕。
梅問題－Wordpress教學－文未添加作者資訊與頭像