建站更新｜更靈活、更智能的拖拽設(shè)計(jì)體驗(yàn)！

時(shí)間：2023-08-06 10:27:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-08-06 10:27:01 來源：網(wǎng)站運(yùn)營

建站更新｜更靈活、更智能的拖拽設(shè)計(jì)體驗(yàn)！：來自上線君的友情提示：2021 年已不足 300 天！

今天，你在為自己的理想繼續(xù)努力著嗎？

今天，上線君又帶著新功能來啦~

上周，「上線了sxl.cn」特意整理了 3 個(gè)用戶案例來展示我們最新的自定義版塊。不過也有小伙伴開始犯愁了：使用拖拽式編輯，如果自主設(shè)計(jì)的功力不夠，是不是就沒法達(dá)到那種效果了？

不用害怕，為了讓大家使用到更加智能簡單的自主設(shè)計(jì)體驗(yàn)，我們特地為拖拽式編輯模式推出了版塊高度和寬度設(shè)定的功能。

開放范圍：網(wǎng)站編輯器







該功能現(xiàn)已上線，你可以在拖拽模式中調(diào)整各個(gè)版塊的高度、寬度，以及內(nèi)容的左右對(duì)齊、垂直對(duì)齊等布局方式。在保持靈活定制的同時(shí)，也為大家降低了操作難度。

接下來，上線君以兩組直觀的 GIF 動(dòng)圖，為大家展示一下這個(gè)功能究竟是干什么的。

版塊寬度調(diào)整：

簡單來說，就是大家對(duì)于版塊內(nèi)容整體寬度的要求。由于網(wǎng)站需求和審美標(biāo)準(zhǔn)不一致，即便是有拖拽式編輯，大家還是會(huì)覺得缺點(diǎn)意思。因此我們針對(duì)版塊的寬度，做了小、正常、全幅、全屏四種預(yù)設(shè)布局，供大家自由選擇。

對(duì)于偏好“兩端縮進(jìn)”的朋友們，版塊寬度的部分可以選擇“小”或者“正?！保缦聢D：




**如果你喜歡“滿屏體驗(yàn)”的內(nèi)容布局，**版塊寬度的部分可以選擇“全幅（默認(rèn)）”或是全屏，如下圖：




來一組 GIF 演示圖給大家看看吧！可視化操作就是這么直觀！




版塊高度調(diào)整：

版塊高度調(diào)整就更好理解啦，也就是各版塊之間的邊距。講真，上線君在制作「上線了」2020年度報(bào)告時(shí)，使用的就是拖拽式編輯模式。當(dāng)時(shí)，上線君就發(fā)現(xiàn)版塊之間的高度無法調(diào)整，這對(duì)于有強(qiáng)迫癥的小伙伴來說，似乎不是很友好。實(shí)際上，我們只是留了一手！這次更是一口氣為大家預(yù)設(shè)了 5 種高度布局。小伙伴們?cè)僖膊挥脫?dān)心版塊之間空隙過大或過小而帶來的尷尬啦~因?yàn)榭梢宰杂烧{(diào)節(jié)。

如果網(wǎng)站內(nèi)容關(guān)聯(lián)性高，排版一般會(huì)比較緊湊，以確保訪客可以連貫地瀏覽內(nèi)容。因此，這時(shí)候網(wǎng)站的版塊邊距建議調(diào)整到“最小”。舉個(gè)栗子：

調(diào)整前：間距過寬，布局松散，內(nèi)容脫離感強(qiáng)。




調(diào)整后：間距緊湊，排版合理，內(nèi)容關(guān)聯(lián)性強(qiáng)。




如果喜歡網(wǎng)站干凈清爽，想預(yù)留較大的空隙，試試把版塊高度調(diào)高一些哦！

如此一來，我們的網(wǎng)站排版也有如同公眾號(hào)排版“內(nèi)味兒”了。最后來一組 GIF，感受一下版塊邊距的變化吧！




至于內(nèi)容位置調(diào)整，也是同樣的原理，大家可以親自體驗(yàn)下喔~

歡迎關(guān)注我以及公眾號(hào)上線了（sxl-cn)，如果在使用過程中有任何疑問或建議，你可以隨時(shí)通過公眾號(hào)后臺(tái)留言哦！