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

梅問題-Wordpress教學-文未添加作者資訊與頭像
  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教學-文未添加作者資訊與頭像
Step3
接著就可將作者頭像,以拖拉的方式上傳。
梅問題-Wordpress教學-文未添加作者資訊與頭像
Step4
這樣就新增完畢了。
梅問題-Wordpress教學-文未添加作者資訊與頭像
Step5
在編輯使用者帳號的地方,就可再加以新增作者的臉書、G+、推特。
梅問題-Wordpress教學-文未添加作者資訊與頭像
Step6
當之後在新增文章時,在下方選擇作者名稱。
梅問題-Wordpress教學-文未添加作者資訊與頭像
Step7
這樣在文未就會出現作者資訊啦!
梅問題-Wordpress教學-文未添加作者資訊與頭像
[範例下載]

相關文章

Woocommerce與Every8d大整合,當有新訂單立即傳送簡訊通知

Woocommerce與Every8d大整合,當有新訂單立即傳送簡訊通知

「Open Live Writer」微軟專為部落格而生!離線編輯器(支援WordPress、Blogger、痞客邦)

「Open Live Writer」微軟專為部落格而生!離線編輯器(支援WordPress、Blogger、痞客邦)

WordPress外掛-「WP Editor」強化後台編輯器,讓原始碼支援HighLight的高光效果

WordPress外掛-「WP Editor」強化後台編輯器,讓原始碼支援HighLight的高光效果

Woocommerce修正中文化不完全與字詞修改 (附完整繁中包)

Woocommerce修正中文化不完全與字詞修改 (附完整繁中包)

WordPress網站優化外掛「WP Minify Fix」自動合併與壓縮佈景中多個JS、CSS檔,有助於提升Google Speed評分

WordPress網站優化外掛「WP Minify Fix」自動合併與壓縮佈景中多個JS、CSS檔,有助於提升Google Speed評分





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 2 梅留言

  • 第2梅
    KenCHEN 說道:

    請問一下,我安裝也設定了,依舊沒出現耶

  • 第1梅
    DODO 說道:

    我倒是比較喜歡文頭就有標示了,
    像是「作者:XXX」,文末再顯示相關資訊