资讯与科技

DouPHP模板制作快速入门

第一步 打开 “theme”目录 ，将“default”目录复制一份，更名为您打算制作的模板名称（可包含英文或数字），然后打开您的模板，了解下模板目录结构 。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
images--------------- 存放模板图片
inc--------------- 存放库项目
inc/about.tpl--------------- 首页关于我们
inc/slide_show.tpl--------------- 首页幻灯
inc/article_tree.tpl--------------- 文章页分类树
inc/contact.tpl--------------- 首页联系我们
inc/footer.tpl--------------- 全站底部
inc/header.tpl--------------- 全站头部
inc/link.tpl--------------- 首页友情链接
inc/online_service.tpl--------------- 在线客服
inc/page_tree.tpl--------------- 单页面分类树
inc/pager.tpl--------------- 分页
inc/product_tree.tpl--------------- 产品分类树
inc/recommend_article.tpl--------------- 首页文章调用
inc/recommend_product.tpl--------------- 首页商品调用
inc/ur_here.tpl--------------- 当前位置
article.dwt--------------- 文章详细页
article_category.dwt--------------- 文章分类页
index.dwt--------------- 首页
page.dwt--------------- 单页面
product.dwt--------------- 商品详细页
product_category.dwt--------------- 商品分类页
style.css--------------- 样式表

其中 ：

“images” 里存放模板设计中使用到的图片文件，包括网站的LOGO也是存放于此。

“.tpl” 文件是库项目，它是在 “.dwt” 文件里被调用，调用语法为 {include file=”inc/***.tpl”}。

“.dwt” 是主模板文件，分别对应根目录下同名的PHP文件。

“style.css” 这个是模板样式文件，也是您制作模板时最核心的部分。

第二步 登陆DouPHP后台，在 “系统设置” -> “站点模板” 选择您刚才添加的模板。

20141021040523_71086.jpg

以上文字只是告诉您DouPHP模板目录结构，您打算制作一个模板，必须具备相关 网页设计 知识！

本文发表日期：