检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
本章分别介绍电脑网站的样式:主题、基础、顶部、板式和底部的应用。 图1 电脑网站样式 图2 电脑网站样式设置 主题 主题色。主题色应用于导航栏、模块颜色、返回顶部按钮等大部分跟颜色变化有关系的设置。 网站样式。在颜色下方是网站样式,单击可切换网站样式效果。 图3 网站样式 基础 顶部/横
单击“创建自定义菜单”,编辑菜单。输入菜单名称,选择样式,如所示。 图4 选择样式 单击“”,菜单内容中显示该样式的HTML代码,可以在此基础上进行编写代码,如图5所示。 图5 编辑代码 也可以不选择样式,选择自定义样式,编辑HTML内容,如图6所示。 图6 自定义代码 其余菜单样式、链接、属性等设置方法跟
“选择备案类型”对话框。根据实际情况选择备案类型,单击“确定”。 图3 备案插件 单击“样式设置”,弹出“样式设置”对话框。设置备案号、字体和字号等信息,设置完成后,单击“确定”。 图4 样式设置 单击“属性”,弹出“属性”对话框。勾选“页脚元素”,关闭“属性”对话框,将设置好的备案插件拖入页脚中。
模板整体颜色可以统一修改吗? 模板的颜色可以修改,但是没有办法统一修改,您可以分别修改模板中模块的颜色。 模板背景图片怎么更换? 首先确定模板背景图片是否在底版中,如果是,您需要进入底版页面修改背景图。 背景图的修改步骤如下:在站点编辑页面,选择“设置>背景设置”,修改页面背景或者站点背景图。
站。也可对多个终端分别编辑网站前台,实现多样化终端。模板市场提供了3000余套免费模板,无需购买,全部免费使用。覆盖多个行业,将常见的网页样式、网站功能全部封装成控件模块,集成到可视化设计器,用户可通过拖拽、编辑、设置等操作即可自行搭建网站。版本分为入门版、标准版、推广版和企业版四种版本,如表1所示。
在管理后台的“产品>产品管理”中,修改排序数值,数值越大,排序越靠前。 图7 修改排序数值 在站点编辑的“产品分类”中,单击“样式设置”。在弹出的“样式设置”对话框中,选择“参数设置>列表数目”,设置“列表排序类型”为“后台排序”,“排序方式”为“倒序”。 图8 样式设置 企业门户对于产品/文章数量有限制吗?
在“文章>管理文章”中,可对文章进行添加、删除和修改。 添加文章:增加文章内容。 批量导入:支持通过zip包、公众号两种方式批量导入文章。 批量修改:修改文章的状态、发布时间、作者、来源等信息。 删除选中:批量删除文章。 图4 管理文章 在“文章>文章分类”中,可对文章类型进行添加、删除、修改和排序。 图5 文章文类
开启后在页面多语言模块中显示韩语,如所图15示。 图15 多语言模块 设置多语言切换样式。 单击可以更换多语言模块样式,如图16所示。 图16 更换样式 单击设置样式。设置多语言模块的样式,间距,文字大小、颜色和背景颜色,并单击保存。如图17所示。 图17 设置样式 单击可以设置各语言的标识图,如图18所示。 图18
插入搜索插件 单击“样式”,弹出“样式”对话框,设置搜索插件的样式。 图42 设置样式 按“Ctrl”+“S”,保存页面的修改。 增加购物车。 选择“添加>购物车”,拖拽购物车到页面。 图43 购物车 单击“购物车样式设置”,弹出“购物车样式设置”对话框。选择购物车样式,关闭对话框。 图44
通过PC端一键生成手机端,由于PC端部分插件在手机端不支持,导致部分内容样式不同,需要手动编辑。 对同一个内容页面分别制作了PC页面和手机页面,当在另一个页面通过链接跳转到此内容页面时,如果PC端和手机端没有同步修改内容,就会导致显示内容不同。 设置了微信登录,PC端可以使用,手机端却没有该选项为什么?
企业门户模板市场包含多终端独立版3000多套模板和多终端自适应版3300多套模板,覆盖100多个行业,7大色系。使用模板可以使网站呈现出模板所拥有的界面控件及样式,大大缩短网站的编辑时间。 多终端独立版模板分为免费模板和付费模板,其中免费模板600套,已内置在企业门户产品后台里。付费模板是由设计师根
在“高级”页面中,可设置是否显示表单名称、展示方式等。 图7 在线表单模块高级设置 单击“确定”即可保存。 鼠标移至表单模块,单击“设置样式”。 图8 在线表单样式设置 在编辑面板中,还可以对表单的样式、文字、背景、间距等做设置。 图9 表单设置 父主题: 设置网站前台
电脑网站“列表多图”模块动效设置 按钮样式 电脑网站及自适应网站的“按钮”模块除了可以设置入场/强调动画外,还可以设置按钮样式。 按钮支持多种样式设置,包括输入数值调整按钮宽高、设置按钮背景悬停色以及文本悬停色等,以增加用户单击率。 在设置面板中,按钮样式还可以即改即显,马上查看修改的效果。 图6 电脑网站“按钮”样式设置
其进行排版,页面中的其他普通元素,会排版在底版后。 PC版插件设置完字体、颜色等样式后,生成手机版时,手机版会自动同步PC版的样式。如果PC版样式在手机版中没有,在手机版中将生成该插件的第一个默认样式。 PC版插件设置的链接不会同步到手机版,需要在手机版插件中重新编辑链接。 转化
开启导航显示,如图5所示。 图5 开启导航 单击样式按钮,选择导航栏的样式,如图6所示。 图6 选择导航栏样式 单击样式设置按钮,设置导航栏的样式,如图7所示。 图7 样式设置 全局设置,即对导航栏整体的设置,可以设置导航栏的高度、圆角度更改背景等,如图8所示。 图8 全局设置 主菜单
手机端设计网站常用模块:文本、图片、按钮支持设置单击跳转微信小程序。可实现在手机端微信中,打开手机端网站可与微信小程序的实现相互跳转。 自定义微信分享样式后,内容更直观,如图所示: 图1 自定义微信分享样式 约束与限制 您可选择跳转外部小程序或轻应用小程序。 请使用已备案域名和已认证公众号进行操作。 请使用微信7.0
模板介绍 首先模板不是建站的必需品,如果您想要花较短时间完成网站的编辑,那么模板就是一个很好的选择。使用模板可以使网站呈现出模板的样式,然后在后台上传自己网站的产品、文章等数据后,再调整一下页面控件的设置,网站就基本完成了。安装了模板后,也可以根据自己的需要编辑调整模板的元素。
图6所示。 图6 编辑子菜单 导航显示开启后该菜单才会显示在导航栏中。 添加后单击主菜单,菜单效果如图7所示。 图7 自定义菜单 其余菜单样式、链接、属性等设置方法跟默认页面类型中的一致,可以参考默认页面类型。 单击页面右上角“保存”。 父主题: 导航栏设置
完成后确定保存即可。 如何修改导航栏的文字? 企业门户多终端独立版站点修改导航栏文字: 进入站点编辑页面,选择“页面管理”。 选择需要编辑的导航栏文字所对应的页面,单击。 图14 页面属性 修改页面的名称,单击“保存”即可。 图15 编辑页面名称 企业门户多终端自适应版站点修改导航栏文字:
线客服模块的添加。 图5 设置在线客服联系方式和工作时间 设置客服的联系方式、在线时间后,可在【高级】选项中,设置客服展示样式。 图6 设置在线客服展示样式 如需添加多个客服,点击【新增客服】按钮新建客服,根据上方步骤选择客服类型,完成客服信息补充即可。 图7 添加多个在线客服