如何在 WordPress 帖子中添加作者簡介
已發表: 2016-09-01沒有人會爭辯說偉大的寫作需要大量的時間、精力和技巧。 因此,當新讀者登陸您的博客時,您希望他們知道誰寫了內容,對嗎? 否則他們將如何在屏幕上的文字和寫這些文字的作者之間建立聯繫?
作者簡介是解決此問題的完美解決方案。 它可以為文章添加一些個性,還可以提高您博客的可信度。 無論生物在哪裡出現(無論是在帖子之前、之後還是在帖子期間),擁有作者簡介對於任何博客來說都是一筆巨大的財富。
作者簡介是如何創建的?
一些主題自動帶有作者簡介功能。 如果您選擇的主題沒有,則無需擔心; 你可以隨時自己添加!
有兩種方法可以將作者簡介添加到您的網站。 您可以使用現有的插件,或者如果您更喜歡自己動手,您可以輕鬆地從頭開始創建插件。 我將介紹這兩種方法(包括創建自己的插件的教程),但首先,讓我們從一些現有的插件開始。
可用於創建作者簡介的插件
對於那些寧願使用現有插件的人來說,有很多很棒的選擇。 這裡有一些要檢查的:
- 星盒
- 更高級的作者框
- 簡單的作者框
選擇插件時,重要的是要注意有些插件比其他插件具有更高級的功能。 僅僅因為您選擇使用現有插件並不意味著您在樣式方面受到限制。 通常您可以修改 CSS 並使其與您的品牌相匹配。 只要確保做你的研究,如果那是你正在尋找的東西。
WordPress 用戶和角色
無論您是使用現有插件還是計劃創建自己的插件,您都需要利用 WordPress 用戶和角色。
以下是五種類型的捲的快速復習:
- 訂閱者:最低級別的訪問權限,因為他們只能查看自己的個人資料並閱讀 WordPress 網站上的帖子。
- 貢獻者:他們可以寫帖子但不能發布。 對於客座作家來說,這是理想的訪問級別。
- 作者:這是一個高於貢獻者的訪問級別,可以完全控制其帖子的寫作和發布。
- 編輯:他們可以編寫自己的帖子並管理自己的每個帖子,以及網站上所有作者的所有帖子。 這是內容管理員的典型訪問級別。
- 管理員:這些用戶可以完全控製網站,因此他們可以更改主題、添加和刪除插件、寫帖子、閱讀帖子、刪除帖子、添加和刪除作者等。任何需要做的事情,他們都有權限水平去做。
既然涵蓋了不同的用戶角色,重要的是要注意作者簡介以帖子的作者為特徵,無論他們的訪問級別是什麼。 如果您將作者簡介添加到您的個人網站,您可能是管理員,因此您不必擔心。 如果您正在構建一個多作者博客,請確保您的作者未設置為訂閱者,以便他們有權撰寫帖子。
添加生物
設置用戶後,要填寫他們的簡歷,他們只需編輯其用戶設置(或者您作為管理員可以為他們執行此操作)。 只需轉到用戶 > 您的個人資料。 他們將看到他們可以填寫的字段,例如簡歷、網站等。他們添加的信息越多,用戶在網站上的作者簡歷中看到的就越多。
創建您自己的作者簡介插件
在構建自己的插件之前要提一件事——所有這些都應該在測試站點上完成。 如果您需要幫助設置開發環境,請務必按照有關如何開始使用 MAMP 的分步說明進行操作。
現在,讓我們開始吧!
1.在plugins目錄下新建一個文件夾。 例如: /wp-content/plugins/mysite-plugin/
2. 打開您選擇的文本編輯器,創建一個空白文件,並將其保存為mysite-plugin.php
。
3.將以下代碼放入mysite-plugin.php
文件中(包括註釋和PHP標籤):
<?php /* Plugin Name: Author Bio for mysite.com Description: Site-specific functions for mysite.com */ /* Add Functions Here */ /* Keep Functions Above This */ ?>
4. 填寫插件名稱和描述信息。
接下來,我們將向插件文件添加一些信息。 完成後,生物框將出現在帖子下方。
這是我們要顯示的信息:
- 作者姓名
- 作者的形象
- 作者簡介
- 作者的帖子鏈接
- 作者的網站
將片段添加到插件
1. 創建函數
function mysite_author_bio( $content ) { global $post; }
要訪問全局變量,您需要“全球化”該變量。 這就是我們包含$post
的原因。 當你聲明一個全局變量時,這個函數的每個部分都可以訪問它。 通過使用“全局”一詞,您聲明您要訪問$post
全局變量。 此變量保存有關當前發布數據的各種詳細信息。 這很重要,因為我們要顯示帖子作者的信息,它需要包含正確的作者姓名、簡歷、網站等。
2.在全局post變量下,可以開始添加自己的內容了。 確保您在右括號內。 指定這應該只顯示在一個作者的單個帖子上也很重要,以便包含邏輯。
function mysite_author_bio( $content ) { global $post; if ( is_single() && isset( $post->post_author ) ) { } }
3. 顯示作者姓名和信息。
function mysite_author_bio( $content ) { global $post; if ( is_single() && isset( $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 .= '<p class="author_links"><a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>'; if ( ! empty( $user_website ) ) { $author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>'; } else { $author_details .= '</p>'; } }
由於此代碼,在與作者的單個帖子中,將顯示他們的姓名。 如果碰巧他們沒有指定姓名,則可以選擇顯示他們的暱稱。 還記得你之前輸入生物信息的時候嗎? 這是該內容將顯示的地方。 還將包含指向作者帖子的鏈接。 如果作者有一個單獨的網站,並將其輸入到他們的個人資料中,那將顯示為一個鏈接。
4. 將信息傳遞到簡歷的內容中,以便在頁面上顯示。
function mysite_author_bio( $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 = '<p class="author_name">' . $display_name . '</p>'; if ( ! empty( $user_description ) ) $author_details .= '<p class="author_details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</p>'; $author_details .= '<p class="author_links"><a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>'; if ( ! empty( $user_website ) ) { $author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>'; } else { $author_details .= '</p>'; } $content = $content . '<footer class="author_bio" >' . $author_details . '</footer>'; } return $content; } add_action( 'the_content', 'mysite_author_bio' ); remove_filter('pre_user_description', 'wp_filter_kses');
這是顯示頭像圖像和生物內容的邏輯(假設作者在他們的個人資料中包含了一張照片)。 它還將顯示網站 URL 以及鏈接。 此信息被傳遞到帖子內容中,然後使用該函數調用,因此它將出現在帖子內容下。
5. 如果您還沒有這樣做,請務必激活插件。
雖然我們在這裡創建了自己的插件,但需要注意的是,只要稍加修改,本教程中的代碼片段也可以放在functions.php
文件中。 我選擇了插件路線,以便在您切換主題時可以重複使用它。
造型作者簡介
僅使用這些簡單的代碼片段,事情看起來還不錯,但它可以使用一些自定義樣式。 調整 CSS 將幫助您使事情看起來完美和優美。
首先,讓我們來看看新的樣式。 Chrome 檢查器是查看正在發生的事情的好方法。 右鍵單擊並選擇檢查以打開 Chrome 檢查器。
以下是一些可以添加到樣式表中的樣式。 您可以將這些作為起點,然後為您的設計調整樣式。
.author_bio { font-family: 'Montserrat', sans-serif; padding: 15px; border: 1px solid #ccc; } .author_bio .author_name { font-size: 2.5rem; font-weight: bold; text-align: center; border-bottom: 1px solid #CCC; } .author-details { border: 1px solid #D8D8D8; } .author_details img { border: 6px solid #e85555; border-radius: 50%; float: none; margin: 20px auto; display: block; clear: both; } .author_bio .author_links { text-align: center; } .author_bio .author_links a { text-decoration: none; color: #e85555; }
無論您是選擇現有插件還是創建自己的插件,這種展示內容作者的方式都具有很大的靈活性。 只需進行一些代碼更改或插件即可將簡單的作者簡介添加到您網站的帖子中。 只需幾個簡單的步驟並添加一些自定義 CSS,您就可以使作者的生物與您網站的外觀和感覺相協調。
繼續學習 WordPress
WordPress 新手? 歡迎! 有很多東西要學,但我們會慢慢來,幫助您立即成為 WordPress 專業人士。 讀完這本電子書,您將了解 WordPress 是什麼、使用它的基礎知識以及下一步該去哪裡了解更多信息! 準備好學習 WordPress 的所有內容了嗎?