如何將自定義作者個人資料頁面添加到WordPress


您想將自定義作者個人資料頁面添加到WordPress網站嗎? 許多WordPress主題在其作者存檔頁面上都有有限的作者個人資料信息。 在本文中,我們將向您展示如何在WordPress中創建自定義作者個人資料頁面。

在WordPress中添加自定義作者個人資料頁面

方法1.使用WP用戶管理器在WordPress中添加自定義作者個人資料頁面

建議所有用戶使用此方法。 它易於設置並且具有更多功能。

您需要做的第一件事是安裝並激活WP User Manager插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 用戶»WPUM設置 頁面以配置插件設置。

WP用戶管理器設置頁面

該插件將自動創建不同的頁面,以用作自定義登錄,自定義用戶註冊,忘記密碼,帳戶和個人資料頁面。

WP User Manager是一個功能強大的插件,並帶有許多選項。 您需要仔細檢查它們,並關閉不需要的功能。

接下來,您需要單擊“配置文件”選項卡以設置用戶配置文件設置。

用戶個人資料頁面設置

您可以在此處為訪客啟用個人資料頁面選項,這意味著任何人都可以查看用戶個人資料。 您還可以允許成員查看彼此的個人資料。 如果取消選中此選項,則用戶將只能查看自己的個人資料頁面。

您還可以允許用戶上傳自定義個人資料照片,並在其個人資料頁面上顯示其最近的文章以及評論。

不要忘記單擊“保存更改”按鈕來存儲您的設置。

接下來,您需要為作者個人資料頁面選擇SEO友好的URL或永久鏈接。 您可以通過訪問 設置»永久鏈接 頁並向下滾動到“用戶個人資料永久鏈接基礎”部分。

選擇用戶個人資料頁面的URL結構

該插件可讓您在URL中使用用戶ID,用戶名或暱稱。 暱稱和用戶名比用戶ID更適合SEO。 單擊以選擇其中之一,然後單擊“保存更改”按鈕以存儲您的永久鏈接設置。

您的自定義作者個人資料頁面即將準備就緒。 現在,我們只需要讓用戶輕鬆地在您的網站上找到他們的個人資料頁面即可。

前往 外觀»小部件 頁面並添加 [WPUM] 登錄表單小部件到側邊欄。

將用戶登錄名和個人資料鏈接窗口小部件添加到側邊欄

現在,您可以訪問您的網站以查看作者個人資料頁面。 作為登錄用戶,您將在側邊欄小部件中看到自己的帳戶信息。 單擊用戶名會將您帶到您的作者個人資料頁面。

作者個人資料頁面

邊欄小部件將顯示一個登錄表單,以註銷用戶。 如果您允許用戶在您的網站上註冊,則該表單還將包含一個註冊鏈接。

該插件還將更改您網站上的作者鏈接,並將其指向作者個人資料頁面,而不是默認作者的存檔頁面。

更改作者個人資料頁面的外觀

如果只想更改顏色或邊框,則可以通過添加自定義CSS來實現。

但是,如果要更改事物的佈局和順序,則需要編輯插件的模板文件。 WP User Manager帶有自定義模板支持,這意味著您可以在當前主題內創建自己的模板供插件使用。

首先,您需要使用FTP客戶端連接到您的網站,然後轉到/ wp-content / plugins / wp-user-manager / templates /文件夾。 將您在那裡看到的所有文件下載到計算機。

接下來,您需要轉到當前主題文件夾,並在其中創建一個新的文件夾“ wpum”。 現在將您先前下載的文件上傳到wpum文件夾。

現在,您可以根據需要編輯這些文件以自定義個人資料頁面的外觀。

方法2。在您的主題中手動創建一個自定義作者個人資料頁

此方法要求您編輯WordPress主題或子主題文件。 如果您之前沒有做過,請參閱我們的指南,了解如何在WordPress中復制和粘貼代碼。

首先,您需要使用FTP客戶端連接到您的網站,然後轉到/ wp-content / themes / your-current-theme /文件夾。

在當前主題文件夾中,您需要創建一個author.php文件。 之後,您需要復制archive.php文件的內容並將其粘貼到新的author.php模板中。

如果您的主題已經有一個author.php文件,那麼您也可以對其進行編輯。

您的目標是獲取作者的個人資料信息,然後顯示出來。 您將需要確定要在哪裡開始編輯。 通常,您可以在get_header()之間編輯任何內容。 和get_sidebar()行。

    

About: nickname; ?>

user_email , '90 '); ?>

Website: user_url; ?>">user_url; ?>
Bio: user_description; ?>

Posts by nickname; ?>:

" rel="bookmark" title="Permanent Link: ">

Posted on:

此代碼只需在頁面頂部添加作者個人資料卡,然後顯示作者的最新帖子。

隨意根據需要自定義此代碼。 您可以將其他用戶個人資料字段添加到您的網站,添加作者的Twitter和Facebook個人資料鏈接,顯示帖子的特色圖片,等等。

這是一些示例CSS,可以使您的作者個人資料卡看起來不錯。 您可以將其作為自定義CSS添加到主題中,然後對其進行更改以匹配主題顏色。

.author-profile-card {
    background: #eee;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}
.author-photo {
    float: left;
    text-align: left;
    padding: 5px;
}

這是在我們的演示網站上的外觀:

WordPress中的自定義作者個人資料頁面

我們希望本文能幫助您學習如何將自定義作者個人資料頁面添加到WordPress網站。 您可能還希望查看針對初學者的終極一步一步WordPress SEO指南。

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