WordPress 网站设计包括栏目的设计和网站的布局设计，这两大块是组成网站的重要元素。因此本文谈谈西安 WordPress 建网站中，栏目和布局设计中要注意的事项。
安排网站栏目注意以下方面：
1．一定记住要紧扣您的主题。一般的做法是：
·将您的主题按一定的方法分类并将它们作为网站的主栏目。
·主题栏目个数在总栏目中要占绝对优势，这样的网站显得专业，主题突出，容易给人留下深刻印象。
2．设一个最近更新或网站指南栏目
3．设置一个可以双向交流的栏目（如 BBS 、留言本、邮件列表）
4. 设一个下载或常见问题回答栏目（投票、下载栏目）
总结以上划分栏目需要注意的是：
1．尽可能删除与主题无关的栏目
2．尽可能将网站最有价值的内容列在栏目上
3．尽可能方便访问者的浏览和查询
动手设计网页的第一步就是设计版面的布局。
布局是一个设计的概念，指的是在一个限定的面积范围内合理安排、布置影像、文字的位置，把文章、信息按照轻重缓急的秩序陈列出来的同时，将页面装饰美化起来。
版面布局的步骤：
1 、创意草案
草案的形成决定著将来网页的基本面貌，它类似一个设计创意。它往往来自于一些现有设计作品、图形影像素材的组合、改造、加工。其思维方式有两种：借鉴模仿和逆向重组。吸取成功作品中的一些视觉元素及其组合方式，加入自己的新元素形成新的组合（有些素材是本身规定了的），这种借鉴模仿可以比较顺利产生网页的方案雏形。
逆向重组是利用反向思维来完成设计和创作的，把现有作品的视觉元素的性质加以改变、重组，与自己的素材结合而产生新的设计作品。
2 、粗略布局
在草案的基础上，将您确定需要放置的功能模块安排到页面上。必须遵循突出重点、平衡协调的原则，将网站标志、主选单、商品目录等最重要的模块放在最显眼、最突出的位置，然后再考虑次要模块的排放。
3 、最后定案
将粗略布局精细化、具体化。在布局过程中，我们可以遵循的原则有：
1) 平衡：指画面的影像文字的视觉分量在左右、上下几个方位基本相等，分布匀称，能达到安定、平静的效果。
2) 呼应：在不平衡的布局中的补救措施，使一种元素同时出现在不同的地方，形成相互的联络。
3) 对比：所谓对比，就是利用不同的色彩、线条等视觉元素相互并置对比，造成画面的多种变化，达到丰富视觉的效果。
4) 疏密：在 WooCommerce 独立站网页设计中就是空白的处理运用，太满、太密、太平均是任何版式设计的大忌，适当的疏密搭配可以使画面产生节奏感。体现出网站的格调和品位。