首页 php教程 php手册 phpwind9.0模板制作,论坛风格大开发

phpwind9.0模板制作,论坛风格大开发

Jun 21, 2016 am 08:50 AM
bbs css template

 

  对于每个PHPer而言,最近最高兴的事情莫过于PHPwind9.0的发布,但要搞懂它并进行一定的开发还需要下一番苦功才行。由于论坛模板机制和门户等模板机制不同,所以今天我就先重点讲讲论坛模板制作的大概过程。

  一、先来熟悉下phpwind9.0的论坛模板机制。

  其实phpwind9.0的模板机制和discuzx2.5差不多,都是程序运行本身自带的默认模板(template内文件),然后如果我们自己设计一套模板放在对应的文件夹中并且后台进行指定的话,那么程序就将运行我们新建的模板风格,官方这样做的目的是:想改哪里就做哪里的模板,很方便很灵动,如果说为了修改一个论坛界面的风格动辄就要去做整站模板的话,那可就得不偿失了。

  二、制作论坛模板风格需要哪些文件和目录?

  1、新风格目录

  2、css目录及css文件(样式)

  3、js目录及js文件(javascript、jquery等脚本)

  4、images目录及图片文件(风格图片)

  5、template目录及htm文件(模板)

  6、Manifest.xml(安装配置文件)

  说明:

  ①新风格目录是必须要建的,以下2~6项的文件全部放在其中。

  ②css目录必须要建立,为了规范化在css目录里继续建立dev和build目录,dev是风格要使用的css目录;build目录是后台开启压缩css功能后将产生压缩后的css文件的目录。在dev目录下放置新风格的css文件即可。

  ③如果你做的风格不需要js特效的话可以忽略此项,否则你需要建立js目录然后将js文件放入其中。

  ④如果你做的风格不需要图片的话可以忽略此项,否则你需要建立images目录,然后将图片文件放在里面即可。

  ⑤template目录必须要建立,用于存放htm模板文件,htm文件名称一定要对应官方/template/bbs/下相关模板的名称,否则程序无法识别。

  ⑥Manifest.xml文件必须要建立,用于后台识别并安装模板用图。

  作为以上说明的补充请看:http://www.zsbs.net/phpwind/forum.html

  三、论坛页面所对应的模板

  很多朋友在体验站里讨教例如在哪个文件里修改某某页面的问题,为了大家不走弯路一个个文件查看,我先将我知道的页面对应htm文件进行说明,如果有没说明到的地方,请大家跟帖,当然如果有能力的朋友也请将更多的说明贴上来。

  论坛首页:/index.php?m=bbs

  对应模板:/template/bbs/index_run.htm

  论坛最新发帖页、最后回复页(如图)

  对应模板:/template/bbs/forum_run.htm 和 forum_run.htm 和 forum_list.htm

  论坛频道页:/index.php?m=bbs&c=cate&fid=1

  对应模板:/template/bbs/cate_run.htm 和 cate_digest.htm

  论坛版块页面:/index.php?m=bbs&c=thread&fid=1

  对应模板:/template/bbs/thread_run.htm

  论坛帖子阅读页:/read.php?tid=1&fid=1

  对应模板:/template/bbs/read_run.htm 和 read_reply_floor.htm 和 read_floor.htm

  其实看到这里想必大家也能发现一些规律:

  比如一般首页都是运行类似 某某_run.htm的文件。

  比如链接url路径里看到什么名字,那么其对应的模板也是什么名字做前缀。

  比如和链接url路径名字相同前缀的文件都是和此连接相关的htm文件。

  希望大家能够举一反三,这里因为家里冻手,所以就不一一例举说明了,期待更多的热心会员反馈经常发现!

  四、制作模板

  这里就不详细说明了,下次用一个实例教程进行将解。无法就是将程序的各种php if判断和标签套在htm代码之中。对应好css、js、images等路径就好。

  五、配置Manifest.xml安装文件

  这个文件我的理解是,可以使后台识别是否存在新风格的重要依据。我做了一个实验,建立一个新目录,将此配置文件放在里面,然后将这个新风格目录直接放在/themes/forum/下面,程序后台就能识别有新风格。关于这个配置文件的重要性我就不多说了,大家只要参照说明照葫芦画瓢就可以了。

  更多可以看官网的phpwind9.0手册。

  六、安装新做好的模板

  1、将新建模板目录整体放在程序根目录/themes/forum/下面,然后进入后台点击云平台→模板管理→本地安装→会看到新模板,请勾选后安装它。

  2、安装完毕并不代表已经在使用它了,请到后台的版块设置里指定使用此风格,这个功能很好,比如我想用版块1做博客,想用版块2做资讯,想用版块3做论坛……那么你只需要做各种风格的版块模板来进行匹配就ok,当然了目前仅仅是版块绑定风格,官方证实频道页也会有风格绑定功能的,期待正式版phpwind9.0。



本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

vue中怎么用bootstrap vue中怎么用bootstrap Apr 07, 2025 pm 11:33 PM

在 Vue.js 中使用 Bootstrap 分为五个步骤:安装 Bootstrap。在 main.js 中导入 Bootstrap。直接在模板中使用 Bootstrap 组件。可选:自定义样式。可选:使用插件。

HTML,CSS和JavaScript的角色:核心职责 HTML,CSS和JavaScript的角色:核心职责 Apr 08, 2025 pm 07:05 PM

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

bootstrap怎么写分割线 bootstrap怎么写分割线 Apr 07, 2025 pm 03:12 PM

创建 Bootstrap 分割线有两种方法:使用 标签,可创建水平分割线。使用 CSS border 属性,可创建自定义样式的分割线。

了解HTML,CSS和JavaScript:初学者指南 了解HTML,CSS和JavaScript:初学者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

bootstrap怎么插入图片 bootstrap怎么插入图片 Apr 07, 2025 pm 03:30 PM

在 Bootstrap 中插入图片有以下几种方法:直接插入图片,使用 HTML 的 img 标签。使用 Bootstrap 图像组件,可以提供响应式图片和更多样式。设置图片大小,使用 img-fluid 类可以使图片自适应。设置边框,使用 img-bordered 类。设置圆角,使用 img-rounded 类。设置阴影,使用 shadow 类。调整图片大小和位置,使用 CSS 样式。使用背景图片,使用 background-image CSS 属性。

bootstrap按钮怎么用 bootstrap按钮怎么用 Apr 07, 2025 pm 03:09 PM

如何使用 Bootstrap 按钮?引入 Bootstrap CSS创建按钮元素并添加 Bootstrap 按钮类添加按钮文本

bootstrap怎么设置框架 bootstrap怎么设置框架 Apr 07, 2025 pm 03:27 PM

要设置 Bootstrap 框架,需要按照以下步骤:1. 通过 CDN 引用 Bootstrap 文件;2. 下载文件并将其托管在自己的服务器上;3. 在 HTML 中包含 Bootstrap 文件;4. 根据需要编译 Sass/Less;5. 导入定制文件(可选)。设置完成后,即可使用 Bootstrap 的网格系统、组件和样式创建响应式网站和应用程序。

bootstrap怎么调整大小 bootstrap怎么调整大小 Apr 07, 2025 pm 03:18 PM

要调整 Bootstrap 中元素大小,可以使用尺寸类,具体包括:调整宽度:.col-、.w-、.mw-调整高度:.h-、.min-h-、.max-h-

See all articles