phpcms 替换首页

利用phpcms制作企业站,首先要将静态的企业主页替换成后台可编辑的动态主页。

首先做一个静态的企业站主页:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		ul li{
			list-style: none;
			display: block;
			position: relative;
			float: left;
			width: 100px;

		}
		ul{
			height: 50px;
		}
		.base{
			color: #000000;
		}
		.col{
			color: #0000FF;
		}

		ul li a{
			text-decoration: none;

		}
		#header{
			width: 1200px;
			height: 50px;
			border: solid 2px #000000;
		}

		#footer{
			width: 1200px;
			height: 50px;
			border: solid 2px #000000;
		}
		.list{
			position: relative;
			width: 500px;
			height: 250px;
			margin-left: 50px;
			border: solid 2px #000000;
			margin-top: 10px;
			float: left;
		}
		#content{
			width: 1200px;
			height: 550px;
		}
	</style>
	<body>
		 <div id="header">
    	<ul>
    		<li ><a class="col" href="">首页</a></li>
    		<li ><a class="base" href="">新闻</a></li>
    		<li ><a class="base" href="">公告</a></li>
    		<li ><a class="base" href="">关于我们</a></li>
    		<li ><a class="base" href="">加入我们</a></li>
    	</ul>

    </div>

    <div id="content">
		<div class="list">新闻<span style="padding-left: 430px;"><a href="#">更多</a></span> <p>腐败发布啊</p></div>
		<div class="list">公告<span style="padding-left: 430px;"><a href="#">更多</a></span><p>大牛坊三年级</p></div>
		<div class="list">关于<span style="padding-left: 430px;"><a href="#">更多</a></span><p>打你叫你</p></div>
		<div class="list">招聘<span style="padding-left: 430px;"><a href="#">更多</a></span><p>的毛囊烦恼</p></div>
	</div>

	<div id="footer">
		<ul>
    		<li ><a class="base" href="">友情链接</a></li>
    		<li ><a class="base" href="">链接1</a></li>
    		<li ><a class="base" href="">链接2</a></li>
    		<li ><a class="base" href="">链接3</a></li>
    		<li ><a class="base" href="">链接4</a></li>
    	</ul>
	</div>
	</body>
</html>

  

运行效果:

将网页中的JS以及CSS全部导为 JS和CSS文件放入statics文件夹下的相应位置。

并将文件地址根据以下格式修改:

替换方式:

{CSS_PATH} 代表CMS定义的CSS存放路径

{JS_PATH} 代表CMS定义的JS存放路径

{IMG_PATH} 代表CMS定义的图片存放路径

一、设置要使用的模板

将phpcms中的默认模板改为自己制作的模板。

在phpcms/install_package/phpcms/templates新建一个英文文件夹

在此文件夹下在创建一个content文件夹

将制作的.html网页文件修改文件名为 index.html 并放入 content文件夹中

登录phpcms后台,可以看到界面-》模板风格中会显示新添加的模板

设置-》站点管理中选择模板风格,点确定。

更新缓存,生成首页后

此时点击站点首页 会看到模板更改成功:

二、拆分模板

将模板拆为头部代码,内容代码,尾部代码

分别新建为 header.html    footer.html   内容部分依旧保留在index.html中

在index.html 头部加入代码 {template "content","header"} 以用来导入header.html

在index.html 尾部加入代码{template "content","footer"} 以用来导入 footer.html

三、添加栏目

在header.html中

首先给导航栏添加链接:

<ul>
    		<li ><a class="col" href="">首页</a></li>
    		<li ><a class="base" href="">新闻</a></li>
    		<li ><a class="base" href="">公告</a></li>
    		<li ><a class="base" href="">关于我们</a></li>
    		<li ><a class="base" href="">加入我们</a></li>
    	</ul>

  

修改为:

{pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"}
        	<ul >
			<li><a class="base" href="{siteurl($siteid)}"><span>首页</span></a></li>
			{loop $data $r}
			<li><a class="base" href="{$r[url]}"><span>{$r[catname]}</span></a></li>
			{/loop}
            </ul>
        {/pc}

  

num为最大栏目数

如果想要增加导航监听效果则添加代码为:

<div id="header">
		 <ul>
		 	{if $top_parentid==0}<!--判断首页显示的是不是首页-->
    		<li><a href="{siteurl($siteid)}" class="col">首页</a></li> <!--如果是首页,给首页加属性字体显示白色。-->
			{else}
    		<li><a href="{siteurl($siteid)}">首页</a></li><!--如果不是首页,内容正常显示。-->
			{/if}
		 	{pc:content action="category" catid="0" num="5" siteid="$siteid" order="listorder ASC"}
        	{if $catid==$r[catid] || $top_parentid==$r[catid]}<!--判断显示的catid,如果是显示的catid-->
            <li><a href="{$r[url]}" class="col">{$r[catname]}</a></li><!--加属性,字体显示白色-->
        	{else}
            <li><a href="{$r[url]}" class="base">{$r[catname]}</a></li><!--如果显示的不是,内容正常显示-->
        	{/if}
        	{/pc}

    	 </ul>	

    </div>

  

显示效果:

只显示首页

添加栏目:

在phpcms后台中,内容-》管理栏目中添加栏目

将需要添加的栏目添加即可,注意模板设置中模板要修改为当前模板。

显示:

四、给栏目添加内容

实现在下面的四个div中实现动态内容

修改index.html的代码

首先给更多添加内部链接:

代码:

<a href="{$CATEGORYS[10][url]}">更多</a>

 中间的数字代表phpcms后台中栏目代号

给div的内容设置动态:

<div class="list">
			新闻<span style="padding-left: 430px;"><a href="{$CATEGORYS[10][url]}">更多</a></span>
			{pc:content action="lists" catid="10" num="1" siteid="$siteid" order="id DESC"}
			{loop $data $r $val}
			<p><a href="{$val[url]}">{$val[title]}</a></p>
			<p>{$val[description]}</p>
			{/loop}
        	{/pc}
		</div>

 

其余三个都是同样的方法

尾部 footer.html也是与头部同样的方法遍历

时间: 2024-08-11 03:37:59

phpcms 替换首页的相关文章

phpcms如何做企业站--&gt; 替换首页最初操作

首先用一个静态首页的模板,通过cms进行替换做成一个有后台的 首页的替换流程首先要先把静态网页做出来,拿这个页面去替换 页面所有的文件都在这,做静态页面的文件 现在要做的是把这些文件复制一下拿到phpcms里面有个Phpcms文件夹里的templates里面有个ceshi里面的content 我们先把首页拿进来进行替换 这时候首页模板已经扔过来了那我们再次去访问网站的时候,更新缓存,从新生成首页 会发现首页变了,变成了静态页面 会发现这个网页里面少了图片,样式表也没有了 因为我们只把网页扔过来,

phpcms替换类列表页,内容页,主页

利用phpcms制作企业站,首先要将静态的企业主页替换成后台可编辑的动态主页. 在phpcms/install_package/phpcms/templates新建一个英文文件夹 在此文件夹下在创建一个content文件夹 将制作的.html网页文件修改文件名为 index.html 并放入 content文件夹中 然后打开phpcms后台界面,点击界面,启用自己的主页文件夹 最后点击设置,进入站点管理,点击站点后边的修改 第一步:首先做一个静态的企业站主页: <!DOCTYPE html>

phpcms V9 首页模板文件解析(转)

转自:http://www.cnblogs.com/Braveliu/p/5100018.html 转在了解了<phpcms V9 URL访问解析>之后,我们已经知道首页最终执行的是content模块下index控制器的init方法. 下面, 我们逐步分析过程如下: 第一.首页默认执行的是index.php?m=content&c=index&a=init 如下代码(路径:phpcms\modules\content\index.php),先从init函数分析: 1 class

phpcms替换主页

一般一个CMS文件只有一个模板,把已经做好的企业站的JS文件放到本地www的phpcms里面去 样式和文件各自放在各自的文件夹里面 也就是第一步是放文件,把做好的JS文件复制到本地的 把几个网页复制到0306的phpcms的install_package的phpcms的templates在这个文件夹里面建个新建文件夹打开后再建个content的文件夹,然后把网页都复制进去.再把已经做好的JS什么的文件夹也都复制到本地里面去. 做企业站的时候这个背景图尽量少用,如果用的话这个背景图的路径要写死.

phpcms替换来源

//替换来源:pc标签里面必须加moreinfo="1"不加会调不出来源 {pc:content action="lists" catid="12" order="id ASC" num="4" moreinfo="1"}        {loop $data $key $val}        {php list($val[copyfrom]) = explode('|', $val[

phpcms v9 首页怎么调取单页内容,描述,标题等

{pc:get sql="SELECT * FROM v9_page where catid=17"}  {loop $data $val} {$val[title]} {str_cut(strip_tags($val[content]),400,"")} ...... {/loop}{/pc} 用get方法可以实现这个问题, 注释: select*from v9_page where catid=17  v9 数据表前缀  catid 这是单页的id

phpcms之首页组成(四)

{pc:content action="lists" catid="40" order="id ASC" num="1" } {loop $data $val} <img src="{$val['thumb']}" alt="{$val['title']}" title="{$val['title']}" class="img-responsive&q

phpcms之首页组成(二)

{pc:content action="lists" catid="33" order="id ASC" num="6" moreinfo="1"} {loop $data $val} <div class="swiper-slide"> <!-- indser_box start --> <div class="indpro_box"&

phpcms之首页组成调用

{pc:content action="lists" catid="32" order="id ASC" num="6" moreinfo="1"} {loop $data $val} <!-- indser_box start --> <div class="col-md-3"> <div class="indser_box">