切換菜單

如何在 WordPress 上建立員工目錄 – 您的第一個 Beaver 主題項目

已發表: 2018-03-23

Beaver Builder 產品 25% 折扣!快點促銷結束...精益更多!

dynamic-staff-directory
  • 海狸主題

如何在 WordPress 上建立員工目錄 – 您的第一個 Beaver 主題項目

我最喜歡的網頁設計播客之一是 ShopTalk 節目。經常出現的一個問題是:“學習網頁設計的最佳方法是什麼?”答案總是選擇一個你感興趣的主題並開始建立一些東西。實踐學習是無可取代的。在這篇文章中,Hashim 介紹了使用 Beaver Themer 和 Page Builder 建立員工目錄的過程。對於任何想要了解如何使用 Beaver Themer 的人來說,這是一個很棒的入門專案!

Beaver Themer 物有所值嗎?

我首先購買了該插件來控制頁首和頁尾。直到後來我才開始嘗試「主題部分」和條件設定。之後,我對使用 Beaver Themer 建立高級網站的可能性感到震驚。我成為 Beaver Builders Facebook 群組中的怪人,認為該工具價格過低且被低估。

那麼,您如何親自掌握 Themer 的功能呢?了解 Beaver Themer 全部功能的最佳方法是建立一個小專案來測試該外掛程式的效能。

透過在一個測試專案中體驗 Beaver Themer 的大部分功能,您可以開始了解如何將工具合併到您的工作流程中。之後,您將充滿信心地處理更複雜的網站,因為您知道您可以使用 Beaver Themer 等無程式碼工具。

你是遊戲嗎?如果是,則啟動 Wordpress,然後按照下列步驟操作。

#1.選擇相容的主題

許多流行的、編碼良好的主題都可以與 Beaver Themer 配合使用。您可以在這裡找到其中一些的清單。

您依賴主題提供的大多數功能(例如可自訂的頁首和頁尾)都可以使用 Beaver Themer 來實現。因此,不必為選擇主題而煩惱。選擇清單中第一個你覺得不錯的,就可以了。

2.選擇自訂貼文類型/欄位產生器

當您僅在 Wordpress 開箱即用的「貼文」和「頁面」欄位上使用 Beaver Themer 的欄位連線功能時,它的欄位連線功能非常強大。但當你將它與自訂帖子類型插件一起使用時,事情真的變得瘋狂。

自訂貼文類型將 Wordpress 從部落格工具轉變為 CMS。它們是超越部落格和小冊子網站的高級 WordPress 專案的構建塊。

最適合 Themer 的三個插件選項是高級自訂欄位、工具集和 Pod。我個人最喜歡的是 Toolset,但老實說,這三個工具都可以完成工作。

3. 可選:選擇一個分機

如果 Beaver 沒有您想要的開箱即用模組,請考慮使用第三方擴充功能。

我最常用的一些擴充功能在 Wordpress 外掛目錄中是免費的。例如,我是令人驚嘆的 Beaver Cards 外掛程式的重度用戶。

現在您已經選擇了堆疊,讓我們建立您的第一個專案!

您的第一個海狸主題專案:動態員工目錄

員工目錄是客戶的常見請求。透過使用 Beaver Themer,您可以透過為客戶的員工目錄添加動態的上下文內容和佈局來真正給客戶留下深刻的印象。

員工目錄也是一個很好的項目,可以用來熟悉 Beaver Themer 的所有功能。如果您按照以下步驟操作,您將在一個下午內成為 Beaver Themer 專業人士。

建立一個簡單的員工目錄

  1. 安裝 Beaver Builder、Beaver Themer、相容主題、自訂貼文類型外掛程式。要完成此項目,可以選擇使用 Beaver Builder 擴充。
  2. 使用為您的員工檔案建立自訂貼文類型。如果這是您第一次使用以下教學之一:ACF 教學/Pods 教學/工具集教學
  3. 建立自訂欄位:
    1. “生物”
    2. “姓名”
    3. “職稱”
    4. 不要為「爆頭照片」建立一個欄位。為此,請使用內建的特色圖像欄位。
  4. 建立 7 人的員工檔案。
  5. 將其中 3 個帖子標記為“執行團隊”,將其中兩個帖子標記為“銷售團隊”

現在您已經有了一個簡單目錄的骨架。任何客戶都會很樂意向您的代理商支付費用,以便將其放在他們的網站上。

現在,讓我們讓您的客戶大吃一驚,並使用 Beaver Themer 來增強此目錄。

建立動態員工目錄

首先,使用 Beaver Themer 為個人員工檔案和員工目錄存檔建立範本。請參閱此處的說明。

接下來,使用欄位連接從自訂欄位中提取內容並對其進行佈局。

現在,請慶幸自己吧——在設計兩個單獨頁面的時間裡,您已經創建了兩個主題模板,這些模板將在 8 個現有頁面以及未來任意數量的頁面中使用!

好的,現在使用 Beaver Themer 為「領導力」類別的檔案建立一個範本。

在此範本上,使三位高階主管的照片看起來與您在主存檔頁面上設計的不同。也許照片應該更大,或者標題應該採用不同的字體。考慮將主檔案設計為僅顯示照片和鏈接,而執行檔案則顯示完整的簡歷。瘋狂吧—按照您認為合適的方式設計。

最後,使用 Beaver Themer 建立「銷售」類別的主題部分。

在銷售人員頁面上,在標題下方建立一行,宣佈公司正在招募更多銷售人員。

瞧!您的客戶現在擁有一個美觀、動態、易於更新的員工名錄。您使用 Beaver Themer 建立了它 - 不需要任何一行自訂程式碼。

在此過程中,您學習如何為單一貼文和檔案建立模板,以及如何為目標頁面新增動態行。

下次當您收到客戶的一組要求或為自己構思網站創意時,請考慮如何將計劃轉變為一組由 Beaver Themer 提供支援的自訂貼文類型和動態主題模板。

問題 – 你的 Beaver 主題堆疊

如果您有使用 Beaver Themer 的經驗,請分享 – 您使用什麼來建立網站?您喜歡的主題、自訂貼文類型外掛程式和 Beaver Builder 附加元件是什麼?

關於哈希姆·沃倫

Hashim Warren 是北卡羅來納州格林斯博羅的行銷策略師。他幫助住宅建築商在 Hook & Target 找到更多、更大的工作。

8 則評論

  1. 標記於 2018 年 3 月 28 日凌晨 3:45

    影片或示範網站確實會使本教學成為一個很棒的教學 - 不過感謝您所做的出色工作



  2. 湯姆阮 (Tom Nguyen)於 2018 年 5 月 1 日晚上 8:35

    我同意馬克的建議。



  3. 四月威爾2018 年 5 月 17 日下午 5:09

    我同意湯姆的評論。



  4. 辛蒂·威科夫2018 年 6 月 30 日晚上 9:34

    我也同意。我想看看完成的項目應該是什麼樣子。



  5. 格里金2018 年 11 月 12 日凌晨 4:11

    嗨哈希姆,很好的教程,謝謝。這個過程可以用來建立一個企業目錄,訪客可以根據郵遞區號標準搜尋企業嗎?包含一張顯示目錄中所有企業位置的地圖有多困難?



  6. 傑夫布朗2019 年 1 月 13 日上午 11:12

    我有興趣為我所在地區的當地藝術組織的企業創建地理目錄……您有相關建議或教程嗎?



    • 羅比·麥卡洛2019 年 1 月 13 日下午 5:44

      好問題。主題肯定能夠幫助設計您的網站。不過,我不熟悉任何地理目錄插件,抱歉!您可以探索使用 Pod 來建立自訂貼文類型。這可能是個很好的起點…



  7. 瑞安2019 年 5 月 8 日晚上 7:46

    謝謝哈希姆,我真的很受啟發。我使用 Ultimate Member 一段時間了,它給我帶來了很多問題。我期待著擴展我的 BB 技能,這對我來說是一個很好的項目。



我們的電子報

我們的時事通訊是親自撰寫的,大約每月發送一次。這一點也不煩人,也不是垃圾郵件。
我們保證。

加入時事通訊

立即嘗試 Beaver Builder

Beaver Builder