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