了解Elementor中的頁面佈局設置

與Elementor設計時，頁面佈局設置在您的網站設計中起著至關重要的作用。

這些設置使您可以控制頁面的結構，樣式甚至默認設計基礎。
您可能正在創建博客，著陸頁或自定義佈局；在所有情況下，了解這些選項都會幫助您充滿信心。

在本指南中，我們將瀏覽Elementor的特定頁面設置和全局佈局設置，回答有關佈局編輯的常見問題，並幫助您在創建頁面時確定最佳方法。

了解Elementor中的頁面佈局設置

如何在Elementor中編輯頁面佈局？

要在Elementor中編輯頁面佈局，請登錄您的WordPress儀表板並轉到頁面。選擇要自定義的頁面，然後使用Elementor單擊“編輯”。

進入Elementor後，請在中心尋找小型齒輪圖標。單擊此功能將打開頁面設置面板，您將找到調整該特定頁面的常規，樣式和高級設置的選項。

• 一般設置管理標題，特色圖像，評論和頁面佈局。
• 樣式設置控制背景，間距和對齊方式。
• 高級設置允許您添加自定義CSS和動畫。

一般設置

常規標籤是您為頁面設置必需品的地方。這裡的每個選項都會影響您的頁面顯示方式以及其與主題或WordPress環境的交互方式。

1. 標題：描述頁面標題以描述內容的目的。精心挑選的標題提高了遊客的可讀性，並為SEO做出了貢獻。
2. 狀態：選擇您的頁面是草稿（訪問者看不到），已發布（在您的網站上實時）還是私人（僅適用於具有正確權限的登錄用戶）。
3. 摘錄：編寫頁面內容的摘要。這對於搜索引擎片段和在存檔或列表頁面上顯示預覽很有幫助。
4. 特色圖像：設置特色圖像以視覺表示頁面。在社交媒體上共享鏈接或在博客網格和小部件中顯示帖子時，這很方便。
5. 訂單：使用數字在菜單或頁面列表中排列您的頁面序列。首先出現具有較低數字的頁面，可幫助您控制顯示順序。
6. 允許評論：確定訪問者是否可以在頁面上留下評論。這通常是針對博客文章啟用的，但通常用於著陸頁或靜態內容。
7. 隱藏標題：如果要刪除默認頁面標題並以乾淨的畫布開始，請切換此選項。這是
8. 頁面佈局： Elementor為您提供多個頁面佈局選項，以控制內容的出現。每個選項都有不同的目的，具體取決於您要創建的頁麵類型。
   • 默認值：此佈局遵循Elementor面板中的默認頁面模板>>漢堡菜單>>站點設置。它使您的主題定義了設計結構。非常適合您想要在網站上保持一致性的常規頁面或博客。
   • Elementor Canvas：提供一個完全空白的頁面，沒有標頭，頁腳或側邊欄。此選項非常適合無干擾設計，例如著陸頁，即將推出的頁面或銷售頁面。
   • Elementor全寬度：將標題和頁腳遠離主題，但可以刪除側邊欄，從而使主內容延伸到屏幕的完整寬度上。設計沉浸式佈局，英雄部分或全寬滑塊時，是一個不錯的選擇。
   • 主題：使用活動主題中的默認頁面模板。如果您的主題帶有多個模板變化（例如“無側邊欄”或“僅內容欄”），則它們也可能出現在這裡。
   • 頁面沒有標題：刪除頁面標題，同時保持主題結構的其餘部分完整。當您想要乾淨的設計而沒有頂部顯示默認標題時，此選項將很有幫助。

樣式設置

樣式選項卡著眼於頁面的視覺外觀。在這裡，您可以定義構成內容的背景和間距。

1. 背景類型：選擇純色，梯度背景或圖像以設置頁面的心情。精心挑選的背景會產生視覺影響並增強您的品牌。
2. 間距：調整邊距和填充，以控制內容內部和周圍出現多少空間。邊距將元素隔開，而填充物在容器內部創造呼吸空間。

您還可以設置文本對齊，響應式設計設置和間距調整，以確保您的頁面在台式機，平板電腦和手機上看起來都不錯。

進階設定

為了提高靈活性，Elementor包括一個高級選項卡，其選項超出了基礎知識。

1. 自定義CSS：將自己的CSS代碼添加到樣式特定元素中。此處的代碼僅適用於當前頁面，使您可以自由進行獨特的自定義，而不會影響網站的其餘部分。
2. 滾動快照和運動效果：添加動畫或滾動效果以備用額外的視覺吸引力。

高級選項卡是設計師和開發人員可以真正自定義頁面外觀的地方。

全局佈局設置

頁面設置控制單個頁面時，全局佈局設置可讓您為整個站點定義默認值。要訪問全局設置，請在Elementor中打開任何頁面，請單擊左上角的網站設置S圖標，然後選擇佈局。

從這裡，您可以調整：

1. 內容寬度：定義內容的最大寬度。標准設置為1140px，對大多數桌面屏幕都很好。
2. 容器填充：設置容器的默認內間距。您可以在各個側面施加相同的填充物，也可以單獨自定義頂部，底部，左側和右側。
3. 差距：控制容器內部的列和行之間的空間。這有助於保持清潔的對齊和穩定的間距。
4. 頁面標題選擇器：如果您的主題為頁面標題使用唯一的選擇器，請在此處指定。這允許Elementor正確隱藏或樣式頁面標題。
5. 拉伸部分適合：定義在將部分拉伸到全寬度時應使用的HTML TAG Elementor應使用的。最常見的標籤是身體，但有些主題可能會使用其他包裝器。
6. 默認頁面佈局：選擇一個全局默認值，例如Elementor Canvas或Elementor全寬度，而不是依靠每個新頁面的主題設置。

配置首選項後，單擊“保存更改”以在您的網站上應用它們。

Elementor中的默認佈局寬度是多少？

Elementor的默認佈局寬度為1140像素。該寬度被廣泛使用，因為它在桌面屏幕上提供了舒適的閱讀體驗，同時仍然可以很好地適應平板電腦和較小的設備。

如果您的設計需要更窄或更寬的佈局，則可以在站點設置中更改此設置>>佈局。

使用Elementor創建頁面的最佳方法是什麼？

最佳方法取決於您的目標：

• 如果您要構建常規內容頁面或博客，請堅持使用默認佈局，以便您的標題，頁腳和側邊欄保持完整。
• 對於著陸頁或銷售渠道，請使用Elementor Canvas進行無干擾設計。
• 如果您想要寬闊的沉浸式佈局，但仍然需要導航和頁腳元素，請與Elementor完整寬度一起使用。

一個好的做法是首先設置全局默認值，因此所有新頁面都始於您首選的結構。然後，在需要時使用頁面設置面板微調單個頁面。

總結！

Elementor中的頁面佈局設置使您可以控制各個頁面和整個網站。

通過學習如何使用一般，樣式，高級和全球佈局設置，您可以創建看起來專業，易於管理並匹配網站目標的設計。

如果您要構建一個一次性著陸頁，則特定於頁面的設置就足夠了。

但是，如果您在較大的網站上工作，則設置全局默認設置將節省時間並確保所有頁面的設計一致性。

通過這些設置選項，Elementor可以使您靈活地以您設想的方式設計網站。