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 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Vue에서 부트 스트랩을 사용하는 방법 Vue에서 부트 스트랩을 사용하는 방법 Apr 07, 2025 pm 11:33 PM

vue.js에서 bootstrap 사용은 5 단계로 나뉩니다 : Bootstrap 설치. main.js.의 부트 스트랩 가져 오기 부트 스트랩 구성 요소를 템플릿에서 직접 사용하십시오. 선택 사항 : 사용자 정의 스타일. 선택 사항 : 플러그인을 사용하십시오.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임 HTML, CSS 및 JavaScript의 역할 : 핵심 책임 Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

HTML, CSS 및 JavaScript 이해 : 초보자 안내서 HTML, CSS 및 JavaScript 이해 : 초보자 안내서 Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

부트 스트랩에 분할 라인을 작성하는 방법 부트 스트랩에 분할 라인을 작성하는 방법 Apr 07, 2025 pm 03:12 PM

부트 스트랩 분할 라인을 만드는 두 가지 방법이 있습니다 : 태그를 사용하여 수평 분할 라인이 생성됩니다. CSS 테두리 속성을 사용하여 사용자 정의 스타일 분할 라인을 만듭니다.

부트 스트랩을위한 프레임 워크를 설정하는 방법 부트 스트랩을위한 프레임 워크를 설정하는 방법 Apr 07, 2025 pm 03:27 PM

부트 스트랩 프레임 워크를 설정하려면 다음 단계를 따라야합니다. 1. CDN을 통해 부트 스트랩 파일 참조; 2. 자신의 서버에서 파일을 다운로드하여 호스팅하십시오. 3. HTML에 부트 스트랩 파일을 포함; 4. 필요에 따라 Sass/Less를 컴파일하십시오. 5. 사용자 정의 파일을 가져옵니다 (선택 사항). 설정이 완료되면 Bootstrap의 그리드 시스템, 구성 요소 및 스타일을 사용하여 반응 형 웹 사이트 및 응용 프로그램을 만들 수 있습니다.

부트 스트랩에 사진을 삽입하는 방법 부트 스트랩에 사진을 삽입하는 방법 Apr 07, 2025 pm 03:30 PM

Bootstrap에 이미지를 삽입하는 방법에는 여러 가지가 있습니다. HTML IMG 태그를 사용하여 이미지를 직접 삽입하십시오. 부트 스트랩 이미지 구성 요소를 사용하면 반응 형 이미지와 더 많은 스타일을 제공 할 수 있습니다. 이미지 크기를 설정하고 IMG-Fluid 클래스를 사용하여 이미지를 적응할 수 있도록하십시오. IMG 통과 클래스를 사용하여 테두리를 설정하십시오. 둥근 모서리를 설정하고 IMG 라운드 클래스를 사용하십시오. 그림자를 설정하고 그림자 클래스를 사용하십시오. CSS 스타일을 사용하여 이미지를 조정하고 배치하십시오. 배경 이미지를 사용하여 배경 이미지 CSS 속성을 사용하십시오.

부트 스트랩 버튼을 사용하는 방법 부트 스트랩 버튼을 사용하는 방법 Apr 07, 2025 pm 03:09 PM

부트 스트랩 버튼을 사용하는 방법? 부트 스트랩 CSS를 소개하여 버튼 요소를 만들고 부트 스트랩 버튼 클래스를 추가하여 버튼 텍스트를 추가하십시오.

부트 스트랩 크기를 조정하는 방법 부트 스트랩 크기를 조정하는 방법 Apr 07, 2025 pm 03:18 PM

부트 스트랩에서 요소의 크기를 조정하려면 다음을 포함하여 차원 클래스를 사용할 수 있습니다.

See all articles