close
Blogtrottr
♣梅問題‧教學網【Minwt】♣
3C|設計|攝影|旅遊 資訊網 
WordPress教學-文未添加作者資訊與頭像
Feb 6th 2015, 00:00, by admin

梅問題-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:
1 2 3 4 5 6 7 8 9

        //自定作者資訊欄位
    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:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

 echo get_avatar(get_the_author_meta('ID'), 100);?>
   
 if ( get_the_author_meta( 'user_url' ) ): ?>
        a href="" title="我的網站" target="_blank">php the_author_meta('display_name');?>a>
 endif;?>

 the_author_meta('description');?>
                     
 if ( get_the_author_meta( 'google' ) ): ?>
        a href="?rel=author" title="我的G+">G+a>
 endif;?>

 if ( get_the_author_meta( 'facebook' ) ): ?>
        a href="" title="我的臉書">Facebooka>
 endif;?>

 if ( get_the_author_meta( 'twitter' ) ): ?>
        a href="" title="我的推特">Twittera>
 endif;?>

a href="" title="更多的文章">更多文章»a>

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


引用網址: ※如有發現掉圖或檔案無法下載,請由回應區留言告知,將會盡速處理!謝謝。
※本站採用CC授權請勿全文轉貼本站文章,歡迎「部份引用」與介紹,並註明出處,謝謝。

Recommended article: Chomsky: We Are All – Fill in the Blank.
This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 jmuko90 的頭像
    jmuko90

    2016【韓劇】奶酪陷阱劇情簡介及人物介紹奶酪陷阱 EP03 預告奶酪陷阱 線上看奶酪陷阱(捕鼠器裡的奶酪) 第1集

    jmuko90 發表在 痞客邦 留言(0) 人氣()