如何在WordPress中建立員工目錄(包含員工檔案)
更新於2024年4月18日 由編輯部撰寫 | 由Syed Balkhi審核
您是否想在您的WordPress網站上建立員工目錄?多年来,我們幫助無數使用者建立網站,其中一個持續受到歡迎的功能就是員工目錄。不論您經營的是本地商家或是諮詢公司,員工目錄讓潛在客戶和客戶能看到在您品牌背後的面孔。
在本文中,我們將向您展示如何在您的WordPress網站上建立員工目錄。
為什麼要在您的WordPress網站上建立員工目錄?
許多WordPress商業網站都能從添加員工目錄中受益。這是與您的受眾連接並建立信任的一種絕佳方式。
例如,本地商店可以展示其友好的員工,使顧客感到受歡迎。諮詢公司可以突出展示其團隊的資歷,說服潛在客戶其具備完成工作的合適技能。
即使是教育網站也能從員工目錄中受益。想像一下,大學網站包含教授目錄以及他們的聯繫信息和專長領域。這對於試圖找到合適的教職員的學生來說是很大的幫助。
考慮到這些,我們來看看兩種初學者友好的方式來在您的WordPress網站上添加員工目錄。您可以使用下面的快速連結直接跳到您偏好的方法:
方法1:使用SeedProd創建簡單的員工名單(適用於小團隊)
方法2:使用Business Directory插件(適用於大團隊)
方法1:使用SeedProd創建簡單的員工名單(適用於小團隊)
這個方法非常適合只有不超過20位員工的小團隊,並希望創建一個自定義的頁面來展示他們。
步驟1:安裝並啟用SeedProd
在我們開始之前,您需要安裝並啟用SeedProd插件。在本教程中,我們將使用專業版,這將解鎖額外的模板和塊,包括’Team Member’,以便我們的員工目錄。
一次啟用後,導航到SeedProd » 設定在您的WordPress管理和輸入您的SeedProd帳戶中的許可證密鑰。輸入密鑰後,點擊‘驗證密鑰’來啟用專業功能。
步驟2:選擇登陸頁面模板
現在,讓我們創建一個專門用於您的員工目錄的新登陸頁面。前往SeedProd » 登陸頁面並點擊‘添加新登陸頁面’。
SeedProd提供按活動類型組織的各種預設模板,您可以使用屏幕頂部的標籤根據這些類別篩選模板。簡單懸停在模板上以預覽它,並單擊放大鏡圖標以更深入地查看。一旦找到喜歡的模板,點擊勾號圖標來選擇它。
在此示例中,我們將使用‘Wealth Sales Page’模板並將其轉換為員工名單。接下來,為您的登陸頁面命名。SeedProd會自動根據此標題生成URL,但您可以根據喜好自定義它。
當您對頁面名稱和選定的模板感到滿意後,只需點擊‘保存並開始編輯頁面’來開始構建您的員工目錄。
步驟3:設計您的自定義頁面
SeedProd現在將啟動拖放頁面構建界面。您會在右側看到前端模板的即時預覽,並在左側看到塊設置。在這裡,您可以根據需求自定義頁面設計。
在本教程中,我們更改了一些文本使頁面更像員工目錄。我們還刪除了一些塊以便為員工檔案騰出空間。
步驟4:添加並定制團隊成員塊
使用左側塊部分的搜索欄查找’Column’塊來添加員工列表部分。這允許您在一個地方顯示多位員工。只需將該塊拖到您覺得合適的位置。
選擇列佈局,這取決於您要展示多少員工。然後,查找’Team Member’塊,將其拖放到每個列中。
也許一個列不足以展示所有您的團隊成員。如果是這種情況,您可以複製並粘貼它。要這樣做,只需懸停在列塊上直到所有塊周圍出現藍色邊框。然後,在工具欄中點擊‘複製行’按鈕。
SeedProd會自動在原始行下方顯示您複製的行。現在,您可以開始為每個員工添加信息。
讓我們從添加一個圖片開始。為此,點擊一個Тeam Member塊並在塊設置側邊欄選擇‘使用您自己的圖片’。
媒體庫將現在打開。選擇圖片,然後點擊‘選擇’。完成後,您可以自定義更多圖片設置。例如,您可以插入圖片替代文本,自定義寬度,或更改圖片位置(如從頂部轉到左側或右側)。
向下滾動,您可以更改默認名稱,標題的標籤(如從H1轉到段落),以及名稱對齊方式。利用SeedProd,您還可以調整名稱在不同裝置(如手機,桌面或平板)上顯示的方式。
接下來是職位和描述。職位讓您插入員工的職務,而描述則用於插入有關員工的任何重要信息。除了描述該人的職責,您還可能需要提供他們的聯繫方式(如電子郵件地址或公司電話號碼)。像名稱一樣,職位和描述的佈局根據員工目錄頁被查看的位置來調整。
向下移動,您會找到設置來定制團隊成員塊的設計。例如,您可以更改圖片的圓角邊框,並啟用圖片和個人描述之間的分隔線。
如果需要,您可以添加員工的社交媒體信息。默認情況下,SeedProd添加了Facebook和Twitter的社交圖標,但您也可以插入其他與您的業務相關的圖標,如LinkedIn。點擊‘+添加新項目’,這樣您將看到一組設置來自定義社交圖標。
圖標庫將現在打開。搜索您想要的社交平台,點擊‘+’按鈕來使用它。現在,稍微向下滾動來添加社交媒體標題和該人的社交鏈接。您也可以更改圖標的顏色。
此階段,您可以向下滾動設置側邊欄。這裡可以更改所有社交圖標的大小、對齊方式、顏色和形狀。若要進一步自定義團隊成員塊,切換到‘高級’標籤。在這裡,您會找到更多設置來更改塊的設計。例如,您可以自定義填充和邊距,添加陰影效果,啟用CSS動畫,等等。只需重複相同的步驟為其餘的員工檔案添加信息即可。
注意:為確保您的團隊名單看起來一致,我們建議將所有員工檔案圖片尺寸或比例相同。您可以查看我們的逐步指南來了解如何在WordPress中進行基本的圖片編輯。
當您對員工目錄頁的最終外觀感到滿意時,只需點擊‘保存’按鈕保存進度。 最後,要將您的員工目錄頁公開到您的網站,點擊‘發布’按鈕。
這就是全部!現在您的員工目錄使用SeedProd已經上線。以下是在我們的演示網站上的效果:
方法2:使用Business Directory插件(適用於大團隊)
如果您有一個小團隊,方法1可能已經足夠。但對於大團隊來說,在一個頁面上看到數十個檔案對訪客來說可能會令人不知所措。這時一個專門的員工目錄插件就大派用場了。我們將使用Business Directory插件的免費版本。
該插件允許您在您的WordPress網站上創建一個專用的團隊成員目錄,配有搜索欄、篩選器和每個員工的個人檔案頁面。您還可以使用它來創建其他類型的目錄網站。您也可以升級到Business Directory插件的高級版,這將為您提供專業功能,如付費目錄的支付閘道,高級主題,評分/評論等等。
欲了解更多信息,請查看我們的Business Directory插件評論。
步驟1:安裝和設置Business Directory插件
首先,您需要安裝並啟用Business Directory插件。您可以閱讀我們的指南來了解如何安裝WordPress插件。
一次啟用後,前往Directory » 設置並開啟‘表單字段’。在這裡,您會看到預設的字段,稍後您將使用這些字段來插入員工信息,如描述、網站、電話號碼和地址。
這些字段是一個良好的起點,但您可以進一步自定義它們。點擊‘添加新字段’來創建新字段。我們將’字段關聯’保持為預設的’帖子元數據’選項,這意味著該字段將顯示為在塊編輯區域下方的自定義字段。
接下來,為每個字段提供清晰的標籤(如‘LinkedIn檔案’)。對於需要特定數據格式的字段,您可以設置字段驗證器以確保輸入正確的數據格式。例如,選擇電子郵件地址、URL或電話號碼等選項。
在‘字段顯示選項’中,您可以控制字段的顯示位置。例如,您可以選擇是否適用於所有目錄類別或僅特定類別,僅允許管理員編輯,或者字段值是否應在前端隱藏。
一旦完成自定義字段設置,向下滾動,然後點擊‘添加字段’來保存變更。重複此步驟直到您創建完需要的所有員工目錄字段。
在表單字段菜單中,您可以刪除任何不適用於您員工目錄的預設字段。只需將滑鼠懸停在不需要的字段上然後點擊‘刪除’。
步驟2:創建您的員工目錄頁面
您可能會看到一個通知,提示‘Business Directory插件需要一個包含[businessdirectory]短碼的頁面才能正常工作。您可以自己創建該頁面或讓Business Directory為您自動創建。’我們建議點擊‘為我創建所需頁面’來快速設置。默認情況下,插件會創建一個名為‘Business Directory’的頁面,這個名稱對我們正在創建的並不精確。要更改這個頁面,導航到WordPress儀表板中的頁面並找到該目錄頁面,懸停在上面然後點擊‘編輯’。
在塊編輯器中重新命名該頁面為‘員工目錄’或其他更能反映其用途的名字。
步驟3:創建您的員工檔案
現在,讓我們創建單個員工檔案。在Directory » 設置打開‘列表’選項卡並點擊‘添加新列表’開始。在標題部分輸入員工的名字或暱稱。在專用區域添加他們角色和專業的詳細描述,此描述可以更長因為它只會顯示在他們的個人檔案頁面而不是目錄中。
向下滾動‘目錄列表字段/圖片’並使用您早前創建或修改的自定義字段來填寫員工信息。這可能包括聯繫信息或社交媒體鏈接。切換到“圖片”選項卡,在這裡您可以從媒體庫或電腦上傳員工檔案圖片。完成後,導航到設置側邊欄中的‘列表’選項卡,在‘目錄類別’部分勾選‘員工’或您先前創建的類別。還可以根據需要添加額外的標籤。
填寫‘摘錄’部分的簡短而有信息的描述。選擇’免費列表’計劃並點擊‘確定’。當您對一切感到滿意後,點擊‘發布’讓員工檔案上線。
只需重複這些步驟來創建所有團隊成員的檔案。
步驟4:自定義員工列表頁面
預覽員工目錄頁面時,您將看到用於篩選員工列表的搜索表單,下面是清晰有序的團隊成員列表。如果您打開一個員工檔案頁面,您將看到員工信息和包含預設聯絡表單。如果對頁面外觀不滿意並需要自定義,導航至WordPress儀表板中的Directory » 設置並點擊‘列表’。在這裡,您可以更改每頁顯示的列表數量,修改搜索表單設置,禁用評論和/或聯絡表單,調整按鈕等。還可以導航至‘外觀’選項卡更改目錄頁面的按鈕風格和主要顏色。切換到‘圖片’標籤,可以更改員工檔案圖片的顯示方式。
額外提示:使用WPForms收集員工信息
無論您管理的是小團隊還是大團隊,收集員工信息可能是個挑戰。手動通過電子郵件或電子表格收集信息可能很費時。為了簡化這個流程,我們建議使用WPForms。該插件提供了預設的員工目錄表單模板,您可以快速開始使用。該模板已經包含許多相關字段,如姓名、電子郵件地址、電話號碼、部門、角色等。您還可以使用便利的聯絡表單構建器添加更多符合您需求的字段。
欲了解更多有關WPForms的信息,您可以閱讀我們的完整WPForms評論。
我們希望這篇文章能幫助您學會如何在WordPress中製作員工目錄。您也可能想查看我們的指南來了解在WordPress中如何創建一個公司組織結構圖或我們的必需WordPress插件列表以增長您的在線業務。