一、入门指南
首先,我们需要在服务器的后台主界面打开“网站管理”→“域名设置”→选择“基础配置”模板→进入自定义页面。
如果要更换装修模板,可以在“模板库”添加新模板。
- 公告板块
公告板块展示在网站顶部。公告栏的文字编辑框:可修改文案。通常情况下,我们会将活动、通知、优惠和欢迎语放在此处,吸引顾客关注。
配色按钮栏:更换公告栏背景色。
链接栏:填写跳转链接,能让顾客点击公告栏时跳转到对应页面。
- 标题板块
标题板块指公告栏下方的内容位置,包含了网站logo、菜单导航栏和背景色。
配色方案按钮:更改的是背景底色。
Logo图片模块:可以上传网站logo。
自定义logo宽度:调整logo大小。
Logo在较大屏幕上的位置:更换logo和菜单导航排列方式。
菜单:可以更换菜单导航。显示分隔线:指是否显示标题及其下方模块之间的分隔线。
启用粘性标题:让顾客在滑动网站时,能一直看到标题部分。
- 图片横幅板块
图片横幅在网站的版面占据了极大篇幅。这个板块不仅能起到装饰网站的作用,还能将网站的活动信息展示给顾客。
图片模块:用于更换展示图片。
横幅高度调节:调整展示图片的大小。
桌面文本位置:指图片中的文字框在图片上的位置,能够调节成“顶部”、“居中”和“底部”。
如果不需要文本框, 可以取消“在桌面上显示文本框”的选项。
若仅要图片, 则可以点击左侧菜单“T”字文本框按钮后, 在右侧底部点击“删除块”即可删除。
移动布局:专门针对移动端显示效果的调整。在调整前, 点击右上方的电脑图标按钮, 切换成移动版的界面,查看效果。
- 富文板块
富文板块是纯文字模块,由标题、文本和按钮组成。 它同样可以起到装饰、说明和宣传作用。
- 特色产品系列板块
该板块用于展示产品。右侧菜单可以更改给顾客展示的标题、产品系列、展示产品数、图片比等内容。
假如有产品图片大小比例不一致的情况,可通过图片比统一图片大小。
- 拼贴画板块
拼贴画模块也是一个宣传展示模块,它由视频、产品和产品系列组成。
需要注意,视频是通过URL链接,而不是直接上传。
- 视频板块
视频模块和拼贴画模块的差异在于,视频模块仅有一个视频作为展示内容,而拼贴画可以和多个内容组合。
- 多列板块
多列是一个多图文搭配板块,用作产品细节与风格介绍、服务说明以及装饰网页皆可。
在进行编辑时可以通过左侧菜单的“添加列”和右侧底部的“删除块”控制图文框的数量。此外,我们还可以通过右侧菜单调整模块展示的图片、标题、描述文本、链接标签和跳转链接。
- 产品系列列表板块
点击左侧菜单“添加分区”, 我们还能看到更多其他的板块。
我们从产品系列列表继续介绍。
- 带文本的图片板块
带文本的图片模块与多列板块相似但不相同。虽然都是文字和图片的组合模块,但带文本的图片在形式上可调节为左文右图或左图右文,数量上仅允许添加三个模块。
右侧菜单可以调整图片、图片比例、背景配色,桌面布局按钮用于改变文字和图片的左右侧位置。
- 特色产品板块
想要在独立站上特别突出某一个热卖产品,那么特色产品模块就是最佳选择。
- 电子邮件注册信息板块
电子邮件注册信息模块用作收集顾客邮箱,以便后续进行EDM营销。
- 联系表板块
联系表板块是供顾客反馈问题的模块。 模块框架是固定的, 只有标题可进行修改。
- 自定义Liqid板块
若想在模板中使用代码创建自定义功能,自定义Liqid即为代码添加框。
- 页脚板块
页尾部分包括页尾菜单、邮件注册框、社交媒体图标、付款图标等。
- 产品系列页面板块
在装修页面上方切换调整页面, 从“Collection”(产品系列页面)继续介绍。
- 产品系列横幅板块
产品系列横幅只有两个选项可调节。“产品系列描述”指产品系列名称, 如下图中的“Dress”, 可根据实际情况决定它是否需要勾选。而“显示产品系列图片” 需要多一个步骤, 即在第15步中添加宣传图。
上传图片保存后, 再回到装修页面勾选“显示产品系列图片”, 才能看到效果。
- 产品网格板块
产品网格模块主要是控制产品系列页面展示的产品数量、产品图比例以及一些细节的内容信息。
三、购物车与结账页
接下来是“Cart”(购物车)页面。
- 商品板块
商品模块只有一个“是否显示厂商选项”, 可根据实际情况选择。“厂商”会被默认为网站名称。
- 小计板块
小计可以调整的只有是否开启“启用购物车备注”选项。
- 结账页
结账页的调整菜单是结合“模板设置”板块进行的,点击“CHECKOUT”, 展开可调整选项。
Banner:上传Banner后, 将会被展示在Logo及其上方的位置。
Logo:可以上传网站logo, 显示在结账页上方。Position:调整logo的显示位置。
Logosize:调整logo显示的大小。Maincontentarea:针对除Banner和logo外的页面做调整, 可更改背景图、背景色、排版字体和按钮颜色。
以上是搭建服务器网站的全方位指南,希望能帮助大家轻松掌握搭建过程。如有兴趣了解更多相关知识, 欢迎关注我们的网站!