phpwind门户模板制作教程.doc

门户模板转换详细教程门户模板体系目录1. 库目录 “/mode/area/themes/” 是用来存放用来创建门户频道“母板”的目录2. 开发目录 “/html/channel/” 是用来存放已经生成的门户频道3. 头部和底部“/mode/area/template/” 里的header.htm和footer.htm4. 头部登陆框调用的是 “/mode/area/template/” m_header.htm5. 全站调用模块模板目录”/html/portal/” 该目录用来存放门户调用模块的模版门户转换具体操作1. 首先进入后台新建自己想要的频道：后台模式门户模式左侧的频道管理 例如：新建一个家装频道频道名称：家装频道风格模板：blank（这个是专门拿来转换的，因为文件夹里面内容是空，便于大家添加自己想要的内容）英文别名：jiazhuang（这名称可以自己定，但一定是英文的）域名绑定：不需要填写 提交之后将会在html/channel/目录里自动生成一个jiazhuang文件夹，我们就可以在这个生成的jiazhuang文件夹里做模板了频道文件已经建好，但是需要在前台浏览页面，后台也已经生成相应的频道，可以从后台频道管理已经生成好的链接直接访问，因为原生成的文件是空的没有内容，所以效果如下图：2、现在我们可以开始第二步骤，写静态的页面（html+css） 进入html/channel/jiazhuang/目录，可以看到如下文件：Images 文件夹用来放图片和style样式文件，config.htm 用来放自动生成的pw转换代码index.html 是页面的缓存文件，咱们不需要去管它main.html 是用来放置html代码，所以我们写的静态代码都是要在这个文件里来完成，现在我把已经写好的html静态代码放到main.htm来，先来看一下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里面插入.就OK了。 嵌套好pw之后保存文件前台刷新，返回main.html，代码已经生成好了，又一个模块成功，因为播放器代码特殊，所以再举例一个帖子列表模块： 这个也是一样可以在.之间嵌套pw，保存好文件在浏览看看效果：怎么样，效果出来了吧，做到这一步，就说明已经熟悉了pw的嵌套流程了，是不是很简单哦？看看main.html文件里的代码成什么样了吧：4、那几个模块代码原来都已经被给代替了，下面的内容做法就可以用同样的方式去嵌套咯，我们就此打住，开始要把生成到config.html文件里的静态代码转换成可循环管理的动态效果咯，这就是我们要说的第四个步骤： 4-1、首先从最简单的帖子列表开始：但我们应该怎么去做呢，到config.html文件里找到相应的列表id：可循环代码是什么呢，后台都有详细的介绍的：标签，一个代表是一个调用模块： action：代表调用的类型。 subject:调用帖子 user:调用用户 forum:调用版块 tag:调用标签 image:调用图片标签中间代表的是循环的数据4-2、既然已经知道循环的代码了，那么我们就可以开始啦：因为是帖子列表模块，转换也比较简单Action=”subject” 调用的是帖子Num=”8” 调用8条.数据,位置顺序要写正确，否则也会出错url 路径forumname,4 所在板块，截取四个字符，实际是两个中文字title,36 帖子标题，截取36个字符，实际是18个中文字要想自己手动添加，那么就点击管理添加推送内容，里面的可以自己摸索摸索，熟练了就感觉很有味道：不过要是像这种文字标题，不需要做循环的就直接嵌套pw标签就ok了