# 示例一：创建多终端自适应版站点 #### 准备工作 在使用企业门户前，您需要完成以下准备工作。 - 已注册华为帐号，开通华为云并完成实名认证。 - 已从[华为云](https://www.huaweicloud.com/product/domain.html)或者第三方购买域名。 #### 开通站点 1. 登录[企业门户控制台](https://console.huaweicloud.com/webmobile/)，单击"购买企业门户"，进入"购买企业门户"界面。 2. 选择区域、规格、版本和购买时长，设置站点名称，勾选"我已经阅读并同意《企业门户服务声明》"，单击"提交订单"。 表1企业门户多终端自适应版信息 | 参数 | 参数说明 | |:---|:---| | 区域 | 选择企业门户多终端自适应版所在区域，选择方法参考[购买企业门户选择哪个节点比较好？](https://support.huaweicloud.com/cloudsite_faq/cloudsite_faq_190731001.html#section16) | | 规格 | 模板建站，多终端自适应版。 | | 版本 | 选择企业门户多终端自适应版的版本，版本包含入门版、标准版、推广版和企业版。各个版本支持的特性详情请参见[产品特性](https://support.huaweicloud.com/productdesc-cloudsite/cloudsite_01_4083.html)。 | | 站点名称 | 您可以自定义站点名称，站点名称主要用来区分不同的站点，不能与其他区域的站点名称相同。 | | 购买时长 | 购买企业门户的时长。 | ![](https://support.huaweicloud.com/qs-cloudsite/public_sys-resources/note_3.0-zh-cn.png) - 站点名称不能与其他站点名称相同。 - 购买版本后支持从低版本升级至高版本，暂不支持从高版本降级至低版本。 3. 进入订单确认界面，确认无误后完成支付。 完成购买后，您可在"费用中心\>我的订单"中查看购买信息。 #### 安装模板 多终端自适应版站点为您提供3300+套免费模板，背景、功能随时切换，构建任何您想要的网页。 1. 登录[企业门户控制台](https://console.huaweicloud.com/webmobile/)，选择需要编辑的站点，单击"网站设计"。 图1企业门户多终端自适应版网站设计 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001656878448.png) 2. 填写网站名称，选择网站用途。 3. 选择需要编辑的终端，单击进入后台管理界面。 4. 挑选适配的行业模板。 图2选择行业模板 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001423430272.png) 5. 选择模板的类型和模板，您可选择预览，对于模板进行查看。 图3选择模板类型 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416238860.png) 6. 选中模板后，单击"使用"按钮即可使用。 图4使用模板 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416396820.png) #### 设置网站后台 网站开通后，您需要为您的网站增加内容，比如产品信息、文章、支付方式等，本章节主要指导您完成录入产品信息、文章和对接微信、支付宝等支付方式。 包含添加产品、添加文章和对接微信、支付宝等支付方式。 1. 登录[企业门户控制台](https://console.huaweicloud.com/webmobile/)，选择需要编辑的站点，单击"网站设计"。 图5企业门户多终端自适应版网站设计 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001656878448.png) 2. 添加通用型产品**。** 1. 在后台管理"产品\>添加产品"中进行添加产品。 图6添加通用型产品 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001466755801.png) ![](https://support.huaweicloud.com/qs-cloudsite/public_sys-resources/caution_3.0-zh-cn.png) 如需使用产品规格功能，需在"功能设置"中先进行开启。 图7开启通用型产品规格 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416556336.png) 2. 填写产品基本信息。在"基本信息"中补充产品相关信息。 图8设置通用型产品基本信息 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001466436349.png) 3. 设置产品规格。设置产品的颜色尺码等信息。 图9设置通用型产品规格 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416397292.png) 4. 产品详情。为产品补充详情介绍，添加产品详细细节图，亮点等内容。 图10设置通用型产品详情 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416556680.png) 5. 搜索优化（可选）。输入产品标题、关键词、描述、自定义地址，帮助产品更好地被搜索引擎抓取。 图11通用型产品搜索优化 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416990258.png) 3. 添加知识付费产品。 添加知识付费产品包括三部分的设置：基本信息、详情介绍和搜索优化。 图12添加知识付费产品 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416080104.png) 1. 设置基本信息**。** 一般基础的是产品名称、内容以及价格，请根据您的实际情况设置。知识付费使用教程：[知识付费](https://support.huaweicloud.com/adaptive-cloudsite/adaptive_7004.html) 图13设置知识付费产品基本信息 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001471620641.png) 2. 设置详情介绍。知识付费产品，除了图文类型，其他类型的详情介绍页面与通用型产品的详情介绍页面一样。图文类型产品的详情分两部分： - 完整图文：编辑用户需要付费才能查看的内容； - 试看图文**：**编辑用户免费就能看到的试看内容，如果没有免费试内容看直接编辑到完整图文里即可。 图14设置知识付费产品详情介绍 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001466637329.png) 3. 搜索优化（可选）。输入产品标题、关键词、描述、自定义地址，帮助产品更好地被搜索引擎抓取。 图15知识付费产品搜索优化 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416398244.png) 4. 添加文章。 1. 在"文章\>添加文章\>常规"页面中输入文章的标题和文章内容。 图16后台添加文章 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001466638081.png) 2. 在"文章\>添加文章\>高级"页面中，可设置文章分类、发布时间等信息。 图17设置文章信息 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416991338.png) 3. 在"文章\>添加文章\>搜索优化"页面中，可对文章浏览标题、文章详情页关键词等填写。 图18文章搜索优化 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001467152185.png) 4. 单击"保存"后即添加完成。 5. 对接支付系统。 企业门户多终端自适应版包含支付宝支付和微信支付两种支付方式。 - [对接支付宝支付](https://support.huaweicloud.com/adaptive-cloudsite/adaptive_8002.html) - [对接微信支付](https://support.huaweicloud.com/adaptive-cloudsite/adaptive_8001.html) #### 设置网站前台（PC版网站编辑） 1. 登录[企业门户控制台](https://console.huaweicloud.com/webmobile/)，选择需要编辑的站点，单击"网站设计"。 图19企业门户多终端自适应版网站设计 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001656878448.png) 2. 选择需要编辑的终端，单击"去设计"，即可进入网站设计页面。设计页面分为电脑网站和手机网站，根据购买站点规格，可分别修改站点，也可以[一键生成](https://support.huaweicloud.com/adaptive-cloudsite/adaptive_5003.html)手机网站。 图20编辑电脑网站 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416675478.png) 3. 添加模块。 1. 在设计页面左侧的控制面板中单击"模块"，可以选择添加各种模块。 图21添加模块 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001467311993.png) 2. 单击页面需要添加的模块，模块在页面出现后即可增添内容。 图22添加页面模块 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001467152641.png) 3. 单击"栏目模块"，可对添加的模块进行命名、预览和删除。 图23栏目模块编辑 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001466912461.png) 4. 网站前台添加产品模块。 1. 在后台管理左侧导航栏中，单击"概况"，选择需要编辑的终端，单击"去设计"，进入到设计页面。 图24进入设计页面 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001467072337.png) 2. 单击"模块\>添加模块\>基础\>产品展示"，即可添加一个产品模块。 图25添加产品模块 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416835938.png) 3. 在控制面板弹窗中单击"选择产品"，将左侧需要展示的产品移至右侧空白框处，并单击"确定"。 图26选择产品 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001423113076.png) 4. 将鼠标移至产品模块区域，单击"设置样式"按钮。 图27编辑模块 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001466912897.png) 5. 可以对模块样式、图片、文章、背景、间距做设置。 图28产品展示设置 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001467312681.png) 6. 如需删除产品模块，单击"模块\>栏目模块"，选择需要删除的模块，点击![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001305404042.png)即可。 图29删除产品模块 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001466912989.png) 5. 网站前台添加文章。 1. 进入设计页面，单击左侧的"模块\>添加模块\>基础\>文章列表"，即可添加一个文章列表模块。 图30添加文章列表模块 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416993938.png) 2. 在文章列表模块常规页面，可填写和设置模块标题、模块样式等信息。 3. 文章选择如果选择"直接添加"，单击文章标题可将后台添加的文章选进右侧的空白框中。 图31文章列表模块常规页面设置 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416676634.png) 4. 在文章列表模块高级页面，可设置文章的发表时间、文章摘要等是否显示。 图32文章列表模块高级页面设置 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001466913385.png) 5. 单击"确定"，文章列表即添加完成。 6. 将鼠标移至文章列表模块区域，单击"设置样式"按钮。 图33文章列表样式设置 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001466914637.png) 7. 可以对文章列表模块的样式、文章文字、背景、间距等做更多的设置。 图34文章列表模块设置 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001467074401.png) 6. 预览及发布。设计界面还包括页面及模板页的设置，电脑版及手机版的切换，保存，预览，发布等按钮。 当您把相关内容修改完毕，请保存后单击"发布"即可完成网站修改内容的上线。 图35网页预览及发布 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416837914.png) ![](https://support.huaweicloud.com/qs-cloudsite/public_sys-resources/caution_3.0-zh-cn.png) 请确保您上传的网站素材（特别是图片）内容您拥有版权或为无版权资料，避免后期网站因版权问题发生法律风险。 #### 制作手机版网站 - 自适应站点支持一键同步功能，如果您的站点为自适应， 在电脑网站已制作完成的情况下，单击"手机视图"，即可切换至手机视图进行设计。在手机视图下修改为独立设置，不会影响电脑视图。 图36手机视图 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416678014.png) - 如果您想单独制作区别于电脑网站内容的手机网站，则无需一键同步。在概况页面，单击手机网站下的"去设计"，与PC端的操作一致，选择模块、修改图片或文字内容即可。 图37设计手机网站 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001467155093.png) #### 备份网站数据 1. 在建站后台管理，单击"系统设置\>网站备份"。 2. 进入备份页面，单击"立即备份"。 3. 弹出的确认添加备份窗口单击"确定" 图38添加备份 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001467314585.png) 4. "手动备份"表格中会新增一条备份记录，此时显示"备份中"，待系统备份完成即可。 ![](https://support.huaweicloud.com/qs-cloudsite/public_sys-resources/note_3.0-zh-cn.png) - 备份时间根据网站内容会有所不同，请耐心等待。 - 备份会连同电脑版网站、手机版网站、多语言版本、资源库一起备份。 图39网站备份 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001416995742.png) 5. 网站备份支持对备份记录填写备注，方便日后还原数据。 6. 如备份记录超过版本数量，可删除旧备份来释放备份次数以便添加新的备份。 图40选择备注或删除备份 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001466914941.png) 7. 在"系统设置\>网站备份"中，单击"还原"按钮，即可还原对应的备份数据。 8. 网站备份支持还原**全部数据** ，也支持还原**部分数据** ，按需求勾选还原数据类型即可。 图41选择还原数据类型 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001466915217.png) 如果您的域名已经在第三方备案过，需要把此域名绑定到企业门户，备案操作步骤请参考[备案流程指导](https://support.huaweicloud.com/usermanual-icp/zh-cn_topic_0000002092033126.html)。 #### 使用域名配置助手解析并绑定域名 1. 登录[企业门户控制台](https://console.huaweicloud.com/webmobile/)，选择站点，单击"前往配置"。 图42域名配置 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001658565100.png) 2. 进入域名配置助手页面，单击"添加域名"。 3. 输入需要解析的域名，单击"确定"。 图43添加域名 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001538289037.png) 4. 选择已添加的域名，单击"一键解析"。 图44一键解析 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001487061102.png) ![](https://support.huaweicloud.com/qs-cloudsite/public_sys-resources/note_3.0-zh-cn.png) - 请确认该域名未添加任何解析记录集，否则一键解析将报错。 5. 解析成功后，解析状态将变为"解析成功"。与此同时，域名在云解析控制台中将自动增加一条解析记录。 图45解析成功 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001538221989.png) ![](https://support.huaweicloud.com/qs-cloudsite/public_sys-resources/note_3.0-zh-cn.png) 如果您需要删除解析记录，请在DNS控制台删除，具体请参考[删除记录集](https://support.huaweicloud.com/usermanual-dns/zh-cn_topic_0035467703.html#section3)。 6. 选择所需绑定的域名，单击"绑定域名"。 图46绑定域名 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001487542522.png) 7. 当绑定状态变为"绑定成功"后，您可以通过绑定的域名访问您的网站。 图47绑定成功 ![](https://support.huaweicloud.com/qs-cloudsite/zh-cn_image_0000001538385221.png) ![](https://support.huaweicloud.com/qs-cloudsite/public_sys-resources/note_3.0-zh-cn.png) - 如果您需要关闭网站，不再通过域名访问打开网站，选择需要解绑的域名，单击"取消绑定"即可。 - 解析并绑定域名后，如果尚未[添加SSL证书](https://support.huaweicloud.com/adaptive-cloudsite/adaptive_6004.html)，请使用**HTTP** 协议打开网站，而非**HTTPS** 。例如：绑定"**www.cloudsite.com** "域名，请使用"**http** ://www.cloudsite.com"访问网站，请勿使用"**h** **ttps**://www.cloudsite.com"访问网站。 #### 验证网站 在浏览器地址栏输入[域名配置](https://support.huaweicloud.com/adaptive-cloudsite/adaptive_6002.html)中绑定的域名，查看网站详细信息。确认网站内容无误后，您可以将域名地址提供给您的客户，通过域名地址直接访问您的网站。