首先，橙子建站的设计逻辑同样具有共通性，这意味着您只需掌握一个装修模板，就能轻松应对其他风格的个性化网站搭建。
一、主页
我们先在橙子建站后台主界面打开“在线店铺”→“模板”→选泽“清新”模板→进入自定义页面。若需要更换装修模板，可以在“模板库”中添加新模板。
1、首栏
首栏展示在网站顶部。
首栏文字编辑框：可随意修改文案。
一般情况下，我们会将活动、通知、优惠和欢迎语放在此处，吸引顾客关注。
配色按钮栏：更换首栏背景色。
链接栏：填入跳转链接，让顾客点击首栏时能直接进入对应页面。
2、标头
标头位于首栏下方，包含了店铺logo、菜单导航栏和背景色。
配色方案按钮：更改背景底色。
logo图片模块：可以上传店铺logo。
自定义logo宽度：调整logo大小。
logo在较大屏幕上的位置：更换logo和菜单导航排列方式。
菜单：可以更换菜单导航。
显示分隔线：指是否显示标头及其下方模块之间的分隔线。
启用粘性首栏：让顾客在滑动网站时，能一直看到首栏部分。
3、图片横幅
图片横幅在网站的版面占据了极大篇幅，不仅能起到装饰网站的作用，还能将店铺的活动信息展示给顾客。
图片模块：用于更换展示图片。
横幅高度调节：调整展示图片的大小。
桌面文本位置：指图片中的文字框在图片上的位置，能够调节成“顶部”、“居中”和“底部”。
如果不需要文本框，可以取消“在桌面上显示文本框”的选项。
若仅要图片，则可以点击左侧菜单“T”字文本框按钮后，在右侧底部点击“删除块”即可删去。
4、富文本
富文本是纯文字模块，由标题、文本和按钮组成。
它同样可以起到装饰、说明和宣传作用。
5、特色产品系列
该模块用于展示产品，右侧菜单可以更改给顾客展示的标题、产品系列、展示产品数、图片比等内容。
如遇产品图片大小比例不一致的情况，可通过图片比统一图片大小。
6、拼贴画
拼贴画模块也是一个宣传展示模块，它由视频、产品和产品系列组成。
需要注意，视频是通过URL链接，而不是直接上传。
7、视频
视频模块和拼贴画模块的差异在于，视频模块仅有一个视频作为展示内容，而拼贴画则可以与多个内容组合。
8、多列
多列是一个图文搭配模块，用作商品细节与风格介绍、服务说明以及装饰网页等。
进行编辑时可以通过左侧菜单的“添加列”和右侧底部的“删除块”控制图文框的数量。
9、产品系列列表
点击左侧菜单“添加分区”，我们还能看到更多其他的模块。
我们从产品系列列表继续介绍。
10、带文本的图片
这个模块与多列模块相似但不相同，虽然都是文字和图片的组合模块，但带文本的图片在形式上可调节为左文右图或左图右文，数量上仅允许添加三个模块。
右侧菜单可以调整图片、图片比例、背景配色。
11、特色产品
想要在店铺中特别突出某一个热卖产品，那么特色产品模块就是最佳选择。
它的作用相当于将产品详情页展示在店铺主页，以最直接的方式呈现给顾客。
12、电子邮件注册信息
从模块名字不难看出，它是用作收集顾客邮箱，以便后续进行EDM营销。
模块中的标题和文本皆可自由编辑。
13、联系表
联系表是供顾客反馈问题的模块，模块框架是固定的，只有标题可进行修改。
14、自定义代码
若想在模板中使用代码创建自定义功能，自定义代码即为代码添加框。
15、页脚
页脚部分包括页尾菜单、邮件注册框、社交媒体图标等。
二、产品系列页
在装修页面上方切换调整页面，从“Collection”（产品系列页）继续介绍。
1、产品系列横幅
“产品系列描述”指产品系列名称，可根据实际情况决定它是否需要勾选。
而“显视产品系列图片”还需要多一个步骤，即在产品系列中上传比例为16：9的宣传图。
2、产品网格
主要控制产品系列页展示的产品数量、产品图比例以及一些细节的内容信息。
三、购物车
介绍完毕了“Collection”，接下来是“Cart”（购物车）页面。
1、商品
商品模块只有一个“是否显视厂商选项”，此处可根据实际情况选泽。
2、小计
可调整的只有是否开启“启用购物车备注”选项。
四、结账页
结账页的调整菜单是结合“模板设置”板块进行的，点击“CHECKOUT”，展开可调整选项。
Banner：上传Banner后，将会被展示在logo及其上方的位置。
Logo：可上传店铺logo，显示在结账页上方。
Position：调整logo的展示位置。
Logo Size：调整logo显示的大小。
Main Content Area：针对除Banner和logo外的页面做调整，可更改背景图、背景色、排版字体和按钮颜色。