织梦模板排版杂乱影响用户体验 几个优化技巧轻松搞定

先搞定最影响观感的响应式错位问题

很多用织梦做站的朋友，都是捡的好几年前的免费模板吧？是不是打开手机一看，文字挤成一团，侧边栏直接跑到内容下面去了，乱糟糟的像被狗啃过？

核心改法其实调个头部代码就行

你打开织梦模板目录里的head.htm，原来的viewport要么没写，要么写的不对，直接换成这段：

```

```

改完代码记得清掉模板里多余的固定宽度，很多老模板会给body硬写width:1200px，就像给正常人穿童装，怎么可能不勒？只给内容容器加宽度就行，body别瞎限制。

内容区排版得顺着用户阅读习惯改

你有没有遇见过这种模板，为了塞广告把侧边栏放左边，正经内容挤去右边？用户进来第一眼看广告，没两秒就划走了，钱没赚到还把访客赶跑了，亏不亏啊？

我改模板第一件事就是换位置，把内容区放左边，侧边栏挪右边，符合国人从左到右的阅读习惯，看着就顺。

文章正文一定要把行高调去1.6-1.8倍，原来的模板默认行高大多是1，字挨字堆一起，近视眼都要看瞎了，谁愿意往下翻啊？就像你挤地铁，人挨人谁不想赶紧下车，留白够了，用户才留得住。

还有织梦默认那个丑到爆的分页，别就让它挤在角落，改大一点，加够间距，用户想看下一眼就能找到，这不香吗？

列表页的排版坑，90%的人都踩过

很多人做列表页，要么一行堆三四个标题，字挤得看不清，要么整页黑压压一片，连个缝隙都没有，划两下就烦了。

• 给每个列表项加至少15px的上下间距，别舍不得那点空间，松快一点看着真的不累
• 标题和摘要一定要分清楚层级，标题用16-18px加粗，摘要用14px浅灰色，哪块是重点一眼就能看见

要是你加了缩略图，记得把所有图框的大小统一下，别大的大小的小，歪歪扭扭的，就像排队有人乱插队，看着就闹心。

其实说白了，织梦模板排版优化真不是什么高大上的技术活，你就把自己当成普通访客，打开网站逛一圈，哪看着不舒服就改哪，比你瞎折腾那些花里胡哨的特效有用一百倍。排版顺了，用户留得久，搜索引擎也喜欢，这不比啥都强？