Elementor和OceanWP在WordPress世界中一個強大的二人組合。它們允許您從頭開始構建一個設計精良的網站，只需點擊幾下，我們在如何使用OceanWP構建架構網站進行了演示。如果您尚未建立自己的網站，請務必查看這篇文章。
Elementor是一個功能強大的插件，您可以將它用於各種不同的目的。這包括博客文章和博客存檔頁面。這可以完全改變您用於創建新博客文章的過程的方式，它可以讓您超越使用文本和圖像的簡單方式。
我們來看看如何使用Elementor，Elementor Pro和OceanWP主題構建這些類型的頁面。
目錄
- 如何使用Elementor和OceanWP構建博客文章
- 使用Elementor構建博客文章
- 使用Elementor建設博客
- 在創建博文時的創新用法
- 如何使用Elementor Pro和OceanWP構建博客存檔頁面
- 在WordPress中如何使用Elementor添加分頁
- Ocean Elementor Widgets功能和定價
- 相關文章
如何使用Elementor和OceanWP構建博客文章
Elementor和頁面構建器插件使得構建自定義網頁設計變得非常簡單，而無需知道如何編碼。當然，用戶開始希望使用這些功能來構建美觀，視覺震撼的博客文章。
但是，應該注意的是，在使用頁面構建器插件構建博客文章時需要謹慎。這是因爲當您停用插件時，您構建的任何設計都會完全消失。與其他頁面構建器插件一樣，Elementor的後果並不是那麼糟糕。Elementor留下了您的內容，而一些頁面構建器插件在您的站點的前端留下了一堆亂碼。
您可能不需要停用Elementor，但至少應該考慮博客文章的可能性。如果您是新手，您可能需要查看有關構建博客的更基本的教程。您可能不會像博客文章那樣發佈幾乎和頁面一樣多的內容。有些網站有數百篇博文。重新設計所有這些都需要花費大量時間。
使用Elementor構建博客文章
如果您已做出決定並準備開始使用Elementor創建博客文章，請參考以下建議。
- 限制您使用Elementor構建的博客文章的數量 – 您可以通過僅使用插件構建來消除一些風險（如果您選擇離開Elementor，則需要花費時間重新設計的博客文章的數量）特定類型的文章或至少保持您使用Elementor構建的文章數量最少。
- 使用Elementor記錄您構建的文章 – 這樣做可以消除重新設計博客文章所需的時間，因爲您無需查看已發佈的每個文章以查看您的哪些文章使用Elementor來構建。
- 創建每個文章的兩個版本 – 如果您使用Elementor構建博客文章，請考慮在沒有插件的情況下創建該文章的第二個版本並將其歸檔。如果您需要卸載插件，您只需將其複製並粘貼到WordPress編輯器中（或多或少）即可重新設計。
話雖如此，讓我們使用OceanWP與Elementor建立博客文章。
使用Elementor建設博客
將鼠標懸停在管理面板中的文章上，然後像往常一樣點擊添加新內容。爲您的文章命名，並將其另存爲草稿。在打開Elementor編輯器之前，讓我們先談談您可以在後端配置的設置，這要歸功於OceanWP。
向下滾動，直到看到“OceanWP設置”屏幕選項。如果你沒有看到它，請打開它。您可以看到這些選項允許您根據頁面的結構方式更改各種設置，例如文章是否有側邊欄以及它在哪一側，如果是的話。您還可以更改單個文章的頁眉和頁腳選項。
在繼續之前，請花些時間配置您的設置。準備好後，單擊“使用Elementor編輯”。
在創建博文時的創新用法
當您使用頁面構建器插件來構建博客文章時，您將在創造力方面發揮到極致。Elementor中提供的內容模塊將允許您毫不費力地添加各種不同的設計和樣式，其中許多可以合併到文章本身，因此它們不僅僅是“粗糙的”。
Text是使用Elementor處理自定義樣式的簡單方法，特別是使用標題和文本編輯器模塊。如果您閱讀我們在使用Elementor和OceanWP構建網站時發佈的指南，您知道每個模塊都有一個樣式部分。您可以使用此部分的排版設置爲文章添加各種文本樣式。
您可以創建以下不同的內容，而不是在整個文章中看起來相同的文本保存標題。
這是使用頁面構建器插件構建博客文章的一種非常簡單的方法，但我們可以比這更進一步。例如，美食或DIY博客可以使用Counter模塊列出成分或供應品以完成配方或項目。您首先需要單擊“添加新部分”，然後選擇最適合您的配料/供應清單的部分佈局。
評測者可以使用Skillbar模塊列出他們在片段的各個方面的分數，例如電影：
博客作者還可以找到一些有用的附加模塊：
- 圖片
- 視頻
- 按鍵
- 谷歌地圖
- 警報
- 定價表
- 進度條
- 見證
- 圖庫
- 切換
- SoundCloud
如何使用Elementor Pro和OceanWP構建博客存檔頁面
大多數主題使用單一樣式的博客存檔頁面，你肯定會想要改變這種風格。
另一方面，OceanWP則不同。它允許您將Elementor Pro與Ocean Elementor Widgets結合使用，爲博客檔案選擇自己的風格。
說到這一點， 在繼續本節之前，您需要購買Elementor Pro 以及Ocean Elementor Widgets擴展。此擴展程序的單站點許可證每年39美元，但您可以以低價格訪問我們提供的所有擴展程序（包括更多的擴展程序）。Elementor Pro單獨購買，每年49美元。
一般檔案
讓我們從你所有文章的一般檔案開始。首先添加一個新頁面，並將其命名爲“OceanWP博客檔案”，當然，用您的博客名稱替換“OceanWP”。
之後向下滾動到OceanWP設置部分，然後配置您的設置。我建議打開“標題”部分並禁用“顯示標題”設置，以便您可以使用標題模塊的自定義標題。將頁面另存爲草稿，然後單擊“使用Elementor編輯”。
首先向下滾動到Elementor Pro元素並拖動Posts元素。您可以使用“每頁的列數”和“每頁的文章數”設置對此元素進行大量設置，但我們將專注於在此文章中創建一些特定的樣式。讓我們從使用大型版本特色圖像的大型存檔樣式開始。
將“列”設置爲1，“圖像大小”設置爲“全寬”。
您可以在編輯器底部的設置中更改元數據和“繼續閱讀”樣式，例如添加每個文章的作者，將“///”分隔符更改爲“|”或更改顯示的單詞數量每個摘錄。
通過編輯排版和顏色設置來更改內容樣式。您甚至可以通過配置以下設置以列表樣式展示您的最新博客文章：
- 列數：1
- 圖像位置：左
- 圖像尺寸：中等300 x 300
- 圖像寬度：35％
- 摘要長度：50
您可以隨意調整設置，使列表看起來像您想要的那樣。
您還可以在網格佈局中顯示最新的文章。爲此，請將“圖像位置”設置爲“頂部”，然後增加“圖像寬度”設置。
分類歸檔
您還可以顯示特定類別或多個類別的文章。這不會更改真實存檔頁面，如果用戶單擊元數據部分中的類別鏈接，則會訪問該頁面，但您至少可以在菜單和鏈接中使用它。
像以前一樣創建和配置您的頁面，但在您的某個分類之後命名，例如“WordPress插件歸檔”，然後單擊使用Elementor編輯。
在“文章”窗口小部件中，打開“內容”部分中的“查詢”菜單，然後選擇要顯示的分裂。你可以選擇多個。
在WordPress中如何使用Elementor添加分頁
您還可以爲頁面添加分頁，以便用戶可以根據需要單擊以查看更多文章。這就像使用Posts小部件選擇分頁樣式一樣簡單。您可以更改用於上一個/下一個按鈕的文本，例如更新和更舊。
Ocean Elementor Widgets功能和定價
對於單站點許可，官方Ocean Elementor Widgets擴展單獨使用每年39美元。使用官方Core Extensions Bundle（44.50美元/年）購買時可免費使用。使用此捆綁包，您將可以訪問：
- 博客網格
- Skillbar
- 警報信息
- 博客輪播
- 簡訊
- 定價
查看此擴展程序的銷售頁面，查看每個小部件的屏幕截圖。