《27版可视化模板制作流程.docx》由会员分享，可在线阅读，更多相关《27版可视化模板制作流程.docx（8页珍藏版）》请在三一办公上搜索。
1、可视化模板制作教程制作流程1、 制作模板主题2、 创建新的主题文件夹3、 将相关资源文件拷贝到主题文件夹下4、 重建主题索引5、 创建模板6、 选择主题样式7、 布局8、 添加部件9、 修改并保存部件10、 使用新部件11、 微调样式12、 发布模板具体步骤1、 制作模板主题过程略，要求这个过程得到的产物有：整个系统的全局样式表，网站所有的资源文件，模板缩略图。如下图所示：2、 创建新的主题文件夹在/Widgets/Themes/目录下创建新的主题文件夹theme2,如下图所示：3、 将相关资源文件夹拷贝到theme2文件夹下，并确保网站的样式表名称为Style.css，如果样式表名称不为这个
2、名称，需要将其修改为这个名称；同时，该样式表的文件头必须包含如下的注释说明：/* * name:theme2 * img:/widgets/Themes/theme2/face.jpg * label:风格样式二*/4、 重建主题索引。登陆系统后台，点击“模板”菜单，选择“编辑模板”栏目：如下图所示：在右侧的按钮中，点击“重建主题索引”按钮，系统会自动将新的样式主题添加到系统主题样式中，如下图所示：5、 在模板编辑中新建模板。创建步骤为：登陆后台-模板-编辑模板-新建可视化模板-填写相关参数-进入模板编辑界面。6、 设置当前主题为“风格样式二”(theme2)7、 进行控件布局单击We7部件工
3、具箱上的布局按钮，进入页面布局编辑状态，我们把布局设置如下结构：头部新闻列表1新闻列表2尾部在可视化模板的布局界面中将这个布局拖拽出来。8、 拖拽具有我们需要功能的部件到模板中按照布局规划将网页头部，网页尾部，新闻列表拖放到指定位置。9、 修改部件并另存为新部件这儿以修改头部为例，点击网站头的编辑，打开部件编辑器。在编辑器内按照静态网页的头部布局修改我们的模板。这儿要特别注意的是不要删除部件顶部 这段内容以及标签之间的内容。修改过后的内容如下：在这儿需要完成三项工作。第一是定义新部件的名称；第二是修改部件内容；第三是将部件别存为新部件。10、 使用我们新创建的部件。要想使用新部件有两种方法，第一是刷新模板后选择我们新定义的部件外观；第二新是将这个部件删除后再拖拽这个部件到模板中，并选择这我们新定义的部件外观。修改后的头部部件切换后显示为我们新修改的部件。对于剩下的部件我们按照网站头的方式继续进行修改。11、 微调样式对于一些我们原先没有在Style.css定义的样式，我们可以在编辑模板的时候补充一些自定义样式。12、保存并发布模板。点击发布，我们的模板就可以应用了好了，我们的模板修改完毕了，现在就可以发布我们的模板了。
