
內容簡介
在 Divi Candy 我們認為 Divi 是最好的 WordPress 主題之一。這就是為什麼我們的 Divi 外掛可以擴展 Divi Builder 的功能,使其變得更加強大。
我們的第一個外掛是 Responsive Divi Candy,一個超輕量級的插件,可幫助您在 Divi 中精通行和列的布局。完全與最新版本的 Divi Builder 兼容。
📌 它的工作方式
首先,啟用 WordPress 插件(無需其他配置!)。它會直接集成到 Divi Builder 中。
選擇列數
在 Divi 中,您無法選擇在移動設備或平板電腦上並排放置兩列、三列或四列…但現在您可以直接在 Divi Builder 中選擇在移動設備和平板電腦上並排放置多少列。
打開您的 Divi Builder,編輯一個 Row。轉到行設置中的 Advanced 選項卡。
切換 “CSS ID & Classes” 選項。
現在您將看到兩個新選項,分別是 Tablet 上的列數和 Mobile 上的列數。
現在您可以從下拉列表中選擇在移動設備和平板電腦上要放置多少列。
就是這樣。祝賀您!
設置列的堆疊順序
在 Divi 中,您無法選擇在移動設備或平板電腦上更改列的堆疊順序...但現在您可以直接在 Divi Builder 中選擇在移動設備和平板電腦上哪一列應該是第一列,哪一列應該是第二列。您無需更改設計佈局或在 Divi Builder 中為移動設備或平板電腦複製該佈局。
打開您的 Divi Builder,編輯一個 Row。轉到行設置中的 Advanced 選項卡。
切換 “CSS ID & Classes” 選項。
現在您將看到兩個新選項,分別是 Tablet 上的堆疊順序和 Mobile 上的堆疊順序。您可以選擇僅在平板電腦、僅在移動設備或在兩者上啟用此選項。
之後,轉到行設置中的 Content 選項卡,然後通過點擊齒輪圖標進入第一列設置中。
轉到列設置中的 Advanced 選項卡。
切換 “CSS ID & Classes” 選項。
現在您將看到兩個新選項,分別是 Tablet 上的堆疊順序和 Mobile 上的堆疊順序。
您現在可以從下拉列表中選擇在移動設備和平板電腦上的堆疊順序(從 1 到 6)。
您需要為每個列指定一個順序!
就是這樣。祝賀您!
🍬 Divi Candy
查看 Plugin 網站 以獲取更多信息和文檔。
Divi 的新糖果
我們將為您製作糖果!告訴我們您在 Divi Page Builder 中做不到的事情,我們將試著為您製作新的 Candy。有關更多信息,請訪問我們的網站:Divi Candy。
外掛標籤
開發者團隊
原文外掛簡介
At Divi Candy we think Divi is the best WordPress theme. This is why our divi plugins extend the Divi Builder capabilities to make it even greater.
Our first plugin is Responsive Divi Candy, a super lightweight plugin that helps you master rows & columns layouts with Divi. Fully compatible with the last version of the Divi Builder.
📌 How it works
First, activate the wordpress plugin (no other configuration needed!). It will integrate directly into the Divi Builder.
Choose the number of Columns
With Divi you cannot choose if you want to have two, three or four columns side-by-side on mobile or tablet… Not anymore! You can now choose the number of columns that stack side-by-side on mobile and tablet directly into the Divi Builder.
Open up your Divi Builder and edit a Row. Go to the Advanced tab in the Rows Settings.
Toggle the option “CSS ID & Classes”.
Here you will see two new options called Number of Columns on Tablet and Number of Columns on Mobile.
You can now choose from the dropdown list how many columns do you want to have on mobile and tablet.
That’s all. Congratulations!
Set Column stacking order
With Divi you cannot choose if you want to change the column stacking order on mobile or tablet… Not anymore! You can now choose which column will be the first and which one will be the second on mobile and tablet. No need to change your design layout or duplicate it just for mobile and tablet directly into the Divi Builder.
Open up your Divi Builder and edit a Row. Go to the Advanced tab in the Rows Settings.
Toggle the option “CSS ID & Classes”.
Here you will see two new options called Stacking Order on Tablet and Stacking Order on Mobile. You can choose to activate just for Tablets or Mobiles or both.
After that, go to the Content tab in the Rows Settings, and go inside the first Colums Settings by clicking the gear icon.
Go to the Advanced tab in the Columns Settings.
Toggle the option “CSS ID & Classes”.
Here you will see two new options called Stacking Order on Tablet and Stacking Order on Mobile.
You can now choose from the dropdown list the stacking order (from 1 to 6) on mobile and tablet.
You need to assign an order to EACH column!
That’s all. Congratulations!
🍬 Divi Candy
Check out the Plugin website for more information and documentation.
Divi’s new candies
We will make your candy! Tell us what you can not do with Divi Page Builder and we will try to make a new Candy. For more information check out our website at Divi Candy.
