為了創建具有復雜結構的高級布局,嵌套內行是必備的特性。SP頁面構建器3不能剝奪您這個令人敬畏的功能。通過SP Page Builder 3嵌套行選項,您可以輕松地在web頁面上創建一個復雜的布局。
有時,由于項目的特定性質,默認的布局是不夠的。你需要更靈活的東西。嵌套的內行和自定義列布局是SP Page Builder的優秀內置功能,讓您輕松地獲得這些功能。
今天,我們將了解如何使用SP頁面構建器前端編輯器來添加帶有自定義列結構的嵌套內部行。
添加新行
您可以在前端以兩種方式添加行。如果您沒有在頁面中添加任何元素,您將獲得一個選項,可以立即添加第一行。要添加父行,請單擊“Add New Row”按鈕。

或者,在每一行之后都有一個加號(+)按鈕來添加另一行。

在單擊Add new row按鈕或加號按鈕添加new row之后,將打開一個新的彈出窗口,以添加該行的列結構。
所有關于柱結構
SP Page Builder 3的柱狀結構遵循引導的網格系統。在引導程序中,整個列被劃分為12個網格。

這就是為什么,為了得到3列,你必須把整個網格分成3份,這是4 4 4。這意味著每一列都有四個網格。網格值4+4+4=12。所以,無論你選擇什么列結構,總網格值的總和必須是12。

用同樣的方法得到兩列你必須把網格分成兩部分,這是6 6。

現在,為了添加一個復雜的行列結構,您需要生成您想要的布局。根據引導網格系統,您必須根據您的需求創建列結構,確保網格值的總和保持為12。
三個列:4 + 4 + 4

更復雜的
現在我們將走向復雜的東西。如果你想要兩行,第一行有一列,第二行有三列。輸入將會是12+4+4+4。SP頁構建器將生成兩行。第一個輸入12完成了12個網格,因此它將容納4+4+4輸入到第二行。

生成柱結構
要添加列結構,請將所需的網格組合插入指定的字段并單擊generate。您的列結構將被生成。

添加嵌套的行
在添加欄目結構之后,您將可以選擇在添加的欄目中添加內部嵌套行。要添加嵌套內行,請單擊addon編輯器中的“父列”圖標。

然后下拉菜單將打開。現在選擇“添加內行”來添加嵌套內行
你的內行現在被添加了。

從后端
您還可以從后端編輯器中添加嵌套行,程序如下。
添加一行
要添加嵌套的內層行,首先必須添加父行。在每一行的底部,您可以找到“Add New Row”按鈕。若要添加父行,請單擊“Add New Row”按鈕。
或者在創建新頁面之后,您將可以選擇添加新行。

生成柱結構
要生成一個復雜的列結構,請單擊“添加/管理列”,在每一行的右上角都可以選擇。插入所需的列結構并單擊generate。

添加嵌套的行
在每一列中,右上角都有一個名為“列選項”的圖標。
單擊列選項并從下拉列表中選擇“添加New Row”。

下面是您添加的嵌套內部行將會是什么樣子。

因此,這就是如何使用SP頁面構建器嵌套行特性來創建定制布局。您可以生成無限制的嵌套行,并創建您想要的布局。我們相信這篇文章將幫助您開發定制的布局。





