找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 2134|回复: 3

PHPCMS模板制作教程初级模板篇

[复制链接]
发表于 2014-4-24 05:40:48 | 显示全部楼层 |阅读模式

phpcms,,是因为他和动易很相似,而且也比较人性化,所以上手比较容易了,其实做模板并不难
基本能力:
A.了较基本的 html
B.你一定要花时间去了解一下phpcms的模板机制(任何程序都有他自己的规则,如果我们不熟悉这个规则何来创作)
    详细:
大家要知道模板的文件放在哪里,就在根目录中的templete里,templete包括了我们所有需要修改的文件,例如首页,频道页,内容页,搜索,投票,所有标签模板......和 Css 文件;其中templete里的唯一一个文件夹—— 就是defult 文件,这也是网站默认使用的模板方案(参考更详细的说明:http://help.phpcms.cn/2006/0719/help_138.html);打开里面我发现好多文件夹,你英文够好的话,基本能明白什么意思了,例如:

QUOTE:
ads —— 广告模块,article —— 文章频道;down —— 下载频道;phpcms —— 网站常用模板文件;
这个可以参考这里(模板管理及文件目录说明:http://help.phpcms.cn/2006/0719/help_129.html);这里提醒大家的是,一般的模块文档里面包含的是3类文件:

QUOTE:
a. php文件 —— 我们根本无需关心的 ,以php 结尾。
           b.页面文件 —— 以html 后缀结束,并且不是以 tag_  开头的文件, 例如 index.html ; content.html ...(视模块不同而改变),他的作用就是让我们的网站页面可以静态的现实出来,相当于只是一个没有内容的页面而已,当我们需要输出内容的时候就需要用到标签了,标签其实就是有输出内容功能的一个标记,通常以 {tag_XXXXXXXX} 这样的形式出现在 html 的页面(b类文件中) 中,例如可以输出 网站公告信息的标签是 —— {tag_网站首页最新公告},输出 网站首页推荐信息的标签是 —— {tag_首页推荐信息},(参考:中文标签的含义),大家不妨自己打开b类文件 看看研研究究,也可以试试操作,例如删除 b 页面 所有类似这样 {tag_XXXXXXXX} 的文件 .
          c.标签模板 —— 以html 后缀结束,并且以 tag_ 的开头的文件;他的左右就是 要控制 标签 要怎么输出和输出成什么样式的,输出方式我们可以选择 table 或者 div + css ;样式就要我们 使用必要的 html 和 css 知识 进行美化了

标签分为了2类:

QUOTE:
a.系统自带的标签,这个说明——如果我们充分了解标签输出的内容(可以到后台查看,标签的中文说明)那么我们就可以把他放置网页需要输出内容的地方了(在b类页面中插入位置)。
b.自己创建新的标签,这个说明—— 当我们觉得输出的内容不符合我们的需求的时候,我们就可以到后台创建自己的所需的标签(到后台的模板风格管理,然后到相关板块管理中,选择创建新的标签,例如输出 ),然后把他放置网页需要输出内容的地方了。

初级模板制作教程:
   

FREE:
A.修改首页,大家不妨打开首页(位置:templates\default\phpcms\index.html),看见我们熟悉的 html 代码没有,哈 !~~至于那些标签我们就别管他了,大家现在想怎么改?增加多一张 图片美化 网站?增加多一个广告图片?改变网站表格的宽度?或者是删除首页内容的一张图片?等等,好,这些我们完全可以用dreamweaver 这些可视化的工具去操作,dreamweaver不会?去学习了!如果你厉害有 记事本就可以修改了。
   B.继续修改首页,不过这次,我们需要 有 css 基本知识了,看看首页哪些内容用了 css 控制的,找到一个了:<h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2> 其中“更多“的连接显示方式使用了 more 这个css样式来控制,好,我们找到控制首页的css(位置:templates\default\skins\default\style.css),然后根据我们的css 知识来修改吧 !~~
   C.修改网站幻灯片的图片显示,这个是关于phpcms 后台的操作了,如果大家参考这篇的教程:网站首页模版   
   D.整站模板方案 调换,有详细的图文教程,就剩下了:教你如何添加新模板

其他:

FREE:
A.修改首页,大家不妨打开首页(位置:templates\default\phpcms\index.html),看见我们熟悉的 html 代码没有,哈 !~~至于那些标签我们就别管他了,大家现在想怎么改?增加多一张 图片美化 网站?增加多一个广告图片?改变网站表格的宽度?或者是删除首页内容的一张图片?等等,好,这些我们完全可以用dreamweaver 这些可视化的工具去操作,dreamweaver不会?去学习了!如果你厉害有 记事本就可以修改了。
   B.继续修改首页,不过这次,我们需要 有 css 基本知识了,看看首页哪些内容用了 css 控制的,找到一个了:<h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2> 其中“更多“的连接显示方式使用了 more 这个css样式来控制,好,我们找到控制首页的css(位置:templates\default\skins\default\style.css),然后根据我们的css 知识来修改吧 !~~
   C.修改网站幻灯片的图片显示,这个是关于phpcms 后台的操作了,如果大家参考这篇的教程:网站首页模版   
   D.整站模板方案 调换,有详细的图文教程,就剩下了:教你如何添加新模板

QUOTE:
通过以上实例,会员可以使用基本的 html ,css 和 phpcms 的操作知识来实现模板的修改,当然如果你聪明的话,你可以举一反三了,例如修改首页的方法是雷同于其他页面的,而利用后台修改首页幻灯片显示的操作雷同于标签的操作,最重要的是用户要花时间去了解,花精力去实践,相信自己的付出总会有收获吧!
QUOTE:
ads —— 广告模块,article —— 文章频道;down —— 下载频道;phpcms —— 网站常用模板文件;

这个可以参考这里(模板管理及文件目录说明:http://help.phpcms.cn/2006/0719/help_129.html);这里提醒大家的是,一般的模块文档里面包含的是3类文件:


QUOTE:
a. php文件 —— 我们根本无需关心的 ,以php 结尾。
           b.页面文件 —— 以html 后缀结束,并且不是以 tag_  开头的文件, 例如 index.html ; content.html ...(视模块不同而改变),他的作用就是让我们的网站页面可以静态的现实出来,相当于只是一个没有内容的页面而已,当我们需要输出内容的时候就需要用到标签了,标签其实就是有输出内容功能的一个标记,通常以 {tag_XXXXXXXX} 这样的形式出现在 html 的页面(b类文件中) 中,例如可以输出 网站公告信息的标签是 —— {tag_网站首页最新公告},输出 网站首页推荐信息的标签是 —— {tag_首页推荐信息},(参考:中文标签的含义),大家不妨自己打开b类文件 看看研研究究,也可以试试操作,例如删除 b 页面 所有类似这样 {tag_XXXXXXXX} 的文件 .
          c.标签模板 —— 以html 后缀结束,并且以 tag_ 的开头的文件;他的左右就是 要控制 标签 要怎么输出和输出成什么样式的,输出方式我们可以选择 table 或者 div + css ;样式就要我们 使用必要的 html 和 css 知识 进行美化了


标签分为了2类:


QUOTE:
a.系统自带的标签,这个说明——如果我们充分了解标签输出的内容(可以到后台查看,标签的中文说明)那么我们就可以把他放置网页需要输出内容的地方了(在b类页面中插入位置)。
b.自己创建新的标签,这个说明—— 当我们觉得输出的内容不符合我们的需求的时候,我们就可以到后台创建自己的所需的标签(到后台的模板风格管理,然后到相关板块管理中,选择创建新的标签,例如输出 ),然后把他放置网页需要输出内容的地方了。


初级模板制作教程:
   


FREE:
A.修改首页,大家不妨打开首页(位置:templates\default\phpcms\index.html),看见我们熟悉的 html 代码没有,哈 !~~至于那些标签我们就别管他了,大家现在想怎么改?增加多一张 图片美化 网站?增加多一个广告图片?改变网站表格的宽度?或者是删除首页内容的一张图片?等等,好,这些我们完全可以用dreamweaver 这些可视化的工具去操作,dreamweaver不会?去学习了!如果你厉害有 记事本就可以修改了。
   B.继续修改首页,不过这次,我们需要 有 css 基本知识了,看看首页哪些内容用了 css 控制的,找到一个了:<h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2> 其中“更多“的连接显示方式使用了 more 这个css样式来控制,好,我们找到控制首页的css(位置:templates\default\skins\default\style.css),然后根据我们的css 知识来修改吧 !~~
   C.修改网站幻灯片的图片显示,这个是关于phpcms 后台的操作了,如果大家参考这篇的教程:网站首页模版   
   D.整站模板方案 调换,有详细的图文教程,就剩下了:教你如何添加新模板



其他:


FREE:
A.修改首页,大家不妨打开首页(位置:templates\default\phpcms\index.html),看见我们熟悉的 html 代码没有,哈 !~~至于那些标签我们就别管他了,大家现在想怎么改?增加多一张 图片美化 网站?增加多一个广告图片?改变网站表格的宽度?或者是删除首页内容的一张图片?等等,好,这些我们完全可以用dreamweaver 这些可视化的工具去操作,dreamweaver不会?去学习了!如果你厉害有 记事本就可以修改了。
   B.继续修改首页,不过这次,我们需要 有 css 基本知识了,看看首页哪些内容用了 css 控制的,找到一个了:<h2><a class="more" href="{$MODULE[link][linkurl]}">更多 >></a></h2> 其中“更多“的连接显示方式使用了 more 这个css样式来控制,好,我们找到控制首页的css(位置:templates\default\skins\default\style.css),然后根据我们的css 知识来修改吧 !~~
   C.修改网站幻灯片的图片显示,这个是关于phpcms 后台的操作了,如果大家参考这篇的教程:网站首页模版   
   D.整站模板方案 调换,有详细的图文教程,就剩下了:教你如何添加新模板


回复

使用道具 举报

发表于 2014-7-24 10:41:11 | 显示全部楼层
感谢分享。
回复

使用道具 举报

发表于 2014-7-27 06:19:57 | 显示全部楼层
不明觉厉!还是要感谢分享!
回复

使用道具 举报

发表于 2014-9-23 10:41:33 | 显示全部楼层
谢谢老大,都是干货啊 ,哈哈,发财了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|站长网 网站备案:鄂ICP备13006300号-4

GMT+8, 2024-4-20 05:18 , Processed in 0.045738 second(s), 20 queries .

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表