电商类网站我一般会用 Shoptimizer 主题或者 WoodMart 主题，现在 WoodMart 使用得会多点。
主要是因为 WoodMart 的预设样式会多点，能适应不同的产品风格，不像 Shoptimizer 主题只提供一种风格。
但我有些很早之前建的网站，大部分使用的都是 Shoptimizer，现在也很难切换了。
这款主题在页面设计上，实在让我忍受不了的一点就是页脚，只是单纯将结构四等分，再把对应的内容填充进去。
真的特别不好看，最基础的层次感都没有，越看越别扭，我也不知道自己是怎么忍到今天的。
所以今天实在有点受不了了，花了快一天时间把这个部分重构了一下。
我的操作逻辑很简单，找一个自己能看得上的案例，然后对照着这个案例用编辑器将其做出来。
首先找案例这块，网上其实有很多这种案例展示类的网站。
比如「footer.design」这个网站，主要就是收集各种类型的页脚展示案例。
但我通篇浏览下来，绝大部分案例做的都特别花哨，效果也非常酷炫，其实挺适配工具类型站点，而非电商类型站点。
况且那些动画效果，单纯使用 Elementor 编辑器的话也很难做得出来。
然后又浏览了一下「Webflow」上面的设计样例参考，依旧是同样的状况，没有找到什么合适的方案。
看的越来越多之后，眼睛也越来越花，就更不知道选择什么样的参考案例。
后面干脆用最简单的方案，从 WoodMart 主题的预设样式里，选择一个自己看得顺眼的经典款，然后对照着将其用编辑器实现出来。
比如上面这张图里的页脚内容，其实算不上多好看，但非常经典，且各个内容区块的宽度比例设置也挺合适，看着明显就更顺眼。
选定了目标，做出来就比较简单了。
直接将各个区块的宽度占比计算出来，然后再套用一下字体字号与配色方案，于是雏形便大体做出来了。
