建站更新|更灵活、更智能的拖拽设计体验!
时间:2023-08-06 10:27:01 | 来源:网站运营
时间:2023-08-06 10:27:01 来源:网站运营
建站更新|更灵活、更智能的拖拽设计体验!:来自上线君的友情提示:2021 年已不足 300 天!
今天,你在为自己的理想继续努力着吗?
今天,上线君又带着新功能来啦~
上周,
「上线了sxl.cn」特意整理了 3 个用户案例来展示我们最新的自定义版块。不过也有小伙伴开始犯愁了:使用拖拽式编辑,如果自主设计的功力不够,是不是就没法达到那种效果了?
不用害怕,为了让大家使用到更加智能简单的自主设计体验,我们特地为拖拽式编辑模式推出了
版块高度和宽度设定的功能。
开放范围:网站编辑器该功能现已上线,你可以在拖拽模式中调整各个版块的高度、宽度,以及内容的左右对齐、垂直对齐等布局方式。在保持灵活定制的同时,也为大家降低了操作难度。
接下来,上线君以两组直观的 GIF 动图,为大家展示一下这个功能究竟是干什么的。
版块宽度调整:简单来说,就是大家对于版块内容整体宽度的要求。由于网站需求和审美标准不一致,即便是有拖拽式编辑,大家还是会觉得缺点意思。因此我们针对版块的宽度,做了小、正常、全幅、全屏四种预设布局,供大家自由选择。
对于偏好“两端缩进”的朋友们,版块宽度的部分可以选择“小”或者“正常”,如下图:
**如果你喜欢“满屏体验”的内容布局,**版块宽度的部分可以选择“全幅(默认)”或是全屏,如下图:
来一组 GIF 演示图给大家看看吧!可视化操作就是这么直观!
版块高度调整:版块高度调整就更好理解啦,也就是各版块之间的边距。讲真,上线君在制作「上线了」2020年度报告时,使用的就是拖拽式编辑模式。当时,上线君就发现版块之间的高度无法调整,这对于有强迫症的小伙伴来说,似乎不是很友好。实际上,我们只是留了一手!这次更是一口气为大家预设了 5 种高度布局。小伙伴们再也不用担心版块之间空隙过大或过小而带来的尴尬啦~因为可以自由调节。
如果网站内容关联性高,排版一般会比较紧凑,以确保访客可以连贯地浏览内容。因此,这时候网站的版块边距建议调整到“最小”。举个栗子:
调整前:间距过宽,布局松散,内容脱离感强。调整后:间距紧凑,排版合理,内容关联性强。如果喜欢网站干净清爽,想预留较大的空隙,试试把版块高度调高一些哦!
如此一来,我们的网站排版也有如同公众号排版“内味儿”了。最后来一组 GIF,感受一下版块边距的变化吧!
至于内容位置调整,也是同样的原理,大家可以亲自体验下喔~
欢迎关注我以及公众号上线了(sxl-cn),如果在使用过程中有任何疑问或建议,你可以随时通过公众号后台留言哦!