你好,欢迎来到织梦之家,你可以免费观看大量视频教程以及大量模板下载!

WeCenter 2.织梦视频教程x模板开拓基本教程-织梦之家(dedehome.com)

时间:2017-06-19 06:44 来源:织梦之家作者:织梦之家 点击:
/admin靠山 /block通用模块 /config配置分页样式 /favorite我的保藏 /feature专题 /global全局通用模块,如头部,底部 /home首页,发明页 /inbox私信 /install安装 /invitation邀请挚友 /m移动版本模板 /migrate安装上传目录设置 /notifications通知 /people

/admin –  靠山

/block – 通用模块

/config – 配置分页样式

/favorite – 我的保藏

/feature – 专题

/global – 全局通用模块,如头部,底部

/home – 首页,发明页

/inbox – 私信

/install – 安装

/invitation – 邀请挚友

/m – 移动版本模板

/migrate – 安装上传目录设置

/notifications – 通知

/people – 小我私家页面

/publish – 提倡

/question – 问题

/reader – 阅读器

/search – 搜索

/topic – 话题

留意 : 目录下ajax目录下模板为数据模板

二、Static目录下个体文件浸染说明 :

css(按照图片说明,以default为例)

WeCenter 2.织梦视频教程x模板开辟根基教程

bootstrap.css – bootstrap框架

glyphicons-halflings.png – bootstrap框架的icon图片

glyphicons-halflings-white.png – 同上

btn-sprite.css – 按钮css

common.css – 模板主css文件

ie7.css – ie7兼容性css

link.css – 全站字体颜色

login.css – 登录页面css

register.css – 注册页面css

user-setting.css – 用户设置页面css

user.css – 用户主页css

2.javascript(以图片说明)

WeCenter 2.织梦视频教程x模板开辟根基教程

aw_template.js – 页面通用模板文件,如弹窗模板

function.js – 全站根基成果函数

app.js – 页面加载时调用的js

/editor – 编辑器js

/plug_module/plug-in_module.js – 全站基本框架js,内涵jQuery,bootstrap,附件上传,Hogan模板引擎

三、模板担任机制

WeCenter 2.织梦视频教程x模板开辟根基教程

四、建设新模板要领

css建设 : 在static/css/目录下建设模板名字目录为newstyle,并在newstyle目录内建设相应名字的css文件,假如有相应模板的图片文件则再建设一个img目录,没有的话可以忽略,如下图所示

WeCenter 2.织梦视频教程x模板开辟根基教程

建设新的css后,可在内里添加新模板的css和重写default原有的css举办包围。留意 : css文件名字必需跟模板名字沟通 模板建设 : 在views目录下建设和模板名字沟通的文件夹,如下图所示

WeCenter 2.织梦视频教程x模板开辟根基教程

假设要为新的模板建造一个新的登岸页面,可以先将default目录下相应的目录和文件先拷贝到新的模板文件下再举办修改,下图所示 :

WeCenter 2.织梦视频教程x模板开辟根基教程

要修改此外模板也是反复以上操纵,建设了新模板文件后,登录靠山就可以在界面设置内里选择新的模板

WeCenter 2.织梦视频教程x模板开辟根基教程

留意 : 新模板的文件目录位置必需要跟default模板目录位置一样才气举办包围

五、页面根基布局

页面一般由头部,中间内容,底部构成,个中头部和底部是通用的, 有些页面会有侧边栏,这里举例一些通用模块调用要领

头部调用 : <?php TPL::output('global/header.tpl.htm'); ?>

底部调用 : <?php TPL::output('global/footer.tpl.htm'); ?>

侧边栏调用 : <?php TPL::output('block/sidebar_menu.tpl.htm'); ?> 由于页面的宽度为940px,我们有一个aw-wecenter的class来牢靠宽度 css命名都由aw-前缀为基本,可按照需求差异自行修改 页面机关参照bs2.3.2框架的机关方法,如下

WeCenter 2.织梦视频教程x模板开辟根基教程

如有迷惑可以到bs中文官网去查察手册,

六. 常用代码阐明

常用模块代码布局

WeCenter 2.织梦视频教程x模板开辟根基教程

页面机关界说好容器后,都由上面两种模块代码嵌套构成,比方侧边栏

WeCenter 2.织梦视频教程x模板开辟根基教程

常用css代码阐明

.aw-wecenter 限制页面宽度

.aw-main-content 限制主要内容宽度

.aw-side-bar 限制侧边栏宽度

.pull-left 左浮动

.pull-right 右浮动

.clearfix 清除浮动

icon都以.aw-icon + icon名字命名,比方 .aw-icon . i-v (bs自带的除外)

btn都以.aw-btn + btn名字命名,比方.aw-btn . b-new-user (bs自带的除外)

织梦网站建设织梦教程 感谢支持织梦之家,你的支持,我们的无限动力!!!
“DEDECMS教程”欢迎分享!:

相关标签:站长之家(1069)模板(327)账户(2)WeCenter(2)模板开发(4)

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%

    欢迎您报错,或提出宝贵建议,我们将第一时间处理,为大家营造一个良好网上交流平台,感谢支持织梦之家!

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    评价:
    验证码: 点击我更换图片