1. 查找修改区域代码
在页面上需要修改的部位点击右键选择【审查元素】或【检查】，在弹出的调试框可以看到修改部位的代码结构被浏览器高亮显示。
也可以按键盘上F12键，调出调试工具，选择【Elements】，即可查看当前页的代码。
2. 查找修改区域所在UI区块的名称
从调试框中的高亮代码逐行网上查找父级元素，当某行的元素含有属性m-id时（m-id即该UI区块的id属性），查找该元素的class属性，class中包含一个_met_字符的类名，该类名即所在UI的分类编号。
上图所示，修改区域向上查找到父级元素中含有m-id属性的元素，其class属性中head_nav_met_16_1为UI名信息：head_nav为UI分类，met_16_1为UI编号。
3. 查找页面文件
进入后台-【栏目】，查看当前栏目的所属模块以及当前页面是列表页还是详情页，根据所属模块页面对照 模板目录结构 查找到当前页面的模板文件
4. 查找修改区块的UI文件
UI标签引入的文件
例如：修改页面文件为index.php的头部文件-head.php，
找到和修改区块的UI信息对应的UI语句（UI分类：head_nav，UI编号：met_16_1，id：27）。
接下来，进入模板根目录下的UI文件夹，按照UI分类-UI编号的路径找到修改区块所在的UI文件夹，该文件夹包含需要修改的文件。
include标签引入的文件
可查看模板标签大全中的 include 文件引入标签 来找到引入文件