导航
模板制作首页
系统使用
插件使用
米拓商城
模板制作
应用开发
系统开发
https://doc.metinfo.cn/mb/
1
模板制作首页
商业模板修改教程
3.基础修改
3.1.查找修改的UI文件
更新时间：2020-02-18 16:00:05
作者：米拓建站
## 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. 查找页面文件 进入后台-【栏目】，查看当前栏目的所属模块以及当前页面是列表页还是详情页，根据所属模块页面对照 [模板目录结构](../muban/shownews.php?id=44 "模板目录结构") 查找到当前页面的模板文件  ## 4. 查找修改区块的UI文件 - ### `UI`标签引入的文件 例如：修改页面文件为index.php的头部文件-head.php，  找到和修改区块的UI信息对应的UI语句（UI分类：`head_nav`，UI编号：`met_16_1`，id：27）。 接下来，进入模板根目录下的`UI`文件夹，按照`UI分类`-`UI编号`的路径找到修改区块所在的UI文件夹，该文件夹包含需要修改的文件。  - ### `include`标签引入的文件 可查看模板标签大全中的 [include 文件引入标签](http://doc.metinfo.cn/mb/mbtag/mbtag98.html "include文件引入标签") 来找到引入文件
上一篇
: 4.5.修改区块
下一篇
: 4.6.添加、修改模板公共文件
文档中心
米拓学堂
帮助中心
在线交流
{"status":1,"html":"<style type=\"text\/css\">\r\n.onlinebox_three{border:2px solid;}\r\n.onlinebox_three .onlinebox_three_list{width: 160px;padding: 10px 0px;}\r\n.onlinebox_three .online-item{margin-bottom: 5px; padding: 0px 17px; position: relative;display: block;color: #666;}\r\n.onlinebox_three .online-item:last-child{margin-bottom: 0px;}\r\n.onlinebox_three .online-item:hover{background: #f8f8f8;}\r\n.onlinebox_three .online-item i{font-size: 16px;}\r\n.onlinebox_three .onlinebox-open{font-size: 22px;display:none;cursor: pointer;padding: 0 10px; font-size: 18px; line-height: 40px;}\r\n.onlinebox.min .onlinebox-open{display:block;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}\r\n.onlinebox .onlinebox-min{position: relative;top:-4px;}\r\n@media (max-width: 767px){\r\n.onlinebox_three .online-item{font-size: 12px;padding-top: 6px;}\r\n.onlinebox_three .online-item i{font-size: 14px;}\r\n}\r\n<\/style>\r\n<div id='onlinebox' class=\"onlinebox onlinebox_three hide\" m-type='online' m-id='online' style=\"border-color:#1baadb;\">\r\n <div class=\"onlinebox-open\" style=\"background:#1baadb;\"><i class=\"fa fa-comments-o\"><\/i><\/div>\r\n <div class=\"onlinebox-box\">\r\n <div class=\"onlinebox-top\" style=\"background:#1baadb;\">\r\n <div class=\"onlinebox-top-btn font-size-26\">\r\n <a href=\"javascript:;\" class=\"onlinebox-close\" title=\"\">×<\/a>\r\n <a href=\"javascript:;\" class=\"onlinebox-min\">-<\/a>\r\n <\/div>\r\n <h4>在线交流<\/h4>\r\n <\/div>\r\n <div class=\"met-editor onlinebox-bottom p-x-10 p-y-5\"><p style=\"text-align: center;\">\r\n <img src=\"..\/upload\/202001\/1579417409303256.png\" data-width=\"120\" width=\"120\" data-height=\"120\" height=\"120\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n 微信公众号\r\n<\/p>\r\n<p style=\"text-align:center;\">\r\n <img src=\"..\/upload\/202001\/1579417452544806.png\" data-width=\"150\" width=\"150\" data-height=\"150\" height=\"150\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n QQ交流群\r\n<\/p><\/div>\r\n <\/div>\r\n<\/div>","t":"4","x":"10","y":"130"}