文档首页 > > 快速入门> 设置网站前台

设置网站前台

分享
更新时间: 2019/08/29 GMT+08:00

操作场景

网站后台数据录入完成后,您需要为您的网站设置便于客户浏览和操作的前台显示界面,本章节主要通过已安装的网站模板指导您完成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 备份记录

验证网站

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

分享:

    相关文档

    相关产品

文档是否有解决您的问题?

提交成功!

非常感谢您的反馈,我们会继续努力做到更好!

反馈提交失败,请稍后再试!

*必选

请至少选择或填写一项反馈信息

字符长度不能超过200

提交反馈 取消

如您有其它疑问,您也可以通过华为云社区问答频道来与我们联系探讨

跳转到云社区