怎樣使用WordPress建立一個作品集網站

作品集網站是展示任何東西的理想平臺，可能是銷售的產品、已完成的專案、獲得的獎項、激發靈感的照片，或者引以為傲的藝術品，這有助於向目標受眾推銷你的產品、服務和技能，並且還能生成潛在客戶。如果你是一位富有創造力的專業人員（設計師、藝術家、畫家、作家、插畫家等等），則設計良好的網站對於吸引客戶和發展業務尤為重要。

在這篇文章中，我們將逐步介紹使用Total主題構建一個WordPress作品集網站。這個主題包含自定義文章型別，在建立和新增作品集時更加容易，而且，如果你知道如何處理標準文章型別，所有工作將變得更加簡單。

1. 選擇一個虛擬主機

在網路託管方面，有很多知名品牌，如果你不知道如何選擇，請檢視我們推薦的託管解決方案。

如果你剛剛入門，Hostinger、SiteGround、BlueHost都是不錯的選擇，以低廉的價格提供大量資源。但是，如果你希望更輕鬆地運營網站，Kinsta、WP Engine、Flywheel都是專注於WordPress託管的最佳選擇，他們都以合理的價格提供出色功能，並且為你處理好所有事情，讓你無需考慮伺服器的升級、效能、安全等問題。

2. 挑選一個網域

當你註冊好伺服器空間時，還需要購買一個網域。網域對於你的網站是唯一的，你可以從GoDaddy、NameCheap等註冊商那裡獲得，請仔細斟酌每一個可用的名稱，因為後期更改將會非常麻煩。

3. 安裝WordPress

安裝WordPress非常簡單！當你使用虛擬主機時，託管商已經為你提供大量一鍵安裝功能，WordPress也是如此。點選按鈕之後，只需等待幾分鐘，你的網站就能夠準備就緒。

然後，開啟網站並進入登入頁面，輸入在WordPress安裝過程中建立的使用者名稱和密碼，進入管理後臺。在這裡，你可以發揮創意、打造獨一無二的作品集網站。

4. 選擇並激活主題

這一步非常容易，作為示例，我們在ThemeForest上選擇併購買Total主題進行演示，這是世界上最受歡迎的高階主題之一，具有大量功能和選項，可用於部落格、企業、作品集、慈善機構等專案。

憑藉簡單的演示匯入，只需點選幾下按鈕，你就可以得到一個漂亮的作品集網站，就像下面這樣：

購買主題之後，轉到WordPress儀表板，開啟選單外觀→主題，然後點選新增按鈕以上傳並啟用：

Total是一個高階主題，為了解鎖全部功能，你還得輸入啟用碼。轉到選單Theme Panel→Theme License，輸入對應的啟用碼，然後點選Activate your license按鈕即可：

值得注意的是，Total主題預設是最小化安裝，有些附加元件並沒有啟用。接下來，我們安裝主題的核心功能，轉到選單外觀→Install Plugins，點選Total Theme Core單元格的Install連結以解鎖核心功能：

現在，你可以選擇使用Demo Importer匯入任何演示站點，Total主題擁有數量豐富的預設的網站模板，其中包括作品集演示，你可以挑選任何一個模板，然後新增自己的內容：

選擇好心儀的演示之後，按照螢幕上的提示進行安裝，然後啟用所有必要外掛，並匯入示例內容：文章、頁面、分類、選單、小部件等等。

5. 建立作品集專案

當然，你不必匯入任何演示就可以開始，這相當於從頭開始構建網站，Total主題可以幫助你很容易地建立作品集。但在這之前，我們需要建立進入作品集的專案，Total提供2個選項來實現這個目的。

1. 使用自定義文章型別

第一個選擇是使用作品集文章型別，就像建立文章一樣。在WordPress儀表板中，點選Portfolio→Add New選單：

新增作品集專案的標題、標籤、類別和文字內容，Total支援多種內容型別：

• 如果你想顯示單個影像，只需上傳一張特色圖片
• 將多個影像新增到Image Gallery部分，可以建立一個滑塊
• 或者，在Portfolio Item部分，新增一個音訊或影片檔案的連結

對於所有這些情況，你可能還希望在Main選項卡下設定頁面佈局（左側邊欄、右側邊欄、無側邊欄），併為你的作品集專案設定一張特色圖片，以便用於作品集網格、輪播和相關文章。專案編輯完成後，點選螢幕右上方的釋出按鈕。

接下來，按照同樣的方法新增更多專案。然後轉到外觀→自定義→Portfolio，自定義作品集歸檔（主要、類別、標籤）和單個專案頁面，在這裡，你可以選擇側邊欄佈局、動態模板，並啟用各種頁面元素，然後按順序進行拖放：

2. 使用WPBakery Page Builder構建作品集模板

如果你想更多地手工操作，則可以藉助Total的強大功能和WPBakery Page Builder的靈活選項成為一名設計師。

WPBakery Page Builder是一個視覺化頁面編輯器，允許你使用拖放操作建立漂亮的網頁佈局。作為終端使用者，這意味著你不必知道了解任何編碼知識，並且能夠真正享受網站構建的樂趣。Total免費提供這款外掛，啟用主題後，你應該會看到一個提示，要求在網站上安裝並激活外掛。

從WordPress儀表板訪問以設定外掛，轉到WPBakery Page Builder→Role Manager，然後進行調整。最重要的是為指定文章型別啟用編輯器，按照下圖所示勾選（別忘了點選Save Changes按鈕）：

接下來，與上述選項一樣，點選Portfolio→Add New選單建立一個新專案，輸入名稱，選擇類別和標籤、在Main部分選擇側邊欄佈局、設定特色圖片，然後點選儲存草稿按鈕，現在可以使用編輯器開始構建了！

你可以使用WPBakery Page Builder的Frontend（視覺化）或Backend（塊）編輯器來修改作品集專案，我們更喜歡視覺化的Frontend編輯器，這可以看到頁面元素、自定義顏色、填充/邊距等等。但是，無論你使用哪種方法，只需點選Add Element按鈕即可快速上手：

你將在Element庫中看到所有可用的頁面元素，除了標準的WPBakery Page Builder元素之外，還有很多經過特殊設計的Total專用元素。完成編輯後，儲存作品集專案，然後點選釋出按鈕。

如果要建立大量類似的專案，你甚至可以儲存模板以供重複使用。要將佈局另存為模板，請返回到Backend編輯器，只需開啟WordPress儀表板，轉到Portfolio→Portfolio，然後點選專案列表中的編輯連結：

點選Backend Editor按鈕開啟編輯器：

然後點選Templates按鈕（看起來像一個佈局圖示）：

在彈出的視窗中給模板命名並儲存。要在新專案上使用模板，只需點選Templates圖示並插入已儲存的佈局，或者，你還可以將某個模板設定為特定文章型別中所有新專案的預設模板。為此，請導航至WPBakery Page Builder→General Settings，然後為每種文章型別設定首選模板：

6. 建立作品集頁面

我們已經擁有專案列表，現在需要建立一個作品集頁面將它們顯示出來。轉到頁面→新建頁面，新增標題並儲存，然後點選WPBakery Page Builder按鈕：

接下來，選擇要使用的編輯器之一 —— Backend Editor或Frontend Editor（我們以前者作為示例），這將開啟即時拖放式編輯器，點選藍色的Add Element按鈕新增元素：

我們將使用Portfolio Grid元件來構建作品集頁面，如果你要使用輪播效果，請選擇Portfolio Carousel元件：

你可以調整Portfolio Grid中的各項引數，以便微調作品集頁面的顯示方式，包括影像大小、新增邊框、新增名稱、指定類別、啟用分頁、網格樣式、新增摘要等等：

每當你進行修改時，都可以即時預覽最新的設計外觀，儲存Portfolio Grid中的所有調整後，再點選螢幕右上角的釋出或更新按鈕以儲存頁面，這是我們的作品集頁面在網站上呈現的樣子：

7. 自定義作品集

藉助WordPress的自定義程式，你可以設定麵包屑導航、歸檔佈局、單篇文章樣式、影像裁剪等選項。如果要更改管理圖示、文章型別、分類、標籤或Slug，請轉到WordPress儀表板的Portfolio→Settings頁面：

8. 將作品集新增到選單

將作品集頁面顯示在主選單中是很有意義的，這有助於訪客更快找到你的作品。轉到外觀→選單，先建立一個選單，然後新增作品集頁面，並勾選自動新增新的頂級頁面到此選單和Main/Header，別忘了點選儲存選單按鈕：

現在，作品集將顯示為主頁（以及啟用了主選單的任何其他頁面）上易於訪問的選單項：

如果你希望將作品集頁面設定成主頁，只需轉到設定→閱讀，將主頁顯示設定為靜態頁面，然後選擇作品集即可，非常簡單！

總結

完成網站的作品集功能後，你可能想要繼續前進，並將更多頁面新增到網站中，考慮一下聯絡表格、關於我們、線上服務等頁面，它們非常有用，並且都是作品集網站的必要組成部分。

接下來，建立任意數量的頁面，然後你可以開始為作品集帶來流量、最佳化影像、甚至透過網站獲利。

我想要...

• 在家裡賺錢
• 在網上賺錢
• 在網上賣東西
• 成為一名自由職業者

---