如何使用Elementor在WordPress中創建一個投資組合頁面

投資組合頁面是在線展示您的作品的最佳方法之一。此頁面不僅對個人，而且對組織和機構都很重要。在此頁面上，任何人都可以突出顯示他們以迷人的方式完成的項目，以便他們吸引更多的客戶和客戶。

在這個現代世界中，擁有投資組合網站已成為一個普遍的規範，無論您是傑出的員工還是在就業市場中更新鮮。這樣，全球客戶可以找到您，與您建立聯繫並提供新項目。因此，它可以為您打開無限的機會。

使用WordPress和Elementor，創建一個投資組合網頁非常容易。因為您只能通過拖放而無需編碼來做到這一點。在本教程帖子中，我們將向您解釋如何使用Elementor在WordPress中創建一個投資組合頁面。開始！

什麼是投資組合網頁？

投資組合網頁是一個專用頁面，您可以在其中顯示您的工作，技能和成就。它的作用像是一個數字展示櫃，使訪客可以看到您可以做什麼以及您過去做了什麼。它可以包括圖像，視頻，案例研究，推薦以及證明您能力的其他內容。

投資組合網站在創意專業人士中很受歡迎，例如設計師，攝影師，作家，開發人員和藝術家。投資組合網站的主要目標是打動潛在的客戶或雇主，並鼓勵他們僱用您或與您合作。

投資組合網站和投資組合網頁之間的差異

許多人在投資組合網站和投資組合網頁之間感到困惑。儘管聽起來很相似，但它們在網上介紹您的作品方面卻有所不同。了解這些差異將有助於您確定在建立在線形象時更適合您的需求。

查看如何使用Elementor在WordPress中創建投資組合網站。

元素投資組合網頁可能具有

如您現在所知，投資組合頁面的內容通常比完整的網站少，它應該專注於清晰顯示您工作的最重要部分。以下是您可以考慮在投資組合網頁上顯示的內容。

1。簡短介紹

簡短的介紹告訴您您是誰以及您從事什麼樣的工作。這可以幫助訪客立即與您聯繫而無需閱讀長長的簡歷。

2。投資組合畫廊

這是顯示您項目的主要部分。使用帶有簡短標題或描述的清晰圖像或視頻。很好地組織您的工作，因此訪客可以輕鬆看到您的最佳技能。了解如何使用Elementor Image Gallery。

3。聯繫信息或按鈕

添加一種簡單的方式供人們與您聯繫，例如電子郵件地址，電話號碼或鏈接到表格或電子郵件的聯繫按鈕。

4。呼籲行動（CTA）

指導訪客下一步該做什麼。無論是僱用您，索取更多詳細信息還是查看更多工作，清晰的CTA都可以幫助訪客變成客戶。

如何在WordPress中使用Elementor創建投資組合頁面：分步指南

請記住，投資組合頁面是網站的一部分。如前所述，可以為任何網站創建投資組合頁面。因此，如果您想設計一個投資組合頁面，您通常可能會感到需要在網站上設計或修改其他頁面。現在，要使用Elementor設計您的投資組合頁面，您將需要以下插件。

• Elementor
• Elementor Pro
• Happyaddons
• Happyaddons Pro

HappyAddons是Elementor插件的著名插件。它帶有130多個其他小部件和數十個強大功能，您可以通過它們克服Elementor插件的局限性並增強網站的設計。兩者一起可以在您的網站上創建無限的可能性。

在您的網站上安裝這些插件並激活這些插件後，開始遵循以下說明的步驟。

步驟01：確定您要在投資組合頁面上顯示的元素

在開始設計之前，重要的是要在投資組合頁面上確定要包含的內容。由於此頁面應該是乾淨和專注的，因此您只需選擇有效突出工作的最重要的元素。我們已經告訴您在頁面中包含什麼。

• 簡要介紹
• 投資組合畫廊
• 聯繫信息或按鈕
• 打電話給行動

步驟02：使用Elementor Canvas打開頁面

現在，使用Elementor Canvas打開頁面。在這裡，您必須拖放元素並添加合適的內容。

注意：我們已經創建了一個帶有主題構建器的標題，該標題出現在頂部。

步驟03：添加簡短描述

根據內容可能需要的寬度為畫布選擇合適的列大小。我們正在選擇單列容器。

為了使容器的設計與標頭保持一致，我們將更改其背景顏色。為此，請點擊容器頂部的六點圖標，轉到“樣式”選項卡，然後單擊“背景部分”下的顏色選項。

現在，為容器選擇顏色。

將所需的顏色應用於容器的背景時，查找並將標題小部件添加到容器中。

該小部件將創建一個空間，您將能夠為頁面編寫標題或標題。做到。

您可以看到我們為“受到我過去的項目的啟發”的頁面寫了一個標題。您可以從“樣式”選項卡中對其尺寸，版式，顏色和許多其他選項進行風格化。

如下圖所示，添加標題小部件下方的文本編輯器小部件。這將允許您編寫簡短的描述。

以同樣的方式，我們在投資組合頁面上添加了描述，並為文本設置了合適的對齊，版式和顏色。

步驟04：在頁面上添加一個按鈕

使用CTA按鈕，您可以推動用戶訪問所需的其他頁面。因此，最好在創建投資組合部分之前添加一個按鈕。

從“內容”選項卡中，您可以為按鈕添加所需的副本。

通過添加填充

按鈕後，我添加了一個簡短的文字，為用戶提供了信任度。

步驟05：創建投資組合部分

現在，是時候創建投資組合部分了，您可以在其中視覺展示您的任務了。為此，首先在第一部分添加一個新容器。

將標籤小部件添加到投資組合部分。該小部件將允許您創建無限的選項卡，然後在每個選項卡中添加合適的小部件，以便您可以單獨顯示所需的任何類型的內容。

＃命名標籤

每個標籤都應該作為類別工作。因此，您必須重命名它們。

要重命名選項卡，請選擇“小部件” ，轉到“內容”選項卡，單擊以打開所需的選項卡，然後為標題下的標籤寫一個名稱。

以同樣的方式，將名稱添加到所有選項卡中。然後，如果需要，單擊+添加選項卡按鈕，您可以在投資組合部分中添加更多選項卡。

＃樣式標籤小部件

現在，從“樣式”選項卡中，您可以在選項卡中添加背景顏色，更改其版式，添加邊框顏色等等。自己進行這些必要的自定義。

步驟06：開始將內容添加到選項卡

就像默認的Elementor帆布一樣，您將在每個選項卡中獲得一個類似的接口，以添加小部件並顯示相應的內容。單擊加號（+）圖標。

為投資組合部分選擇合適的列結構。我們正在選擇3列但六座結構。然後，您可以添加任何能夠顯示所需內容的小部件。

＃顯示投資組合內容

例如，我們將圖像，標題和文本編輯器串行添加到容器中以創建我們的內容佈局。

使用這些小部件，您可以在視覺上顯示投資組合項目，並在需要的情況下隨身攜帶文字內容。

您可以看到我們已將內容添加到容器中。之後，我們為標題和描述設置了顏色。另外，我們還為小部件和容器邊框添加了半徑。希望你能自己做這些。

以同樣的方式，將您的投資組合內容添加到所有容器中。

注意：但是所有這些內容看起來都很混亂，對嗎？這是因為他們之間沒有空間。

＃在投資組合頁面上的容器之間添加空格

要在它們之間添加空間，請選擇“母容器” ，轉到“內容”選項卡，進入差距選項，然後輸入值以在容器之間添加空間。

您可以看到下面附加的圖像中的差異。

步驟07：將內容添加到其他選項卡

並非所有選項卡都需要遵循相同的內容佈局。這不是強制性的。您可以為不同的選項卡創建不同的佈局。

例如，我們將將畫廊小部件添加到第二個選項卡中。使用此小部件，您只能在視覺上顯示投資組合項目。無法顯示文本信息。

您可以看到我們已經在畫廊中添加了圖像。

通過稍微向下滾動“內容”選項卡，您將獲得定制圖像順序，列號，間距，圖庫類型和圖像分辨率的選項。

以同樣的方式，將內容添加到其餘選項卡中。因此，您可以完成創建投資組合部分。

步驟08：在頁面末尾添加表單（可選）

因此，您的投資組合部分已準備就緒。您可以在此處結束頁面，或添加更多元素，例如聯繫表，呼叫的呼籲，或者否則。

您可以看到我們在頁面末尾添加了聯繫表。了解如何在Elementor中創建聯繫頁面。

步驟09：預覽“投資組合”頁面

完成所有操作後，請訪問投資組合頁面以檢查一切是否正常。您可以在標籤窗口小部件下面的簡短視頻剪輯中看到，這意味著主投資組合部分正常工作。希望它也能在您的盡頭運行良好。

因此，您可以在Elementor和HappyAddons插件的幫助下在WordPress網站上創建一個投資組合頁面。

最後一句話！

我們已經在本教程中介紹了基本投資組合頁面的演示。顯然，當您輪到您時，您一定會嘗試創建一個全面且內容豐富的投資組合頁面。但是希望您能夠意識到，僅在博客/教程帖子中介紹所有內容絕非易事。

我們只是想向您介紹工具以及如何使用它們來創建投資組合頁面。我們確定您可以自己做其餘的。但是，如果您需要有關Elementor，HappyAddons和網站設計的任何建議或建議，則可以在下面的評論框中提及。

或者，您可以給我們聊天。我們的支持團隊很快就會與您聯繫。感謝您與我們在一起，直到最後。祝您有美好的一天！