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