切換菜單

如何使用 Beaver Themer 創建 WordPress 作者頁面(5 個步驟)

已發表: 2022-12-23

將頁面構建器模板和設計資產保存到雲端! 開始使用 Assistant.Pro

How to create a WordPress Author Page with Beaver Themer
  • 海狸主題

如何使用 Beaver Themer 創建 WordPress 作者頁面(5 個步驟)

如果您的博客有多個貢獻者,讀者可能希望找到特定作者的完整帖子列表。 默認情況下,WordPress 帶有作者檔案頁面,但佈局可能非常基本。 幸運的是,您可以使用 Beaver Themer 完全自定義您的 WordPress 作者頁面。

在這篇文章中,我們將討論在您的網站上使用作者頁面存檔的優勢。 然後,我們將向您展示如何使用 Beaver Themer 創建 WordPress 作者頁面。 讓我們開始工作吧!

目錄:

  • 作者存檔頁面簡介(以及您可能想要使用它們的原因)
  • 如何使用 Beaver Themer 創建作者頁面(5 個步驟)
    1. 創建作者的用戶配置文件
    2. 將一個或多個帖子與用戶相關聯
    3. 為作者檔案創建檔案主題佈局
    4. 自定義您的佈局
    5. 保存您的更改並查看作者頁面
  • 結論
  • 相關問題

WordPress 作者頁面簡介(以及您可能想要使用它們的原因)

作者存檔頁面是您在文章中單擊作者姓名並顯示其帖子列表時看到的頁面:

馬特·西蒙的作者頁面。

在您的網站上顯示作者頁面有幾個好處。 例如:

  • 它可以提高 SEO 排名。 作者檔案頁面突出了關鍵信息。 這有助於搜索引擎針對關鍵字瀏覽您的內容以找到相關數據,這反過來可能會提高您網站在搜索結果中的排名。
  • 它可以增加站點的可信度。 顯示一個作者的多部作品可以使該用戶顯得更有知識和更值得信賴。 如果每個作者都有大量文章,讀者可能更有可能將您的頁面視為可靠來源。
  • 貢獻者可以更容易地找到他們過去的工作。 作者存檔頁面通過列出所有相關文章簡化了導航過程,這有助於作者和讀者找到他們正在尋找的內容。

默認情況下,WordPress 會為您的帖子創建一個存檔頁面。 但是,它在個性化方面提供的支持有限。 使用 Beaver Themer,您可以創建自定義存檔佈局:

Beaver Themer 主頁。

使用我們的工具,您可以向此頁面添加個性化詳細信息並使其更具吸引力。 這有助於降低您的跳出率並鼓勵訪問者查看您博客上的其他文章。

如何使用 Beaver Themer 創建 WordPress 作者頁面(5 個步驟)

既然您知道作者存檔頁面是什麼以及它如何使您的 WordPress 網站受益,讓我們看看如何自定義此頁面。

對於本教程,您需要在 WordPress 網站上安裝 Beaver Builder 和 Beaver Themer。 擁有這兩個工具後,您就可以開始了!

第 1 步:創建作者的用戶配置文件

首先,您需要一個包含簡介和圖片的作者簡介。 導航到您的 WordPress 儀表板並單擊用戶

突出顯示用戶的 WordPress 儀表板。

從這裡,您可以選擇現有用戶或創建新用戶:

WordPress 中的用戶頁面。

我們將為本教程創建一個測試用戶。 當您點擊Add New時,系統會要求您提供一些有關用戶的信息:

在 WordPress 中添加新用戶。

例如,您需要添加用戶名和電子郵件。 您還需要為用戶選擇一個角色。 使用下拉菜單,將角色設置為Author

添加新的用戶和作者角色。

然後,單擊添加新用戶。 您的新個人資料將添加到用戶頁面:

WordPress 中的用戶頁面。

現在,將鼠標懸停在用戶名上並單擊編輯

“用戶”頁面中突出顯示的“編輯”按鈕。

在下一頁上,您可以選擇一個顯示名稱並寫一個簡歷:

向用戶添加簡介。

您還需要通過 Gravatar 上傳個人資料照片。 準備就緒後,單擊更新用戶。 這將保存您對用戶配置文件的更改。

第 2 步:將一個或多個帖子與用戶相關聯

現在是時候為您的用戶創建一個測試帖子了。 如果您已有與作者相關聯的帖子,則無需完成此步驟。

您的測試帖子將幫助您了解作者存檔的外觀。 首先導航到Posts並單擊Add New 。 在帖子中添加標題和一些文本。

然後,轉到設置並單擊Author下的下拉菜單:

作者下拉菜單。

選擇您創建的測試配置文件,然後點擊發布

發佈在帖子中突出顯示。

這將為您的作者存檔頁面提供一個測試帖子。

第 3 步:為作者檔案創建 Themer 佈局

現在您已經創建了一個用戶和一個新帖子,是時候創建一個 Themer 佈局了。 轉到您的 WordPress 儀表板並導航到Beaver Builder > Themer Layouts

添加新的 Themer 佈局。

點擊添加新的。 在標題字段中,輸入Author Archive 。 然後,在佈局字段中,選擇存檔選項:

添加 Themer 佈局。

單擊添加主題佈局。 這將帶您進入一個頁面,您可以在其中修改 Themer 佈局。

Location字段旁邊,單擊下拉菜單並選擇Author Archives

選擇作者檔案選項。

接下來,點擊Launch Beaver Builder

Launch Beaver Builder 按鈕突出顯示。

在編輯器中,將Preview As設置為Author Archives

在 Preview As 下拉菜單中選擇 Author Archives 選項。

此設置將自動默認為當前登錄的用戶,並且只會顯示他們的帖子。

第 4 步:自定義佈局

Beaver Themer 可以輕鬆自定義您的佈局。 您有無窮無盡的設計選項,因此您可以使設計完全適合您的品牌。 這是一個入門示例。 讓我們從標題開始。

將鼠標懸停在包含標題的行上。 然後,選擇工具欄中的第二個圖標以打開行設置:

Beaver Builder 編輯器中的行設置。

樣式選項卡中,將文本顏色更改為白色:

在行設置中將文本顏色更改為白色。

然後,導航到背景部分並將類型更改為照片

將背景類型更改為照片。

Background Photo部分,單擊Photo字段旁邊的加號並選擇Author Picture

在背景照片中選擇作者圖片選項。

作者圖片框中,您可以自定義圖像的大小:

自定義作者圖片圖像大小。

默認圖像下,選擇一張照片。 這可以是您作者的頭像。

接下來,您可以在“背景”部分自定義圖像的疊加層:

修改覆蓋顏色和不透明度。

完成後,點擊保存

現在,讓我們編輯作者的名字。 選擇標題模塊以打開其設置。 然後,導航到標題字段並單擊加號:

編輯標題模塊。

選擇作者姓名。 然後,選擇要如何顯示名稱。 這可以是您在用戶個人資料中輸入的名字、顯示名稱或暱稱:

選擇作者姓名類型。

完成後,點擊保存

您還可以在此部分顯示作者簡介。 為此,將文本編輯器模塊添加到該行:

Beaver Builder 中突出顯示的文本編輯器模塊。

在“常規”選項卡下的所見即所得編輯器中編寫您的簡短簡歷:

向 Beaver Builder 添加簡介。

或者,您可以輕鬆地將輸入的作者簡介添加到用戶個人資料中。 為此,請單擊加號,找到Author Bio ,然後單擊Connect

添加作者簡歷。

接下來,單擊保存

保存在 Beaver Builder 中突出顯示。

您還可以更改帖子的顯示方式。 點擊帖子模塊打開設置:

發佈設置選項。

佈局下拉菜單中,選擇您喜歡的佈局。 例如, Masonry選項將在沒有固定行高的列中顯示您的文章:

在佈局中選擇 Masonry 選項。

當您對更改感到滿意時,單擊發布

發佈在 Beaver Builder 中突出顯示。

您現在擁有一個自定義的作者存檔頁面!

嘗試不同的可用設置,玩得開心。 例如,您可能更喜歡為頁眉使用純背景。 或者,您可能希望以整潔的列表而不是塊的形式顯示該作者的帖子。

第 5 步:保存您的更改並查看作者頁面

完成作者頁面後,您可以查看它是否一切正常。 為此,請導航至作者撰寫的帖子並單擊他們的姓名:

一個測試帖。

這將帶您到您創建的作者存檔頁面:

作者存檔頁面的 GIF。

現在,新的作者頁面將使讀者能夠找到特定用戶撰寫的內容,並提供更好的用戶體驗。

結論

如果您的博客有很多貢獻者,您將需要一種簡單的方法來瀏覽不同作者的帖子。 通過作者存檔頁面,用戶可以在一個地方找到特定貢獻者的所有文章。

回顧一下,以下是使用 Beaver Themer 創建作者頁面的方法:

  1. 創建作者的用戶配置文件或使用現有的。
  2. 將至少一篇文章與用戶相關聯,以便他們可以在您的頁面上呈現。
  3. 為您的作者存檔頁面創建存檔 Themer 佈局。
  4. 通過添加簡歷和作者圖片並編輯帖子的佈局來自定義您的模板。
  5. 保存您的更改並查看作者頁面。

相關問題

Beaver Themer 是做什麼的?

Beaver Themer 是一個附加插件,使您能夠為您的網站構建自定義動態佈局,包括頁眉、頁腳和 WooCommerce 頁面。 它使用 Beaver Builder 直觀的拖放式編輯器,並附帶專業設計的模板庫。

我需要 Beaver Builder 頁面構建器才能使用 Beaver Themer 嗎?

您需要在您的網站上安裝並激活 Beaver Builder 插件才能使用 Beaver Themer。 使用這兩個工具,您將能夠為檔案、帖子、WooCommerce 產品、404 頁面等創建佈局。