设置网站前台_云速建站 CloudSite_快速入门

操作场景

网站后台数据录入完成后，您需要为您的网站设置便于客户浏览和操作的前台显示界面，本章节主要通过已安装的网站模板指导您完成PC版、手机版网页的制作，以及网站数据的备份。

前提条件

已完成网站后台的设置，并且成功绑定域名。

编辑PC版网站

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

      图3 设置网站信息
      

      对应网站的效果如下：

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

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

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

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

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

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

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

制作手机版网站

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

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

备份网站数据

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

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

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

   图34 备份记录
   

验证网站

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