Divi 5的20個Flexbox標頭（免費下載！）

Flexbox比以往任何時候都更容易創建看起來很乾淨的標題，並且可以很好地適應不同的屏幕尺寸，並且在Divi 5中非常易於自定義。在此免費包裝中，您會發現20個獨特的Flexbox標頭設計，每個設計都使用Divi 5的Flex Layout System構建，以進行精確的對齊和響應式控制。無論您是要使用網站現有的全球樣式還是從現成的設計開始，您都可以在此處找到兩個選項。

預覽和現場演示

讓我們看一下此包中的所有20個Flexbox標頭。此包可以免費下載帖子。

訂閱我們的YouTube頻道

查看現場演示

下載Divi 5的20個Flexbox標頭

免費獲取所有20個Flexbox標頭，包括默認版本和PRESTY版本。每個標頭準備將其導入您的Divi庫，並在主題構建器中使用。只需下載並開始建造即可。

下載文件

免費下載

加入Divi新聞通訊，我們將向您發送終極Divi著陸頁佈局包的副本，以及大量其他驚人和免費的Divi資源，提示和技巧。跟進，您將立即成為Divi大師。如果您已經訂閱，則只需在下面的電子郵件地址中輸入您的電子郵件地址，然後單擊下載即可訪問佈局包。

下載

您已成功訂閱。請檢查您的電子郵件地址以確認您的訂閱並獲取免費的每週Divi佈局包！

包括什麼（42個出口）

下載並解壓縮文件夾後，您會發現所有42個佈局導出整齊地組織為默認版本和prestesty版本，作為單個標題以及完整的“所有標題”包裝。

默認值 - 單個標題（20）→使用您的全局樣式。
默認 - 所有標題（1）→使用您的全局樣式完整包。

PRESTION - 單個標題（20）→包括即時，現成的外觀的內聯樣式。
prestestion-所有標題（1）→全面施加了完整包裝。

如何安裝佈局

保持下載文件夾封閉，以開始將其導入到Divi網站。

1。將佈局導入到Divi庫中

轉到Divi→Divi庫。

到達那里後，單擊導入和導出按鈕以安裝文件。

查找Flexbox標頭佈局（ALL）文件，然後單擊以導入它。

2。創建一個新的標題模板

轉到Divi→主題構建器。

創建一個新的標題模板或打開現有的模板。

3。上傳標題佈局

一旦您進入標頭區域，就可以使用Divi庫選擇所選的標題佈局。單擊主題構建器左上角的“添加佈局”按鈕。

選擇保存的佈局。

單擊要添加到主題構建器的標題佈局。

單擊使用此佈局按鈕加載標頭。

確保保存您的新標題和主題構建器更改。

默認vs prestyle：您應該選擇哪個？

當您打開下載文件夾時，您會看到每個標題的兩個版本：**默認**和** PRESTY **。它們以完全相同的方式構建，區別在於它們如何處理樣式。

默認標題從您的全球樣式繼承了外觀。您的品牌顏色，字體和按鈕樣式將自動應用。如果您已經設置了全局樣式，則默認值是將這些標頭添加到網站並立即匹配設計的最快方法。

PRESTION LEADERSER帶有所有樣式烘烤的樣式：顏色，字體和按鈕設計是內聯的。它們看起來完全像開箱即用的預覽。如果您要構建快速演示，測試想法，或者想在屏幕截圖中看到的確切設計而不觸摸變量，這真是太好了。

簡而言之，如果您希望標頭與現有站點樣式無縫融合，請使用默認設置。如果您想要預覽中顯示的現成外觀，請選擇Prosestle。

定制標題

Divi 5的Flexbox佈局系統為您提供了強大的工具來調整佈局，同時保持所有響應速度。這是自定義這些標頭以適合您網站的樣式的方法。

1。調整Flex設置

選擇包含標頭元素的行。在“設計”選項卡中，找到佈局下拉菜單。展開它以顯示Flexbox設置。

在這裡，您可以將佈局方向從行更改為行反向，列或列反向。此功能使您可以更改佈局的方向。

合理的內容設置使您可以控制沿主軸分佈彈性項目的方式 - 佈局方向定義的flex容器的主要方向。它取決於佈局方向，確定水平或垂直物品的間距和對齊。

對齊項目允許您控制在列，行或部分中如何對齊flex項目。它確定瞭如何沿容器內的橫軸相對於彼此相對的位置。您可以選擇開始，中間，結束和伸展。

最後，佈局包裝控制flex容器中的項目是否被強製到一條線上，還是在超過容器的寬度（如果佈局方向設置為列）時將其包裹到多行上。

2。在不同斷點顯示/隱藏元素

Divi 5允許您在特定的斷點處切換各節，行，列或單個模塊的可見性。這對於簡化較小屏幕上的佈局很有用，例如隱藏輔助CTA按鈕或用移動設備替換完整菜單。

例如，您可能需要將社交媒體圖標隱藏在標題中，以節省移動屏幕上的空間。在桌面斷點中，導航到高級選項卡。擴展可見性下拉菜單。接下來，單擊手機和平板電腦斷點以隱藏元素。

使用Divi 5的響應預覽查看標題。在查看電話斷點中的佈局時，將看到隱藏的元素，但要亮了，表明它將隱藏在前端。

3。在必要時添加鏈接

儘管每個標頭佈局都可以開箱即用，但您仍然需要添加鏈接。在此示例中，您將添加到社交媒體關注模塊的鏈接。單擊以展開模塊的設置。在“內容”選項卡中，單擊第一個社交媒體圖標以顯示其設置。

在帳戶鏈接URL字段中擴展鏈接下拉列表，然後將鏈接添加到您的社交媒體帳戶。

在退出主題構建器之前，請務必保存標題。

如果您還沒有這樣做，則需要為您的網站創建菜單。退出視覺構建器並導航到外觀→菜單。在菜單名稱字段中添加名稱。

單擊主菜單複選框，然後單擊創建菜單。

要將頁面添加到菜單中，請單擊“查看所有”選項卡，然後選擇要顯示在菜單中的頁面。單擊添加到菜單以分配它們。

回到主題構建器中，根據需要進行其他更改。例如，如果標題使用循環構建器，則可能需要調整鏈接的順序。

立即使用Divi 5用於構建標題

這20個Flexbox標頭是一種快速加快Divi 5構建的方法，無論您是從已建立的全球樣式工作還是從預先設計的外觀開始。下載它們，將它們放入主題構建器中，然後將它們製成自己。 FlexBox處理對齊方式，以便您可以專注於設計。