在WordPress 文章未尾自動添加一個作者信息框

知更鳥

1518
文章

6913
評論

2017年5月25日07:38:25 60 14.4K

如果想在WordPress文章的末尾，添加文章作者的相關信息，下面一段代碼可以方便在文章中添加一個作者的信息框。

將代碼添加到當前主題functions.php中：

function?wp_author_info_box(?$content?)?{
????global?$post;
????//?檢測文章與文章作者
????if?(?is_single()?&&?isset(?$post->post_author?)?)?{
????????//?獲取作者名稱
????????$display_name?=?get_the_author_meta(?'display_name',?$post->post_author?);
????????//?如果沒有名稱,使用昵稱
????????if?( empty(?$display_name?)?)
????????$display_name?=?get_the_author_meta(?'nickname',?$post->post_author?);
????????//?作者的個人信息
????????$user_description?=?get_the_author_meta(?'user_description',?$post->post_author?);
????????//?獲取作者的網站
????????$user_website?=?get_the_author_meta('url',?$post->post_author);
????????//?作者存檔頁面鏈接
????????$user_posts?=?get_author_posts_url(?get_the_author_meta(?'ID'?,?$post->post_author));
????????if?(?! empty(?$display_name?)?)
????????$author_details?=?'<div?class="author-name">關于?'?.?$display_name?.?'</div>';
????????if?(?! empty(?$user_description?)?)
????????//?作者頭像
????????$author_details?.=?'<div?class="author-details">'?.?get_avatar(?get_the_author_meta('user_email')?,?90?)?.?nl2br(?$user_description?).?'</div>';
????????$author_details?.=?'<div?class="author-links"><a?href="'.?$user_posts?.'">查看?'?.?$display_name?.?'?所有文章</a>';
????????//?檢查作者在個人資料中是否填寫了網站
????????if?(?! empty(?$user_website?)?)?{
????????//?顯示作者的網站鏈接
????????$author_details?.=?'?|?<a?href="'?.?$user_website?.'"?target="_blank"?rel="nofollow">網站</a></div>';
????????}?else?{
????????????//?如果作者沒有填寫網站則不顯示網站鏈接
????????????$author_details?.=?'</div>';
????????}
????????//?在文章后面添加作者信息
????????$content?=?$content?.?'<footer?class="author-bio-section"?>'?.?$author_details?.?'</footer>';
????}
????return?$content;
}
//?添加過濾器
add_action(?'the_content',?'wp_author_info_box'?);
//?允許HTML
remove_filter('pre_user_description',?'wp_filter_kses');

再將配套的CSS添加到主題樣式文件style.css中：

.author-bio-section?{
????background:?#fff;
????float:?left;
????width:?100%;
????margin:?10px?0;
????padding:?15px;
????border:?1px?dashed?#ccc;
}
.author-name?{
????font-size:?15px;
????font-weight:?bold;
????margin:?0?0?5px?0;
}
.author-details?img?{
????float:?left;
????width:?48px;
????height:?auto;
????margin:?5px?15px?0?0;
}

最終效果：源代碼：http://www.wpbeginner.com/wp-tutorials/how-to-add-an-author-info-box-in-wordpress-posts/

繼續閱讀

歷史上的今天

五月

關于本站

分享交流WordPress經驗與技巧，關注前端設計與網站制作。僅用于功能演示。

獲取本主題

售前咨詢加Q：598845006

多功能主題 Begin

本文由知更鳥發表于 2017年5月25日07:38:25
轉載請注明：http://www.086xa.com/wordpress-add-author-information.html | 知更鳥

獲取本主題

售前咨詢加Q：598845006

多功能主題 Begin

評論：60 其中：訪客 58 博主 2

雅兮網 4
2017年5月25日 10點30分 1F
回復
一般情況下都會在模板里寫上作者信息吧，不過這個也挺好的，
- 尋金筆記 6
  2017年5月25日 22點21分 1B
  回復
  @ 雅兮網嗯，挺好的
- 晚風深巷酒 1
  2017年6月15日 14點50分 1B
  回復
  @ 雅兮網對我用處不大
- 王周 1
  2019年7月21日 11點34分 1B
  回復
  @ 雅兮網用上看著也挺好的
BanYuner 5
2017年5月25日 18點29分 2F
回復
這個還是可以的但是作為一個個人博客的站點估計沒有多用戶吧
- 龍笑天 5
  2017年5月27日 13點48分 1B
  回復
  @ BanYuner 貌似你的已是一個多用戶博客了吧~~
- 朱雙印技術日志 1
  2017年6月7日 15點07分 1B
  回復
  @ BanYuner 如果是投稿的話，可能不用那么多賬戶，管理員標注作者就行了，多作者寫作的博客這樣似乎比較方便~~
勵志語錄 6
2017年5月25日 22點20分 3F
回復
每日一游，不錯的功能
- 福利網 6
  2017年5月29日 23點09分 1B
  回復
  @ 勵志語錄你怎么在浙江
boke112導航 4
2017年5月27日 09點51分 4F
回復
如果側邊欄沒有作者介紹的話，這個方法很不錯很給力
技術宅 2
2017年5月27日 14點36分 5F
回復
挺不錯的，可以用到很多地方，適合舉一反三
Win7en樂園 7
2017年5月27日 19點21分 6F
回復
鳥哥的技術文不回復還是人嘛！！
- 我愛動感單車網 7
  2017年6月1日 14點12分 1B
  回復
  @ Win7en樂園鳥哥的技術，確實很牛！
明月登樓 5
2017年5月28日 18點15分 7F
回復
不錯，看來經常來就一定有收獲呀！我先去試試去！
- Win7en樂園 7
  2017年5月29日 15點47分 1B
  回復
  @ 明月登樓你怎么在蘇州了？
  - 明月登樓 5
    2017年5月31日 23點48分 2B
    回復
    @ Win7en樂園來找你玩兒呢！
    - 車市 1
      2017年7月1日 22點09分 3B
      回復
      @ 明月登樓中文
拿著灼熱的鐵 2
2017年5月30日 09點21分 8F
回復
我的wordpress主題自帶這個功能，用不著。不過以后如果換主題的還是有可能用得著的。
墨丶水瓶 1
2017年5月31日 14點14分 9F
回復
這個模塊是會替換版權聲明還是新添加了一塊？
我愛動感單車網 7
2017年6月1日 14點10分 10F
回復
我的博客一直來就我自己在寫，現在是，今后也是哩。
貓爺 0
2017年6月8日 02點35分 11F
回復
不錯的功能
明月登樓 5
2017年6月11日 23點11分 12F
回復
不知道為啥，我用了這個代碼后竟然“沖突”了！側邊欄都不顯示了！
test 1
2017年6月25日 16點58分 13F
回復
哇，讓我試一試評論
t 1
2017年6月25日 16點59分 14F
回復
測試
灰常記憶 4
2017年6月27日 23點06分 15F
回復
已經不在乎這些小細節了。
Yuntest 0
2017年7月2日 15點17分 16F
回復
聽朋友說介紹這款主題不錯，好像用啊，團購打折不。
求這個滑動解鎖插件 2
2017年7月7日 00點59分 17F
回復
這個無法使用
新人 2
2017年7月8日 00點54分 18F
回復
我之前也加了別的代碼，不知道插那里，位置不對，樓主QQ多少，我截圖給你看看怎么弄
天天趣報 3
2017年7月12日 15點03分 19F
回復
嗯嗯呃不錯呢
- 田崗人 0
  2017年7月15日 07點04分 1B
  回復
  @ 天天趣報不錯吧
好店品 4
2017年7月21日 10點43分 20F
回復
版權聲明那個比較有用吧覺得
好店品 4
2017年7月23日 09點27分 21F
回復
我用這個添加詳細的時間是否對百度收錄有好處呢
生保博客 1
2017年8月13日 18點38分 22F
回復
這個如何顯示其余隨機文字呢？
趣果網 3
2017年9月6日 14點24分 23F
回復
恩，這個功能不錯，每篇文章還增加了主頁鏈接。
優選匯 2
2017年10月11日 22點31分 24F
回復
正是我想要的功能
新聞頭條 3
2017年11月13日 17點02分 25F
回復
文章不錯非常喜歡，支持
123123 0
2017年12月11日 14點47分 26F
回復
23123123測試
老李 0
2017年12月20日 17點28分 27F
回復
加上不顯示頭像啊，不知道怎么回事，在線等
南玄 4
2019年3月26日 10點19分 28F
回復
不錯，拿來用了。
逝雪藍冰 3
2019年3月30日 10點25分 29F
回復
博主你是五筆打字的吧！文中有個錯別字“末尾”，你全程都寫成了“未尾”。
- 詩夢 2
  2019年5月10日 12點39分 1B
  回復
  @ 逝雪藍冰害得我又看了一遍
  - 小熊資源網 0
    2019年11月10日 19點49分 2B
    回復
    @ 詩夢頭像趕緊換了，不然要挨屁股了
來巡山 2
2019年4月13日 10點31分 30F
回復
老大牛逼，就會這句了
最佳損友 2
2019年4月13日 10點34分 31F
回復
我來了，我看看，學習下，真棒
飛鳥影院 2
2019年4月30日 00點29分 32F
回復
支持支持，全網最新好看電影www.fniao.cc飛鳥影院
一千零一站 2
2019年5月7日 00點06分 33F
回復
適合初學者
91優惠券 2
2019年5月27日 00點06分 34F
回復
這個功能不實用
夢她 0
2019年9月13日 19點34分 35F
回復
不是有小工具嗎？小工具里可以直接添加……再加就擠滿了
趣果網 1
2019年9月28日 07點59分 36F
回復
感謝分享，很不錯哦
www.tgz..com 1
2019年10月12日 10點57分 37F
回復
將代碼添加到當前主題functions.php中：再將配套的CSS添加到主題樣式文件style.css中：
— 正在使用 tgz.Com 糖果站應用App大全。
小熊資源網 1
2019年11月7日 11點35分 38F
回復
我就來看看
諳年SEO博客 1
2019年11月14日 09點44分 39F
回復
這個功能很不錯，可以讓多用戶博客展現作者
股票 1
2019年12月9日 08點57分 40F
回復
一直想找可以代碼高亮的博客系統
- 知更鳥
  2019年12月9日 12點06分 1B
  回復
  @ 股票代碼高亮與什么系統無關，在WP中與你用的模板有關
嫁漢嫁漢 0
2019年12月11日 18點08分 41F
回復
不錯不錯可以了
軟件庫 1
2019年12月17日 09點06分 42F
回復
學習到了很多的東西，非常不錯！！
天雞部落 1
2020年1月9日 21點21分 43F
回復
請問有沒有隱藏wp評論區不向游客展示的功能呢？個人備案博客竟然被提示不要有評論互動功能，但又想對于登陸用戶可以有更方便互動的功能。
- 知更鳥
  2020年1月9日 22點48分 1B
  回復
  @ 天雞部落很簡單，正好我用戶里也有人說這個，參考一下這篇：
  http://www.086xa.com/wordpress-login-visible-comments.html
微風 0
2020年2月27日 18點47分 44F
回復
????這個好看
成人之美 2
2020年4月2日 18點15分 45F
回復
學習了。