示例二：创建多终端独立版站点

准备工作

在使用云速建站前，您需要完成以下准备工作。

• 已注册华为帐号，开通华为云并完成实名认证。
• 已从华为云或者第三方购买域名，并完成域名实名认证。

开通站点

制作网站前，您需要先注册华为云帐号，并完成实名制认证。先购买网站站点，并为此站点购买模板（可选）、安装模板，构造出一个网站的框架。

购买站点

购买站点相当于给网站购买相应的云空间和流量，云空间用于存放您制作网站时上传的图片和文章，流量用于控制网站能承受多少客户访问。

购买模板（可选）

付费模板是由设计师精心设计的网页呈现效果，购买精美模板可以减少您对于网站样式的设计和开发。

1. 在云速建站控制台，选择购买站点时创建的站点，单击“购买模板”。
   图1 购买模板
   
2. 根据行业、色系、站点、功能筛选出合适的模板，记录待购买模板的编号，并在待购买的模板右下角，单击“立即购买”。
   图2 选择模板
   
3. 进入订单确认界面，确认无误后完成支付。
   

   • 已购买的模板需要在“站点编辑”中安装后，才能在网站中显示。具体安装步骤，请参见安装模板。
   • 付费模板属于一次性计费商品，购买后因涉及到设计师版权问题，不支持退换。
   • 付费模板与网站一对一绑定，此模版无法安装在您名下的其他网站上。在网站有效期内，模版一直有效，且可无限次安装使用。

安装模板

模板购买后不是立即生效，需要您安装模板后，才能在网站页面查看到模板的呈现效果。

1. 在云速建站控制台，选择购买站点时创建的站点，单击“网站设计”。
   图3 云速建站多终端独立版网站设计
   
2. 在管理后台界面，单击“站点编辑”。
   图4 站点编辑
   
3. 在管理后台界面，选择“模板”，弹出模板对话框。在“模板编号”中输入购买模板时记录的模板编号，单击“搜索”。在搜索出的模板右下角，单击“安装”。
   图5 安装模板
   
4. 在弹出的“安装模板”对话框中，单击“确定”。弹出确认安装此模板对话框，单击“确定”。模板安装成功后，弹出安装成功对话框。
   图6 安装模板对话框
   

设置网站后台

网站开通后，您需要为您的网站增加内容，比如商品信息、支付方式等，本节主要指导您完成录入商品信息、设置配送方式和对接微信、支付宝等支付方式。

1. 在云速建站控制台，单击“网站设计”。
   图7 云速建站多终端独立版网站设计
   
2. 添加产品分类。
   1. 在“管理后台”界面，选择“产品>管理分类”，删除网站自带的分类信息，单击“保存更改”。
   2. 选择“产品>管理分类>添加一级分类”，输入分类名称，单击“保存”。
      图8 添加一级分类
      
3. 添加产品。
   1. 在“管理后台”界面，选择“产品>产品管理”，删除网站自带的产品信息。
   2. 选择“产品>添加产品”，添加产品信息，具体请参见添加产品。
      图9 添加产品
      
   3. 产品添加完成后，在“产品>产品管理”中，查看已增加的产品，并对产品进行排序。
      图10 产品管理
      
4. 设置配送方式。
   1. 在“电子商务设置>交易设置”中，开启“交易开关”，设置交易币种，单击“保存”。
      交易设置中其他参数的设置，请参见交易设置帮助文档。

      图11 交易设置
      
   2. 在“电子商务设置>物流公司”中，单击“添加物流公司”，弹出设置物流公司对话框。
      图12 添加物流公司
      
   3. 设置物流公司名称、申请网址和顺序，单击“确定”。
      图13 设置物流信息
      
   4. 在“电子商务设置>配送设置”中，单击“添加配送方式”，弹出设置配送方式对话框。
      图14 配送设置
      
   5. 设置买20元包邮。如果需要设置不同地区快递费用不同，请参见添加不同省份不同物流费用的配送方式。
      图15 设置配送信息
      
5. 设置发货地址。
   1. 在“电子商务设置>发货地址”中，单击“添加发货地址”，弹出设置发货地址对话框。
      图16 添加发货地址
      
   2. 按照实际情况填写发货地址，单击“确定”。
6. 对接支付系统。

   云速建站支持多种支付方式，有京东支付、手机支付宝-境外币种支付、手机银联支付、手机快钱支付、支付宝-境外币种支付、微信扫码支付、支付宝-网银支付、手机支付宝、微信支付、货到付款、Paypal、支付宝、快钱、财付通、网银在线、银联在线。

   • 对接支付宝
   • 对接微信支付
   • 对接其他支付

设置网站前台（PC版网站编辑）

1. 在管理后台界面，单击“站点编辑”。
   图17 站点编辑
   
2. 设置地址栏网站的名称、网站地址栏图标和网站宽度。
   1. 选择“设置>网站设置”，弹出“网站设置”对话框。
      图18 网站设置
      
   2. 输入地址栏网站的名称、上传网站地址栏图标和设置网站的宽度，单击“保存”。
      网站设置的其他参数设置，请参见网站设置。

      图19 设置网站信息
      

      对应网站的效果如下：

      图20 站点地址栏图标和站点名称
      
3. 设置底版内容。

   底版内容为每个页面都会出现的内容，比如网站logo、导航栏等。在其他页面直接使用底版内容，无需重新制作，节省网站制作时间。底版其他设置，请参见底版设计。

   1. 单击“首页”。
      图21 首页
      
   2. 选择“底版管理>home”。
      图22 底版管理
      
   3. 设置底版内容，比如网站名称、页脚。
      图23 修改前的底版内容
      
      图24 修改后的底版内容
      
   4. 按“Ctrl”+“S”，保存页面的修改。
4. 设置导航栏。
   导航栏的其他设置，请参见导航栏的添加和管理。

   1. 单击“首页”。
      图25 首页
      
   2. 单击“页面管理”，查看导航栏信息，删除不需要的信息。
      图26 编辑导航栏信息
      
   3. 按“Ctrl”+“S”，保存页面的修改。
5. 设置页面内容。以替换“首页”的图为例。页面中灰色部分为底版中的内容，需要在底版中编辑。
   页面的其他设置，请参见页面中添加图片模块并编辑和页面中编辑文字。

   1. 单击“页面管理”，选择需要编辑的页面。
      图27 选择需要编辑的页面
      
   2. 单击待编辑的图，选择“属性”。
      图28 选择属性
      
   3. 在弹出的“图片设置”对话框中，单击“更换图片”。
      图29 图片设置
      
   4. 在弹出的“选择图片”对话框中，单击“上传文件”。图片上传成功后，单击“选择使用”。
      图30 选择图片
      
   5. 选择“缩放模式”，调整图片的大小。
      图31 调整图片大小
      
   6. 页面编辑完成后，按“Ctrl”+“S”，保存页面的修改。
6. 展示设置网站后台添加的产品。
   1. 选择“页面管理>创建新页面”，创建产品详情页模板，此页面用来放置您在录入产品数据时添加的详细信息。设置页面名称、页面地址、选择底版和导航栏显示，单击“保存”。
      图32 创建产品详情页模板
      
   2. 单击“插件”，弹出“我的插件”对话框。拖拽“产品”到页面中，弹出“选择产品类型”对话框。选择“产品详情”，单击“确定”。
      图33 添加产品详情
      
   3. 选择“样式设置”，根据需要设置样式，并将产品详情模块拖动到适合的大小。
      样式设置的详细参数说明，请参见产品详情样式设置详细介绍。

      图34 设置样式
      
   4. 按“Ctrl”+“S”，保存页面的修改。
   5. 选择“页面管理>创建新页面”，创建产品列表页模板。设置页面名称、页面地址、选择底版和导航栏显示，单击“保存”。
      图35 创建产品列表页模板
      
   6. 单击“插件”，弹出“我的插件”对话框。拖拽“产品”到页面中，弹出“选择产品类型”对话框。选择“产品列表”，单击“确定”。
      图36 添加产品列表
      
   7. 单击“样式设置”，弹出“样式设置”对话框。选择“参数设置>链接设置”，设置“详情链接指向”到6.a中创建的“产品详情页模板”，设置“更多指向”和“分类链接指向”到6.e中创建的“产品列表页模板”。
      图37 设置链接
      
   8. 按“Ctrl”+“S”，保存页面的修改。
   9. 在“页面管理>待添加产品的页面”所在行，单击“属性”。
      图38 页面属性
      
   10. 在弹出的“页面属性”对话框中，单击“设置链接”，弹出“链接到”对话框。在“产品列表”页签，将“产品列表页”选择为6.e中创建的“产品列表页模板”，单击“选择”，弹出“选择”对话框。根据实际情况选择所需产品分类，单击“确定>确定>保存”。
       图39 设置页面链接
       
7. 设置站内搜索插件。
   站内搜索插件的其他设置，请参见站内搜索添加设置。

   1. 在待增加搜索插件的页面，单击“插件”，弹出“我的插件”对话框。
      图40 选择插件
      
   2. 拖拽“站内搜索”到页面，弹出“选择站内搜索类型”对话框。选择“搜索框”，单击“确定”。
      图41 插入搜索插件
      
   3. 单击“样式”，弹出“样式”对话框，设置搜索插件的样式。
      图42 设置样式
      
   4. 按“Ctrl”+“S”，保存页面的修改。
8. 增加购物车。
   1. 选择“添加>购物车”，拖拽购物车到页面。
      图43 购物车
      
   2. 单击“购物车样式设置”，弹出“购物车样式设置”对话框。选择购物车样式，关闭对话框。
      图44 购物车样式设置
      
   3. 按“Ctrl”+“S”，保存页面的修改。

制作手机版网站

通过PC版生成手机版时，可能存在部分插件不兼容，建议手动修改。

1. 制作完成PC版网站后，双击，在弹出的对话框中，单击“生成”。
   图45 生成手机版网站
   
2. 转换成功后，单击“保存”。

备份网站数据

网站制作过程中建议经常备份网站数据，以便当您需要回退网站数据时，可以返回到备份的时间点。

1. 在建站管理后台界面，选择“设置>数据库备份”，弹出“数据库备份”对话框。
   图46 数据库备份
   
2. 单击“创建数据库备份”，弹出确认备份对话框。单击“确定”，备份成功后，弹出“操作成功”对话框。单击“确定”。
   图47 创建数据库备份
   
   图48 确认对话框
   
   图49 备份成功对话框
   

   备份成功后，在“数据库备份”对话框中显示一条备份记录，您可以单击备份记录所在行的“恢复”，将网站恢复为备份的数据。

   图50 备份记录
   

网站备案

网站备案原则是您的服务器资源在哪里就需要在哪里备案。购买云速建站后，需要在华为云备案。备案操作步骤请参考首次备案流程指导，绑定中国香港站点的域名无需备案。

如果您的域名已经在第三方备案过，需要把此域名绑定到云速建站，请您在华为云使用APP端接入备案。

网站底部添加备案号

1. 登录云速建站控制台，选择已购买的站点，单击“网站设计”，进入云速建站管理后台界面。
   图51 云速建站多终端独立版网站设计
   
2. 单击“站点编辑”，进入站点编辑界面。
   图52 管理后台
   
3. 单击“插件”，在弹出的“我的插件”对话框中，拖拽“备案”插件到网站中，弹出“选择备案类型”对话框。根据实际情况选择备案类型，单击“确定”。
   图53 备案插件
   
4. 单击“样式设置”，弹出“样式设置”对话框。设置备案号、字体和字号等信息，设置完成后，单击“确定”。
   图54 样式设置
   
5. 单击“属性”，弹出“属性”对话框。勾选“页脚元素”，关闭“属性”对话框，将设置好的备案插件拖入页脚中。
   图55 属性
   

域名配置

域名是为了方便记忆而建立的一套地址转换系统，要访问一台互联网上的服务器，必须通过IP地址来实现，域名解析就是将域名重新转换为IP地址的过程。

1. 在云速建站控制台，单击“前往配置”。
   图56 域名配置
   
2. 单击“添加域名”，弹出“添加域名”对话框。输入待解析的域名（例如：www.huaweicloud.com），单击“确定”。
   图57 添加域名
   
3. 选中www.huaweicloud.com，单击“一键解析”，弹出“一键解析”对话框，单击“确定”。
   图58 一键解析
   
   

   • 如果您已自行解析域名，单击“已自行解析”。
   • 确认该域名未添加任何解析记录集，否则一键解析将报错。
4. 解析成功后，解析状态变为“解析成功”，这时后台在DNS中增加一条解析记录。
   图59 解析成功
   

域名绑定

1. 域名解析成功后，单击“绑定域名”，弹出“绑定域名”对话框，单击“确定”。
   图60 绑定域名
   
2. 绑定成功后，绑定状态变为“绑定成功”。
   图61 绑定成功
   

   绑定成功后，您可以通过绑定的域名访问您的网站。

（可选）添加空主机域名

1. 单击“添加”，弹出“添加域名”对话框，输入空主机域名（huaweicloud.com），单击“确定”。
   图62 添加空主机域名
   
2. 参考3~4，完成空主机域名的解析。参考1~2，完成空主机域名的绑定。

验证网站

在浏览器地址栏输入域名配置中绑定的域名（www.huaweicloud.com），查看网站详细信息。确认网站内容无误后，您可以将域名地址提供给您的客户，通过域名地址直接访问您的网站。