从官网把phpcms最新版本下载下来,并安装好。安装好之后在后台里的网站配置--基本信息那 生成文件扩展名 html 设置好,然后更新首页和缓存。生成HTML后打开网站下的./templates/default/phpcms/ 目录,这就是生成的默认模板的存放位置。我截图给大家看
完整的首页模板就是由里面的header.Html(头部)、index.Html(首页)、footer.Html(尾部) 三个模板文件组成的,如果想修改首页就是修改这几个模板。下面我把常用的模板名称列出来,让大家了解。
以category 开头的都是栏目页
category.html 文章栏目页
category_down.html 下载栏目页
category_info.html 信息栏目页
category_picture.html 图片信息页
category_product.html 产品栏目页
category_video.html 视频栏目页
以list 开头的都是列表页
list.html 文章列表页
list_down.html 下载列表页
list_picture.html 图片列表页
list_product.html 产品列表页
list_video.html 视频列表页
以show开头的都是内容页
show.html 文章内容页
show_down.html 下载内容页
show_info.html 信息内容页
show_picture.html 图片内容页
show_product.html 产品内容页
show_video.html 视频内容页
这就是PHPCMS的基本模板名称,如果你想要制作或修改模板,只要找到相应的模板修改就行了。其它以TAG开头的模板都一些标签模板,在后面我再为大家详细解释。为些模板名称大家都可以在PHPCMS程序后台找得到。官方PHPCM默认的每个频道基本是由栏目页、列表页、内容页 这三个页面组成,头部和尾部都是通用的。所以我们做模板或是仿模板的时候一般都是按:
1、网站首页
2、文章—文章栏目页—文章列表页—文章内容页
3、图片—图片栏目页—图片列表页—图片内容页
4、下载频道同上
5、信息频道同上
6、其他单一页面
这个顺序来做。
第二讲:首页模板解析及制作思路
大家都知道,制作模板之前我们都是先把想要的模板效果样式做成静态的HTML页面,之后再通过一定的规则把静态的HTML页面转换成PHPCMS模板,让这个模板可以自动的调用或读取PHPCMS程序里的内容。这个让静态HTML转换成可以自动读取PHPCMS程序里的内容的方法就是我们要学的知识。
我们看看默认head.Html模板代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
/*网页使用的是W3C标准XHTML+CSS ,也就是别人常就的 DIV+CSS */
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
/*这是官方模板中的网页编码定义,{CHARSET}是只有phpcms才会识别的变量标签,可以自动识别程序的编码
在制作模板的时候改成自己程序相应的编码就行了。假如你的程序编码是GBK的。你改成:
<meta http-equiv="Content-Type" content="text/html; charset=GBK" /> */
<title>{$head[title]}</title>
/*读取网站的名称*/
<meta content="{$head[keywords]}" name="keywords" />
<meta content="{$head[description]}" name="description" />
/*读取网站的关键字和描述*/
<base href="{SITE_URL}" />
/*这是读取网站后台设置的网址,也是就自己的域名,如果去掉的话,那么CSS样式和其它的图片都无法正常显示*/
<link href="favicon.ico" rel="shortcut icon" />
<link href="{SKIN_PATH}{$mod}.css" rel="stylesheet" type="text/css" />
/*链接模板的CSS样式 做模板的时候把这里改成如:<link href="templates/default/skins/default/phpcms.css" rel="stylesheet" type="text/css" />就行。 */
<link rel="alternate" type="application/rss+xml" title="{$head[title]}" href="/rss.php?rssid={$catid}" />
/*读取网页标题*/
<script language="JavaScript" src="data/config.js"></script>
<script language="JavaScript" src="images/js/jquery.min.js"></script>
<script language="JavaScript" src="images/js/css.js"></script>
<script language="JavaScript" src="images/js/common.js"></script>
<script language="JavaScript" src="images/js/login.js"></script>
<script language="JavaScript" src="images/js/validator.js"></script>
/*上面几个JS文件关系到一些重要调用,做模板的时候要记得调用。可以把它们复制到相应模板文件夹里然后再调用*/
</head>
<body onload="menu_selected('{php echo $catid ? $catid : $mod;}')">
<div id="top">
{if isset($MODULE['search'])}
{php $types = cache_read('search_type.php');}
<div class="f_r">
<form name="site_search" action="{$MODULE[search][url]}" target="_blank">
<input type="text" name="q" size="20" class="input_blur"/>
<select name='type'>
<option value="all">全部</option>
{loop $types $k $name}
<option value="{$k}">{$name}</option>
{/loop}
</select>
<input type="submit" name="s" id="button" value="搜索" class="button_style"/>
</form>
</div>
{/if}
/*上面是默认搜索部分*/
<div class="f_l">
<div id="div_login" style="display:none">
<form action="{$MODULE[member][url]}login.php" method="post" name="login" onsubmit="return loginSubmit(this, {PASSPORT_ENABLE});">
用户名:<input type="text" name="username" size="12" class="input_blur"/>
密码:<input type="password" name="password" size="12" class="input_blur"/>
<input type="submit" name="dosubmit" value="登录" class="button_style"/>
<input type="button" name="register" value="注册" onclick="redirect('{$MODULE[member][url]}register.php')" class="button_style"/>
<input type="hidden" name="cookietime" value="0"/>
</form>
</div>
<div id="div_logined" style="display:none">
<strong id="logined_username" ></strong>,<a href="{$MODULE[member][url]}">会员中心</a> |
<a href="{if PASSPORT_ENABLE}{$MODULE[member][url]}logout.php{else}javascript:logout('{$MODULE[member][url]}logout.php?action=ajax');{/if}">退出登录</a>
</div>
</div>
</div>
/*上面是默认会员登录部分*/
<div id="head">
<div id="logo">
<a href="{SITE_URL}"><img src="images/logo.gif" target="_blank">下来,存放路径和目标网站一样。
郑重声明:
本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。
若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
我们不承担任何技术及版权问题,且不对任何资源负法律责任。
如无法下载,联系站长索要。
如有侵犯您的版权,请给我们来信:cainiaovip8@qq.com,我们尽快处理。