淘宝设计之：[3]创建的布局与管理

来源：互联网 2023-02-21 16:14:40 版权归原作者所有，如有侵权，请联系我们

对模板进行布局创建和布局管理，让我们的模板充分利用空间与功能。

工具/原料

模板创建成功以后，我们点击我的模板，可以看到我们刚创建的模板略缩图：

淘宝设计之：[3]创建的布局与管理

双击略缩图，进入模板编辑状态：

淘宝设计之：[3]创建的布局与管理

在图中右侧可以看到“创建布局”，这时候就可以进行模板的布局管理。默认是创建了一个首页的布局，而列表页和详情页等其他页面是需要自己建立的。

淘宝设计之：[3]创建的布局与管理

建好布局后，点击布局的图标，就可以对该布局进行排版了（添加模块与删除模块操作，以及模块的排放位置调整操作）。

淘宝设计之：[3]创建的布局与管理

点击“开发模块”，再点击“添加新模块”，这是我有的模块，我们可以在下面找到“添加新模板”：

淘宝设计之：[3]创建的布局与管理

选择创建模块的类型，并填写相应的选项，保存后即创建模块成功。模块创建成功后，在htdocs/模板目录/modules目录下会相应的生恩央亲成模块指定的文件夹，该文件夹里包含模块的PHP文件、XML文霜眠件、CSS文件以及图片存放文件。我们只要文件夹中编写模块进行即可。

淘宝设计之：[3]创建的布局与管理

组装模板和布局管理有点相似，都是进行添加模块与删除模块操作，以及模块泉艺的排放位置调整操作，区别就组装模板是可视化编辑模式操作，如首页：

淘宝设计之：[3]创建的布局与管理

每个SDK模板都可以预置多套风格样式，每个风格又可以进行单独的页面与页头背景效果的设置：

淘宝设计之：[3]创建的布局与管理

8本页面未经许可获取自百度经验

模板编辑制作完成之后后，我们要对模板进行打包上传，点击“发布模板”，就可以在如下图界面中完成此项操作：

淘宝设计之：[3]创建的布局与管理

店铺同步是用于SDK模板同步其关联用户的店铺线上的真实数据（像：宝贝、分类、评论等），将数据同步到SDK本地数据库中，丰富开放接口的数据！

淘宝设计之：[3]创建的布局与管理

SDK Web控制台

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！