概述

 

界面概览

注:手机网站设计器的交互和使用方式与PC网站设计器基本上一致,仅是略有差异之处。

 1.png

① 系统LOGO:系统默认的logo标志,点击此处可返回“站点控制台”

② 语言切换:如果您的站点开启了多种语言,可在此切换语言模式来设计不同语种的站点样式

③ 页面切换:点击可下拉可查看当前所有的普通页面和系统页面、创建新的页面、删除页面、设置页面的基本信息、设置页面的SEO信息等,当点击某个页面的名称时,编辑器将打开此页面,并可以对其进行编辑。

④ 设计模式切换:可以便捷的切换PC网站设计器、手机网站设计器、小程序设计器,进入对该端的设计状态。

⑤ 撤销&重做:撤销之前的操作行为或重做之前的操作行为。

⑥ 功能按钮区

【保存】为保存当前修改的内容(系统也会定时自动保存);

【预览】为预览实际的浏览效果;

【发布】为将站点内容正式发布上线(需要先绑定域名);

⑦ 菜单按钮区:

【添加版块】内置空白版块及成品版块,可任意选择使用。其中,成品版块是响应式构造可在移动网站端自动适配展示效果。空白版块和成品版块均可添加“元素”。

【添加元素】内置多种基本元素组件可以拖拽方式放置进入页面,随后选中该元素设置其大小和属性。

【背景设置】用于设置当前页面的背景。

【页面视图】可查看当前页面内所有的版块,对其进行上下排序、隐藏、删除等操作。

【页面设置】设置当前页面的一些基本属性。

【更换模版】用于更换整站或当前页面的模版。

【素材管理】管理所有上传到站点上的素材文件。

【管理后台】点击可进入当前站点的管理后台。

⑧ 版块设置菜单:可对当前选中的版块做调整排序、更换风格、复制版块、设置属性等操作。如果点击其中的“设为全局版块”,则该版块会进入“添加版块-全局版块”中,当您处于其他页面时可直接引用这个全局版块,全局版块可以实现其在所有页面中均保持一致样式。

⑨ 版块添加按钮:点击“+”按钮会出现版块选择浮窗,点击其中某个版块后,该版块将自动插入“+”所在的位置。

⑩ 导航设置菜单:可快捷设置主导航的栏目内容;开启/关闭底部的吸底导航栏及设置其属性。

⑪ 数据同步按钮:点击后可将该页面在PC模式下的页面内容迁移到当前手机端内(PC端向手机端单向同步),随后增减版块或内容、调整外观样式后即可快速将手机版制作完成。

实操说明

页面整体结构

本系统的页面结构采用版块式结构,即自上到下是由一个个版块堆叠而成,最顶部为“页面头 部”版块(可在页面设置中关闭),最底部为“页面尾部”版块(可在页面设置中关闭),所有版块均可在左侧的“页面视图”中查看并便捷的调整版块的上下排序。如下图所示:

2.png 

如何添加版块

注意版块的添加方式并非拖拽进入设计视图内,而是点击选用。如果您是直接打开了“添加版块”菜单,并且点击添加了其中的某个版块使用,则该版块会添加至页面在,并且成为页面最顶部的版块。如果您是在页面内选中某个版块后,点击其上方或下方的“+”号后选择添加了版块,则该版块会添加在您选择的版块的上方或下方。

3.png 

公共头尾版块

“页面头部”和“页面尾部”版块为公共版块,当您在某个页面编辑“页面头部”或“页面尾部”版块时,所有开启“页面头部”或“页面尾部”版块的页面的头部和尾部均会变化。如果您在某个页面不期望使用“公共”的“页面头部”或“页面尾部”,可以在左侧功能菜单“页面设置-页面布局”中关闭“显示公共头部”或关闭“显示公共尾部”的开关。如下图所示:

4.png 

自由元素设置

自由元素是拖拽进入设计视图内的,当点击自由元素时,其会呈现被选中的状态。按住鼠标按键拖动可摆放在页面内的任意位置。同时在选中状态下,其顶部会有多项功能菜单,点击菜单内的功能项目可以唤出更为强大的属性面板,对其进行更为精细的设置。如若修改自由元素的大小,可直接拖动自由元素边缘的小圆点调整大小。

5.png 

 


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

这条文档是否有帮助解决问题?

非常抱歉未能帮助到您。为了给您提供更好的服务,我们很需要您进一步的反馈信息:

在文档使用中是否遇到以下问题: