《phpwind门户模板制作教程》由会员分享,可在线阅读,更多相关《phpwind门户模板制作教程(7页珍藏版)》请在金锄头文库上搜索。
1、门户模板转换详细教程门户模板转换详细教程门户门户模板体系目模板体系目录录1.库目录 “/mode/area/themes/” 是用来存放用来创建门户频道“母板”的目录2.开发目录 “/html/channel/” 是用来存放已经生成的门户频道3.头部和底部“/mode/area/template/” 里的 header.htm 和 footer.htm4.头部登陆框调用的是 “/mode/area/template/” m_header.htm5. 全站调用模块模板目录”/html/portal/” 该目录用来存放门户调用模块的模版门户转换具体操作门户转换具体操作1. 首先进入后台新建自己想要
2、的频道:后台模式门户模式左侧的频道管理例如:新建一个家装频道频道名称:家装频道风格模板:blank(这个是专门拿来转换的,因为文件夹里面内容是空,便于大家添加自己想要的内容)英文别名:jiazhuang(这名称可以自己定,但一定是英文的)域名绑定:不需要填写 提交之后将会在 html/channel/目录里自动生成一个 jiazhuang 文件夹,我们就可以在这个生成的 jiazhuang 文件夹里做模板了频道文件已经建好,但是需要在前台浏览页面,后台也已经生成相应的频道,可以从后台 频道管理已经生成好的链接直接访问,因为原生成的文件是空的没有内容,所以效果如下图:2、现在我们可以开始第二步骤
3、,写静态的页面(、现在我们可以开始第二步骤,写静态的页面(html+css)进入 html/channel/jiazhuang/目录,可以看到如下文件:Images 文件夹用来放图片和 style 样式文件,config.htm 用来放自动生成的 pw 转换代码index.html 是页面的缓存文件,咱们不需要去管它main.html 是用来放置 html 代码,所以我们写的静态代码都是要在这个文件里来完成,现在我把已经写好的 html 静态代码放到 main.htm 来,先来看一下 main.html 文件: 可以看到有上下两段 php 代码,这是调用 header 头部和 footer 底
4、部,所以这两段代码必须保留,而我们只需 要在“这里添加模块”这个地方写自己需要的代码就好了.A、首先把 style.css 和切好的图片放到 images 文件夹里,B、然后在 main.html 编写 html 代码,尽量写的规范点,对后面转换就比较容易C、前台刷新浏览页面,看效果:3、现在静态写好了,我们可以开始第三步骤,转换成、现在静态写好了,我们可以开始第三步骤,转换成 pw 模块:模块:3-1、这个地方我们就要看一下页面上每个模块与模块之间的 html 代码是什么样的关系,比如家居频道大 标题和右边的小链接:这一个模块的代码是一个 div 整个包起来的,那么我们可以把这个 div 里
5、的内容用一个 pw 标签给嵌套起来, 记得有开始标签,那就一定要有结束标签,代码如上;嵌套好之后,ctrl+s 保存文件,到前台浏览 刷新页面,要先用管理员身份登录,点击右边的模块管理,再把鼠标移到刚刚转换好的那一个模块,就会出现 管理框然后再回到 main.html 文件,这时候会弹出一个说明框,直接点击“是”就好了:再看刚刚那一段代码有了变 化,你一定会纳闷,原先那么的代码怎么就只剩下这么一句啦? 它们都哪儿去了呢,别着急,它们只是为了方便管理而另存到与 main.html 同一目录下的 config.htm 文件里来 啦,现在打开 config.html 文件看看,原来空空如也的 con
6、fig.html 文件里已经有了消失的那段代码了,现在应 该搞明白是怎么回事了吧:这里有一个很重要的问题要注意哦:就是 main.html 里的这个 pw 一定要和config.html 文件里的一样,不然会找不到,那么浏览页面的时候也不会出现 内容的哦。3-2、现在已经转好一个模块了,但是这个模块还没有真正的成功,因为它还是静态代码,不过为了更加快捷 的把整个页面全部都弄好,就先把 main.html 的代码都按照同样的方法转换到 config.html 去,再做下一步工 作,上面讲到的才是一部分,而且很简单,那么再看看第二个模块,可以用 firefox 的 firebug 看看:这里一个大
7、框架里面包括了三个小模块,左边一个播放器不用说可以作为一个 pw 嵌套模块;但是中间热点新 闻那里就不一样了,不过也很好分,上面热点摘要可以作为一个 pw 嵌套模块,下面的新闻列表可以作为一个 pw 嵌套模块;最右边模块里也有几个不同的内容,一样的模块标题作为一个 pw 嵌套:图文列表作为一个 pw 嵌套模块,新闻列表作为一个 pw 嵌套模块,下面广告图片也作为一个 pw 嵌套模块:3-3、模块与模块之间都已经分清楚了,现在可以回到、模块与模块之间都已经分清楚了,现在可以回到 main.html 文件来看代码:文件来看代码:先来看看播放器的静态代码,这个是左边播放器的静态代码,要转换成 pw
8、模块,直接在外框 div 里面插入 .就 OK 了。嵌套好 pw 之后保存文件前台刷新,返回 main.html,代码已经生成好了,又一个模块成功,因为播放器代码 特殊,所以再举例一个帖子列表模块:这个也是一样可以在这个也是一样可以在.之间嵌套之间嵌套 pw,保存好文件在浏览看看效果:,保存好文件在浏览看看效果:怎么样,效果出来了吧,做到这一步,就说明已经熟悉了 pw 的嵌套流程了,是不是很简单哦?看看 main.html 文件里的代码成什么样了吧:4、那几个模块代码原来都已经被、那几个模块代码原来都已经被给代替了,下面的内容做法就可以用同样的方式去嵌套咯,给代替了,下面的内容做法就可以用同样
9、的方式去嵌套咯, 我们就此打住,开始要把生成到我们就此打住,开始要把生成到 config.html 文件里的静态代码转换成可循环管理的动态效果咯,这就是我们文件里的静态代码转换成可循环管理的动态效果咯,这就是我们 要说的第四个步骤:要说的第四个步骤:4-1、首先从最简单的帖子列表开始:但我们应该怎么去做呢,到 config.html 文件里找到相应的列表 id:可循环代码是什么呢,后台都有详细的介绍的:标签,一个代表是一个调用模块: action:代表调用的类型。 subject:调用帖子 user:调用用户 forum:调用版块 tag:调用标签 image:调用图片标签中间代表的是循环的数
10、据4-2、既然已经知道循环的代码了,那么我们就可以开始啦:因为是帖子列表模块,转换也比较简单、既然已经知道循环的代码了,那么我们就可以开始啦:因为是帖子列表模块,转换也比较简单Action=”subject” 调用的是帖子Num=”8” 调用 8 条.数据,位置顺序要写正确,否则也会出错url 路径forumname,4 所在板块,截取四个字符,实际是两个中文字title,36 帖子标题,截取 36 个字符,实际是 18 个中文字要想自己手动添加,那么就点击管理添加推送内容,里面的可以自己摸索摸索,熟练了就感觉很有味道:不过要是像这种文字标题,不需要做循环的就直接嵌套 pw 标签就 ok 了,要想改变标题文字,直接在前台管 理编辑模块代码那儿手动修改就好了:4-3、后面的内容做法都一样,最后讲一下播放器应该怎么转换,其实、后面的内容做法都一样,最后讲一下播放器应该怎么转换,其实 pw 已经写好了相应的已经写好了相应的 js,只需要套上,只需要套上 就就 ok 了了,如果不懂不知道怎么写,可以直接在如果不懂不知道怎么写,可以直接在 html/channel/默认的频道里面找到这个播放器的转换代码:默认的频道里面找到这个播放器的转换代码: