如何在WordPress帖子中添加作者信息框


您要在WordPress帖子中添加作者簡介框嗎? 作者簡介框是一小部分,您可以在其中顯示有關博客作者的信息,顯示其社交媒體資料等。

許多WordPress主題允許您使用默認的WordPress功能輕鬆顯示作者簡介。 但是,某些主題可能沒有內置此功能,或者您可能想更改它們顯示作者簡介部分的方式。

在本文中,我們將向您展示多種在WordPress帖子中輕鬆顯示作者信息框的方法。 我們還將向您展示如何自定義作者簡歷並使其更有用。

輕鬆將作者信息部分添加到WordPress帖子中

為什麼以及何時需要WordPress中的作者信息框

在內容背後看到真實的人有助於建立信譽,並增強用戶在用戶中對網站的權限。

對於單作者WordPress博客,您可以僅添加一個關於我的頁面,而對於多作者WordPress網站,則需要在每個帖子下方添加一個作者信息框。

這可以幫助您的用戶更多地了解您網站上的個人作者。 它還為作者提供了額外的動力,使其可以做出更多的貢獻並與讀者互動。

如果您希望更多的用戶向您的網站提交內容,那麼作者信息框是一種吸引正在尋找曝光度的作家和新讀者的好方法。

話雖如此,讓我們看一下如何輕鬆地在WordPress帖子中添加作者信息框。

在WordPress帖子中添加作者信息框

由於WordPress提供的靈活性和自定義選項,因此它是世界上最好的網站構建器。

您可以使用許多不同的作者簡介插件來添加作者信息部分。 我們將向您顯示默認的WordPress方法,兩個不同的插件以及代碼方法。 這樣,您可以選擇最適合您的網站的方法。

方法1:使用WordPress主題添加作者簡介

如果您的WordPress主題在每篇文章下面都帶有作者信息框,那麼您可以簡單地使用它來顯示您的作者簡介。

為了利用它,您只需要訪問 用戶»所有用戶 頁。 在這裡,您需要編輯要更改的用戶。

編輯用戶個人資料

在個人資料編輯屏幕上,向下滾動到“傳記信息”部分,以添加作者的簡歷。 您還可以在此字段中使用HTML,以手動添加指向作者的社交媒體資料的鏈接。

在用戶個人資料中添加作者簡介

使用Gravatar提取作者個人資料圖像。 如果作者尚未設置照片,則可以要求他們遵循我們的指南在WordPress中設置照片。

另外,您還可以允許您網站上的用戶通過編輯個人資料來上傳自定義作者的個人資料照片。

不要忘記單擊“更新用戶”按鈕以保存您的更改。

現在,您可以訪問網站上的任何文章,以查看內容下方的WordPress主題顯示作者簡介框。

預覽默認作者信息框

方法2.使用插件在WordPress中添加作者信息框

如果您的主題沒有顯示作者信息框,或者您想對其進行自定義,則此方法適合您。

對於這種方法,我們將使用WordPress插件在您的WordPress帖子中添加作者信息框。

首先,您需要做的是安裝並激活Author Bio Box插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 設置»作者簡介框 頁面以配置插件設置。

Author Bio Box設定

在這裡,您可以選擇顏色,作者照片的圖像大小以及顯示作者簡介框的位置。

完成後,請不要忘記單擊“保存更改”按鈕來存儲您的更改。

接下來,您需要訪問 用戶»所有用戶 頁,然後單擊要更改的用戶下方的“編輯”鏈接。

編輯用戶個人資料

在個人資料編輯屏幕上,您需要向下滾動到“聯繫信息”部分。 在這裡,您可以添加指向作者的社交媒體資料的鏈接。

將社交媒體鏈接添加到用戶個人資料

該插件將僅顯示您在其中輸入URL的社交網絡的圖標。

之後,您可以向下滾動到“傳記信息”部分以添加作者的簡歷。 您也可以在此字段中使用HTML來手動添加鏈接或使用基本的HTML格式設置選項。

添加作者的傳記信息

完成後,單擊“更新用戶”按鈕以保存您的更改。

現在,您可以訪問該用戶撰寫的任何文章,以查看正在使用的作者信息框。

作者信息框插件預覽

方法3:在側邊欄小部件中顯示作者信息

您要在邊欄中而不是在文章下方顯示作者信息嗎? 如果是,則此方法適合您,因為它允許您在側邊欄小部件中顯示作者信息框。

對於這種方法,您需要安裝並激活Meks Smart Author Widget插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 外觀»小部件 頁。 在此處,您將在可用的小部件列表下找到Meks Smart Author。 您需要將此小部件添加到要顯示作者信息的側邊欄中。

添加作者信息小部件

小部件帶有許多選項。 您需要檢查的最重要的選項是“自動檢測作者”選項旁邊的複選框。

單擊保存按鈕以存儲您的窗口小部件設置。 現在,您可以訪問您的網站以查看作者的信息小部件。

作者生物盒小部件

該插件從其WordPress個人資料中獲取用戶信息。 您或您的作者將需要通過編輯個人資料來填寫其傳記信息。

方法4.手動添加作者信息框(需要編碼)

此方法要求您將代碼添加到WordPress網站。 如果您之前沒有做過,請查看我們的指南,了解如何在WordPress中添加代碼段。

首先,您需要將以下代碼添加到主題的functions.php文件或特定於站點的插件中。

function wpb_author_info_box( $content ) {
 
global $post;
 
// Detect if it is a single post with a post author
if ( is_single() && isset( $post->post_author ) ) {
 
// Get author's display name 
$display_name = get_the_author_meta( 'display_name', $post->post_author );
 
// If display name is not available then use nickname as display name
if ( empty( $display_name ) )
$display_name = get_the_author_meta( 'nickname', $post->post_author );
 
// Get author's biographical information or description
$user_description = get_the_author_meta( 'user_description', $post->post_author );
 
// Get author's website URL 
$user_website = get_the_author_meta('url', $post->post_author);
 
// Get link to the author archive page
$user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));
  
if ( ! empty( $display_name ) )
 
$author_details="

About " . $display_name . '

'; if ( ! empty( $user_description ) ) // Author avatar and bio $author_details .= '

' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '

'; $author_details .= ''; } else { // if there is no author website then just close the paragraph $author_details .= '

'; } // Pass all this info to post content $content = $content . '
' . $author_details . '
'; } return $content; } // Add our function to the post content filter add_action( 'the_content', 'wpb_author_info_box' ); // Allow HTML in author bio section remove_filter('pre_user_description', 'wp_filter_kses');

此代碼僅獲取作者信息,並將其顯示在WordPress帖子下方。 您需要設置此作者信息框的樣式,以使其看起來不錯並與您的WordPress主題匹配。

您可以添加以下自定義CSS來設置作者框的樣式。 隨意修改它以滿足您的需求

.author_bio_section{
background-color: #F5F5F5;
padding: 15px;
border: 1px solid #ccc;
}
 
.author_name{
font-size:16px;
font-weight: bold;
}
 
.author_details img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: left;
margin: 0 10px 10px 0;
}

這就是作者信息框在我們的演示站點上的樣子。

自定義作者信息框

我們希望本文能幫助您學習如何在WordPress帖子中添加作者信息框。 您可能還希望查看有關如何增加博客流量的提示,或有關如何創建電子郵件新聞稿的逐步指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。