Discuz! Board

 找回密码
 立即注册

header.htm DZ头部模版文件代码解析

[复制链接]
9
admin 发表于 2017-1-14 10:40:50

管理员 |主题 96|帖子 169|积分 2800

本解析由一地纸(1-dz.com)原创整理,转载请注明出处

header.htm文件代码解析大概看下就行,不用刻意去记住,遇到问题的时候再来Ctrl+F查找你需要的知识点,不仅节约时间还记得牢。

header.htm文件代码解析header.htm顾名思义也就是头部的意思,以默认模版为例,你看到的包括搜索框在内的以上所有东西都属于头部模版。
header.htm位于.../template/你当前启用的模版目录/common/目录下。
我就不像人家那样直接把代码复制过来了,下面就从上到下把一些我们可能要改的地方尽量简明的说下,不明白的可以回帖问我。

1、打开header.htm、包括DZ的其它模版文化,我们会看到很多<!--{if******<!--{/if}-->这种代码,这个也就是人家常说的判断标签,比如判断会员是否登录就需要用这个,这里不多说,具体见:,改模版的前提是在不知道这些代码是什么意思的前提下尽量保持原状不动;

2、还有一种类似比如<!--{subtemplate common/header_common}-->,也是<!--形式,只是没有if,这种是引入或者说调用其它模版文件的意思,header中的第一句<!--{subtemplate common/header_common}-->就是引入common目录下的header_common.htm文件;

3、</head>标签以上的是header_common.htm的延续,就是调用各页面的JS,一般我们若需要引入其它作用于整站CSS/JS的时候会写在这里;

4、body以下就是头部的html代码了,包括DIY、顶部导航、主导航、快捷导航、LOGO、登录框以及登录后的用户信息、搜索框以及热搜。

5、$diynav也就是管理员登陆后可见的那个右上角的DIY按钮,一般不需要改动;

6、<div id="toptb" class="cl">...</div>也就是顶部导航,其中的$nav[code]是顶部左侧导航的变量,右侧还有三段代码分别是宽窄屏切换、风格切换、DIY按钮;

7、<!--{if !IS_ROBOT}-->...<!--{/if}-->(83到118行),这是隐藏的三处头部下拉菜单内容,比如 我的、提醒、快捷导航都在这里,因为快捷导航内容较多,所以是用<!--{subtemplate common/header_qmenu}-->引用的,而非直接写在里面。如果你要做的新头部模版不需要这些则可以删掉,能精简不少代码;

8、<!--{ad/headerbanner/wp a_h}-->是顶部广告,也就是后台广告设置里面的内个。凡是<!--{ad/这种代码都是广告位的调用代码;

9、<div id="hd">...</div>(121到162行),这个里面就是除顶部导航外的所有内容了;

10、<div class="hdc cl">...</div>中分别是左侧的LOGO和右侧的会员信息,$_G['setting']['bbname']就是你在后台设置的站点名称的调用代码,{$_G['style']['boardlogo']}是模版里面设置的LOGO文件路径及名称,<!--{template common/header_userstatus}-->也就是引入右侧会员信息的,包括登录前、登陆后的代码都在common目录下的header_userstatus.htm文件中;

11、<div id="nv">...</div>也就是主导航以及主导航右侧的快捷导航了,其中第一句a标签{lang my_nav}就是快捷导航,不需要的话把a标签这段删掉就行,或者移到你要放的位置。下面的ul标签就是主导航的循环变量了;

12、<!--{ad/subnavbanner/a_mu}-->是二级导航广告;

13、<!--{subtemplate common/pubsearchform}-->是引入搜索框的,包括搜索框右侧的热搜,要修改搜索框的话就去改common目录下的pubsearchform.htm吧;

14、<!--{hook/global_header}-->预留的插件潜入点;

15、<div id="wp" class="wp">是作用于全局的div标签,比如页面整体的宽度就是由class="wp"控制;

END,打完收工
2017年1月14日 10:40:35


一地纸 ( 闽ICP备09072999号 )

GMT+8, 2021-5-17 20:01

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表