您现在的位置:首页 > 服务中心 > 创意工具箱的认知

创意工具箱的认知

932
2019/3/20 14:29:08
分享到:

创意工具箱的认知

各位亲爱的虎迷们,下面我们来看看紫虎创意工具箱的编辑页面:

在您的个人账户中,可以看到您所发布的网站,点击设计就可以进入紫虎创意工具箱:

内容目录的认知79.png


进入创意工具箱后,我们就可以看到紫虎的网站编辑页面,编辑页面的上部和右侧黑色边框为设计导航条当我们选中页面的任一内容时,该内容会被框选,在选中框的左上方会显示设计工具条页面下方灰色边框为设计路径,如下图:

内容目录的认知199.png


一、设计导航(上方)包含页面导航、设计模式、预览模式、撤销和重做按钮、内容管理按钮、更新按钮、网站选择按钮。

 

1、页面按钮:用于选择您要编辑的页面,点击页面框,即可看到栏目管理和所有页面两个栏目

(1)栏目管理

在栏目管理栏目下,可以看到站内的所有栏目,当鼠标悬停在栏目上时,栏目右侧会出现设置按钮,选定在设置按钮上,会出现编辑、导航内隐藏,删除等操作。

内容目录的认知361.png


点击编辑,即可对栏目的调取链接、栏目名称、页面组合、是否在新页面打开进行编辑;

内容目录的认知483.png

点击在导航内隐藏,该栏目则会在头部导航和底部导航中隐藏;

内容目录的认知514.png

点击删除即可删除该栏目,删除栏目后不能还原哦。

内容目录的认知540.png

点击下方的添加可以添加栏目,即可添加栏目,可以设置添加系统栏目或外部链接,可对栏目的调取链接、栏目名称、页面组合、是否在新页面打开进行编辑;

(2)所有页面

在所有页面栏目,可以找到站内的所有页面,可以对站内的首页、综合页、网站地图、404页面进行设置、设计,对详情页、列表页进行设置。在点击设计时,工具箱会跳转至选中的页面进行设计。

在选中页面点击设置后,可对当前页面的展示区域(头部区域、广告条区域、底部区域)、外部链接(自定义设置)、各板块内容的宽度(头部宽度、广告条宽度、内容区宽度、底部内容宽度)进行设置,在内容宽度设置中可以选择100%显示,也可自己设置固定宽度,如下图:

 

2、端口按钮,可以通过点击PC端或手机端,来选择需要设计的端口。

内容目录的认知895.png        内容目录的认知894.png

3、设计及预览模式:点击设计或预览,可进入设计或预览模式。在修改页面后,可点击预览模式进行预览,即可对修改后的页面进行预览。

4、撤销和重做按钮:在设计模式下,可以看到撤销和重做按钮,撤销可以撤销之前的操作,重做则可把撤销的操作重新实现。

内容目录的认知1028.png

5、内容管理:点击内容管理即可跳转至数据库当中,对数据库内容进行修改。

内容目录的认知1064.png

6、更新:为提升用户体验保证网站的稳定性,在设计页面修改网站内容时是不会同时同步在网站页面的,点击更新后,修改的所有内容将覆盖原网站进行展现。

7、站点选择:在工具箱的右上角有一个倒三角的按钮即是网站选择按钮,可以新建网站和更换网站。

内容目录的认知1187.png

二、设计导航(左侧)包含基本信息、设计、控件、板块、颜色的设置


1、基本信息:内容目录的认知1230.png点击基本信息后,可以对网站的公司名称、PC网站logo、手机网站logo、网站名称、网站关键词、网站描述、关于我们、联系方式、联系地址进行修改,修改完成后点击“确定”,即可实现修改。

内容目录的认知1323.png

内容目录的认知1325.png

2、设计:在点击设计后,可以对网站的头部、广告条、内容区、底部、风格创意进行选择更换。点击想要更换创意的部分,便会跳转至紫虎资源库,以下以头部为例:


点击想更换的部分,会跳转至风格创意页面,页面左侧为筛选条件(搜索框、栏目数、标签、色系、语言等)便于筛选出符合您心意的风格,右侧为所有的风格创意,您也可以在创意库中选择合适的创意。

内容目录的认知1495.png

当鼠标悬浮在创意上时,会有应用和预览两个选项,预览可以放大整个创意,应用则可选择应用于整站或当前页面,这样就可以更换网站的每个部分啦!

内容目录的认知1567.png

3、控件:可以在控件中选择您需要的功能空间以拖拽的形式添加,工具箱中紫虎提供了48中功能控件供您选择。

内容目录的认知1620.png     内容目录的认知1569.png


4、板块:可以在板块中选择您需要的板块以拖拽的形式添加。

内容目录的认知1633.png内容目录的认知1632.png

5、颜色:在颜色按钮中,单击会看到主色和辅助色,点击颜色色块即可切换颜色,其中主色是整个网站的主色调,如页面中一些控件的颜色等;辅助色为网站的辅色,如字体颜色等;在修改颜色后,网站的整体颜色都会改变哦~

6、备份还原:点击备份还原按钮,即可对之前修改的版本进行还原。

7、设计路径:在选中站内任意区域,在设计页面下方将展示改区域的设计路径,因为设计界面是层级嵌套结构,所以会以区域名称——(资源)——自动/固定通栏——所在行列——内容名称

内容目录的认知1910.png

8、设计工具条:当选中站内的任意区域后,可在当前区域的左上方看到设计工具条,用于设计当前内容。

内容目录的认知1958.png

内容目录的认知1960.png文字编辑,用于修改文字;点击后,文字会被选中,可以对文字的字体、颜色、加粗、倾斜、下划线、字号进行编辑,并可使用格式刷进行格式复制。

内容目录的认知2028.png

内容目录的认知2030.png图片库,用于打开图片库,更换图片。

内容目录的认知2049.png链接设置,用于为选中部分的链接设置,点击后会跳出链接设置界面,用于设置站内或站外的链接。

内容目录的认知2095.png

内容目录的认知2097.png数据来源:可以修改展示内容的数据来源,点击后可以修改列数、是否分页和展示的内容。

内容目录的认知2139.png

内容目录的认知2141.png动画,可以为选中区域添加动画效果。

内容目录的认知2160.png复制,可对选中区域进行复制。

内容目录的认知2176.png样式设计,可以对选中区域的布局、文字、背景、边框、定位、透明度、阴影进行设计。

内容目录的认知2217.png删除,可删除选中的内容。

内容目录的认知2231.png交替样式设计,当所选区域需要多个样式交替时可选择。

内容目录的认知2258.png样式,可用来选择控件的创意。


亲爱的虎迷们,本次介绍就结束了,敬请关注其他的教程!


如在教程中找不到您需要的教程,请点击“在线咨询”,进行问题提交,我们会尽快完善您所需要的相关教程。 咨询服务热线:4000-000-366