建议使用以下浏览器,以获得最佳体验。 IE 9.0+以上版本 Chrome 31+ 谷歌浏览器 Firefox 30+ 火狐浏览器
温馨提示

抱歉,您需设置社区昵称后才能参与社区互动!

前往修改
我再想想

云速建站学生联盟

话题 : 9 成员 : 230

加入HCSD

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

小小昭 2019/12/26 2006

操作场景

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

验证网站

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


回复 (0)

没有评论
上划加载中
标签
您还可以添加5个标签
  • 没有搜索到和“关键字”相关的标签
  • 云产品
  • 解决方案
  • 技术领域
  • 通用技术
  • 平台功能
取消

小小昭

角色:校园大使

话题:202

发消息
发表于2019年12月26日 18:09:29 20060
直达本楼层的链接
楼主
倒序浏览 只看该作者
云速建站快速入门——设置网站前台

操作场景

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

验证网站

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


点赞 举报
分享

分享文章到朋友圈

分享文章到微博

游客

您需要登录后才可以回帖 登录 | 立即注册