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

知更鳥
知更鳥
知更鳥
1518
文章
6913
評論
2017年5月25日07:38:25 60 14.4K

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

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

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

  1. function?wp_author_info_box(?$content?)?{
  2. ????global?$post;
  3. ????//?檢測文章與文章作者
  4. ????if?(?is_single()?&&?isset(?$post->post_author?)?)?{
  5. ????????//?獲取作者名稱
  6. ????????$display_name?=?get_the_author_meta(?'display_name',?$post->post_author?);
  7. ????????//?如果沒有名稱,使用昵稱
  8. ????????if?( empty(?$display_name?)?)
  9. ????????$display_name?=?get_the_author_meta(?'nickname',?$post->post_author?);
  10. ????????//?作者的個人信息
  11. ????????$user_description?=?get_the_author_meta(?'user_description',?$post->post_author?);
  12. ????????//?獲取作者的網站
  13. ????????$user_website?=?get_the_author_meta('url',?$post->post_author);
  14. ????????//?作者存檔頁面鏈接
  15. ????????$user_posts?=?get_author_posts_url(?get_the_author_meta(?'ID'?,?$post->post_author));
  16. ????????if?(?! empty(?$display_name?)?)
  17. ????????$author_details?=?'<div?class="author-name">關于?'?.?$display_name?.?'</div>';
  18. ????????if?(?! empty(?$user_description?)?)
  19. ????????//?作者頭像
  20. ????????$author_details?.=?'<div?class="author-details">'?.?get_avatar(?get_the_author_meta('user_email')?,?90?)?.?nl2br(?$user_description?).?'</div>';
  21. ????????$author_details?.=?'<div?class="author-links"><a?href="'.?$user_posts?.'">查看?'?.?$display_name?.?'?所有文章</a>';
  22. ????????//?檢查作者在個人資料中是否填寫了網站
  23. ????????if?(?! empty(?$user_website?)?)?{
  24. ????????//?顯示作者的網站鏈接
  25. ????????$author_details?.=?'?|?<a?href="'?.?$user_website?.'"?target="_blank"?rel="nofollow">網站</a></div>';
  26. ????????}?else?{
  27. ????????????//?如果作者沒有填寫網站則不顯示網站鏈接
  28. ????????????$author_details?.=?'</div>';
  29. ????????}
  30. ????????//?在文章后面添加作者信息
  31. ????????$content?=?$content?.?'<footer?class="author-bio-section"?>'?.?$author_details?.?'</footer>';
  32. ????}
  33. ????return?$content;
  34. }
  35. //?添加過濾器
  36. add_action(?'the_content',?'wp_author_info_box'?);
  37. //?允許HTML
  38. remove_filter('pre_user_description',?'wp_filter_kses');

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

  1. .author-bio-section?{
  2. ????background:?#fff;
  3. ????float:?left;
  4. ????width:?100%;
  5. ????margin:?10px?0;
  6. ????padding:?15px;
  7. ????border:?1px?dashed?#ccc;
  8. }
  9. .author-name?{
  10. ????font-size:?15px;
  11. ????font-weight:?bold;
  12. ????margin:?0?0?5px?0;
  13. }
  14. .author-details?img?{
  15. ????float:?left;
  16. ????width:?48px;
  17. ????height:?auto;
  18. ????margin:?5px?15px?0?0;
  19. }

最終效果:在WordPress 文章未尾自動添加一個作者信息框源代碼:http://www.wpbeginner.com/wp-tutorials/how-to-add-an-author-info-box-in-wordpress-posts/

繼續閱讀
weinxin
關于本站
分享交流WordPress經驗與技巧,關注前端設計與網站制作。僅用于功能演示。
知更鳥
WordPress 5.4 下載 WordPress

WordPress 5.4 下載

WordPress 5.4 2020年3月31日正式發布。中文版也同發布,下載地址: WordPress 5.4中文版:https://cn.wordpress.org/wordpress-5.4-z...
WordPress 只允許游客瀏覽指定分類的文章 WordPress

WordPress 只允許游客瀏覽指定分類的文章

有童鞋問,如何實現未登錄用戶只能瀏覽指定的分類文章,這里提供一下方法。 只允許游客瀏覽指定分類的文章 網上可以找到類似的代碼: //template_redirect動作鉤子是一定會執行的,所以用這個...
盜版主題很可怕! WordPress

盜版主題很可怕!

主題森林相信國內 WordPress 用戶都很熟習,來自該網站的收費主題在國內盜版橫行,一些無良者對主題進行所謂優化、漢化后直接出售,更有甚者居然還有冒充國內代理的。主題森林大部分主題并不像國內主題需...
限制 WordPress 部分用戶角色進入后臺 WordPress

限制 WordPress 部分用戶角色進入后臺

有時我們想限制WordPress 部分用戶角色訪問后臺,可以通過下面的代碼實現。 限制 WordPress 部分用戶角色進入后臺 一、只允許管理員、編輯和作者角色訪問后臺 將下面代碼添加到當前主題函數...
匿名

發表評論

匿名網友 填寫信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

評論:60   其中:訪客  58   博主  2
    • 雅兮網 雅兮網 4

      一般情況下都會在模板里寫上作者信息吧,不過這個也挺好的,

      • BanYuner BanYuner 5

        這個還是可以的 但是作為一個個人博客的站點 估計沒有多用戶吧

          • 龍笑天 龍笑天 5

            @ BanYuner 貌似你的已是一個多用戶博客了吧~~

            • 朱雙印技術日志 朱雙印技術日志 1

              @ BanYuner 如果是投稿的話,可能不用那么多賬戶,管理員標注作者就行了,多作者寫作的博客這樣似乎比較方便~~

            • 勵志語錄 勵志語錄 6

              每日一游,不錯的功能

              • boke112導航 boke112導航 4

                如果側邊欄沒有作者介紹的話,這個方法很不錯很給力

                • 技術宅 技術宅 2

                  挺不錯的,可以用到很多地方,適合舉一反三

                  • Win7en樂園 Win7en樂園 7

                    鳥哥的技術文不回復還是人嘛!!

                    • 明月登樓 明月登樓 5

                      不錯,看來經常來就一定有收獲呀!我先去試試去! :oops:

                      • 拿著灼熱的鐵 拿著灼熱的鐵 2

                        我的wordpress主題自帶這個功能,用不著。不過以后如果換主題的還是有可能用得著的。

                        • 墨丶水瓶 墨丶水瓶 1

                          這個模塊是會替換版權聲明還是新添加了一塊 ?

                          • 我愛動感單車網 我愛動感單車網 7

                            :razz: 我的博客一直來就我自己在寫,現在是,今后也是哩。

                            • 貓爺 貓爺 0

                              不錯的功能

                              • 明月登樓 明月登樓 5

                                不知道為啥,我用了這個代碼后竟然“沖突”了!側邊欄都不顯示了!

                                • test test 1

                                  哇,讓我試一試評論

                                  • t t 1

                                    測試

                                    • 灰常記憶 灰常記憶 4

                                      已經不在乎這些小細節了。

                                      • Yuntest Yuntest 0

                                        聽朋友說介紹這款主題不錯,好像用啊,團購打折不。

                                        • 求這個滑動解鎖插件 求這個滑動解鎖插件 2

                                          這個無法使用

                                          • 新人 新人 2

                                            我之前也加了別的代碼,不知道插那里,位置不對,樓主QQ多少,我截圖給你看看怎么弄

                                            • 天天趣報 天天趣報 3

                                              嗯嗯呃不錯呢

                                              • 好店品 好店品 4

                                                版權聲明那個比較有用吧覺得

                                                • 好店品 好店品 4

                                                  我用這個添加詳細的時間是否對百度收錄有好處呢

                                                  • 生保博客 生保博客 1

                                                    這個如何顯示其余隨機文字呢?

                                                    • 趣果網 趣果網 3

                                                      恩,這個功能不錯,每篇文章還增加了主頁鏈接。

                                                      • 優選匯 優選匯 2

                                                        正是我想要的功能

                                                        • 新聞頭條 新聞頭條 3

                                                          文章不錯非常喜歡,支持

                                                          • 123123 123123 0

                                                            23123123測試

                                                            • 老李 老李 0

                                                              加上不顯示頭像啊,不知道怎么回事,在線等

                                                              • 南玄 南玄 4

                                                                不錯,拿來用了。

                                                                • 逝雪藍冰 逝雪藍冰 3

                                                                  博主你是五筆打字的吧!文中有個錯別字“末尾”,你全程都寫成了“未尾”。

                                                                  • 來巡山 來巡山 2

                                                                    老大牛逼,就會這句了

                                                                    • 最佳損友 最佳損友 2

                                                                      我來了,我看看,學習下,真棒

                                                                      • 飛鳥影院 飛鳥影院 2

                                                                        支持支持,全網最新好看電影www.fniao.cc飛鳥影院

                                                                        • 一千零一站 一千零一站 2

                                                                          適合初學者

                                                                          • 91優惠券 91優惠券 2

                                                                            這個功能不實用

                                                                            • 夢 她 夢 她 0

                                                                              不是有小工具嗎?小工具里可以直接添加……再加就擠滿了

                                                                              • 趣果網 趣果網 1

                                                                                感謝分享,很不錯哦

                                                                                • www.tgz..com www.tgz..com 1

                                                                                  將代碼添加到當前主題functions.php中:再將配套的CSS添加到主題樣式文件style.css中:
                                                                                  — 正在使用 tgz.Com 糖果站 應用App大全。

                                                                                  • 小熊資源網 小熊資源網 1

                                                                                    我就來看看 :mrgreen:

                                                                                    • 諳年SEO博客 諳年SEO博客 1

                                                                                      這個功能很不錯,可以讓多用戶博客展現作者

                                                                                      • 股票 股票 1

                                                                                        一直想找可以代碼高亮 的博客系統

                                                                                          • 知更鳥 知更鳥

                                                                                            @ 股票 代碼高亮與什么系統無關,在WP中與你用的模板有關

                                                                                          • 嫁漢嫁漢 嫁漢嫁漢 0

                                                                                            不錯不錯可以了

                                                                                            • 軟件庫 軟件庫 1

                                                                                              學習到了很多的東西,非常不錯!!

                                                                                              • 天雞部落 天雞部落 1

                                                                                                請問有沒有隱藏wp評論區不向游客展示的功能呢?個人備案博客竟然被提示不要有評論互動功能,但又想對于登陸用戶可以有更方便互動的功能。

                                                                                                  • 知更鳥 知更鳥

                                                                                                    @ 天雞部落 很簡單,正好我用戶里也有人說這個,參考一下這篇:
                                                                                                    http://www.086xa.com/wordpress-login-visible-comments.html

                                                                                                  • 微風 微風 0

                                                                                                    ????這個好看

                                                                                                    • 成人之美 成人之美 2

                                                                                                      學習了。