首页的替换流程首先要先把静态网页做出来,拿到这里来:

会发现这个网页里面少了图片,样式表也没有了

因为我们只把网页扔过来,所对应的图片和样式表没有扔过来

图片什么的应该扔到:

接着打开index.html主页,然后修改图片,js,css,前面有说,

替换就写前端的一个标签{}括起来{JS_PATH}大写的这个就代表了JS路径的目录

就像这样:

接下来如何把静态页面换成动态的,那么phpcms里面提供了一些标签,通过这些标签就可以吧静态网页编程动态的,不需要写php代码,是通过标签来完成,一开始记不住不要紧,可以通过百度来完成

我们要把网站拆成3份

第一个是网站的头部header,从最上边开始,到菜单结束

从菜单结束的位置,往上剪切掉,新建一个HTML文件,保存到phpcms里的install_package

的phpcms里的templates的ceshi里的content取个名字是固定的header

头部代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
<script src="{JS_PATH}js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="{JS_PATH}js/jquery.1.4.2-min.js"></script>
<script type="text/javascript" src="{JS_PATH}js/jquery.color.js"></script>
<script type="text/javascript" src="{JS_PATH}js/lanrenzhijia.js"></script>
<link href="{CSS_PATH}css/lanrenzhijia.css" type="text/css" rel="stylesheet" />
<link href="{CSS_PATH}css/shouye.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--顶-->
<footer class="tou">
<div>
<!--logo-->
<img src="{IMG_PATH}images/flPgAZUoAMlaEENelCEJrSaAQEAOw==.gif" height="100px" style="top: -15px; position: relative;" />
</div>
<!--logo完-->
<!--这是导航-->
<!-- <div id="dao">--> <div style="margin-left: auto; border: px solid chartreuse; width: 50%; height: 58px; position:absolute; right:0px; top: 10px; z-index: 8888888; float: left;">
<div class="bia">
<a href="{$v[url]}">网站首页</a>
</div>
{pc:content action="category" catid="0" order="listorder ASC" num="5" siteid="$siteid"}
{loop $data $v}
<div class="bia">
<a href="{$v[url]}">{$v["catname"]}</a>
</div> {/loop}
{/pc}
<div class="shu"></div> </div>
<!-- </div>-->
<!--导航完-->

第二个再把尾巴那粗来,步骤是一样的用的固定名字是footer

底部代码:

这样就等于分出

        <!--底部-->
<div class="footer">
<div class="zi">
<div class="lie">
<u style="list-style:none">
<li>
<a href="#" class="tit">经典案例</a>
<a href="#">人气</a>
<a href="#">色系</a>
<a href="#">价格</a>
</li>
<li>
<a href="#" class="tit">客照专区</a>
<a href="#">北京</a>
<a href="#">上海</a>
<a href="#">天津</a>
</li>
<li>
<a href="#" class="tit">关于我们</a>
<a href="#">公司简介</a>
<a href="#">我们的文化</a>
<a href="#">企业文化</a>
</li>
<li>
<a href="#" class="tit">服务团队</a>
<a href="#">服务团队</a>
<a href="#">服务团队</a>
</li>
<li>
<a href="#" class="tit">服务报价</a>
</li>
<li>
<a href="#" class="tit">新闻资讯</a>
<a href="#">最新优惠</a>
<a href="#">公司新闻</a>
<a href="#">行业新闻</a>
</li> </ul> </div>
<div class="wo">
<a href="contact.html" class="dtit">CONTACT</a>
<a href="contact.html" class="a_tit">联系我们</a><br />
<span>联系地址:上海市虹口区水电路******* </span><br />
<span>手机:18888888888 </span><br />
<span>电话:124567890</span> </div>
</div>
<div class="btt">
<div class="container">
COPYRIGHT(C)2015-2024 邵振璇婚纱摄影有限公司
</div>
</div>
</div>
<!--底部完-->
</body>
</html>

了3个部分

生成后发现头的部分没有引入,这是我们就要用phpcms的标签来引入:

底部:

替换标题:

    <title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>

这个就是站点标题;

在<head>下面加上下面2句话,(1)keywords等于网站关键字,为了百度能搜到做网页用(2)description网站描述,为了做网络优化用

<meta name="keywords" content="{$SEO['keyword']}">  <!--keywords等于网站关键字,为了百度能搜到做网页用-->
<meta name="description" content="{$SEO['description']}">  <!--description网站描述,为了做网络优化用-->

导航里每项都一样保留一项其余删掉之后用循环让他们都显示,后台有几个就循环几次

导航:

                        <div style="margin-left: auto; border: px solid chartreuse; width: 50%; height: 58px; position:absolute; right:0px; top: 10px; z-index: 8888888; float: left;">
<div class="bia">
<a href="{$v[url]}">网站首页</a>
</div>
{pc:content action="category" catid="0" order="listorder ASC" num="5" siteid="$siteid"}
{loop $data $v}
<div class="bia">
<a href="{$v[url]}">{$v["catname"]}</a>
</div> {/loop}
{/pc}
<div class="shu"></div> </div>

底部的我是做的静态页面;

改大图轮播:

            <div id="datu" onmouseover="Zhi()" onmouseout="Li()" >
<table id="ta" cellpadding="0" cellspacing="0"> <tr height="670"> {pc:content action="lists" catid="14" order="id ASC" num="5" }
{loop $data $val}
<td><img src="{$val[thumb]}" width="1345" height="550px" style="width: 1000;" /></td>
{/loop}
{/pc}
<div style="width: 1345px; height: 50px; float: left; border: px saddlebrown solid; position: relative; top: 350px; left: 0px; z-index: 333;">
<div id="zz">
<div id="jt" onClick="zuo()"><font size="20"><</font></div>
</div>
<div id="yy">
<div id="jt2" onClick="you()"><font size="20">></font></div>
</div>
</div>
</tr>
</table>
</div>

改内容:

    <div class="p4">
{pc:content action="lists" catid="11" order="id DESC" num="6" moreinfo="1"}
{loop $data $val}
<div class="p3">
<a href="{$val[url]}" title="普吉岛旅游拍摄婚纱照的四大必选景点 张店婚纱" target="_blank">
<img src="{$val['thumb']}"width="380"height="170"alt="普吉岛旅游拍摄婚纱照的四大必选景点 张店婚纱"/>
<b>{$val['title']}</b>
<p>{$val['description']}</p>
</a>
</div>
{/loop}
{/pc}
</div>

但网页:

单页模板命名:page_xxx.html

以page_开头

在模版所在目录的config.php中添加配置项

'page_xxx.html' => '单网页',

也可以不在config中配置,不过会显示如下,没有中文解释

 列表页:

1.首先我们在

/phpcms/templates/default/content/

目录下面新建一个文件作为列表页的模板,那么需要在命名上依据list_xxx.html的规则。

例如我新建里一个list_news.html;

2.

然后你会发现进入后台的界面查看模板,发现系统已经找到了这个文件。后面加上一行注释,方便后面选择。

3.

然后再对文章模型的列表页进行选择的时候就可以看到新增的模板了。

 

 

phpcms页面替换的更多相关文章

  1. TP3.2框架,实现空模块、空控制器、空操作的页面404替换||同步实现apache报错404页面替换

    一,前言 一.1)以下代码是在TP3.0版本之后,URL的默认模式=>PATHINFO的前提下进行的.(通俗点,URL中index.php必须存在且正确) 代码和讲解如下: 1.空模块解决:ht ...

  2. phpcmsV9静态页面替换动态步骤

    1.先在www目录下找到 phpcms + install_package + phpcms + templates在templates 文件夹里创建个自己的文件夹我弄得是 ceshi 文件夹,在 c ...

  3. phpcms网页替换验证码功能 及 搜索功能

    在使用phpcms替换网页的时候,除了正常的替换栏目.内容页等,其他的什么验证码啦,提交表单了,搜索功能了,这些在替换的时候可能会对一些默认文件有一些小小 的改变 下面就是自己在失败中成功的过程,最后 ...

  4. SharePoint 2010 使用自定义aspx页面替换列表默认的新建(NewForm.aspx),查看(DispForm.aspx)和编辑(EditForm.aspx)页面

    转:http://www.cnblogs.com/sygwin/archive/2011/11/04/2236678.html 如何使用自定义的aspx页(比如Application Page)替换列 ...

  5. 通过配置Apache实现404页面替换

    一.通用情况--修改apache配置.htaccess 一般网站报404原因都是找不到资源,是服务器(以Apache为例)报错,Apache自定义了404输出,我们的目的是使用自定义的404.html ...

  6. phpcms首页替换

    大图轮播替换 {pc:content action="lists" catid="13" order="id DESC" num=" ...

  7. jQuery页面替换+php代码实现搜索后分页

    HTML代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti ...

  8. PDF编辑、删除、替换某页面或文字

    在工作中,我们常常会用到PDF,当然尤其是会计,我虽然是程序员,但是“小老鼠”是会计,前几天,突然问我,怎么样将PDF中的某个页面替换掉,也就是删掉某页然后再从另外一个地方找一页补上来: 还需要改变这 ...

  9. PDF怎么替换页面,教你一招秒实现

    PDF格式是在办公中比较常用的文件格式之一,虽然很好用,也很容易携带,但也容易出现一个问题,当你想要对PDF文件操作或者修改的时候,才发现PDF文件不是那么容易就能进行编辑和修改的,特别是需要对PDF ...

随机推荐

  1. TensorFlow anaconda命令备忘

    [查看tensorflow安装的版本] anaconda search -t conda tensorflow [选择版本安装] conda install -c anaconda tensorflo ...

  2. nodejs 使用mongoose 操作mongodb

    nodejs操作mongodb可以使用mongoose: Mongoose is a MongoDB object modeling tool designed to work in an async ...

  3. ASP.NET MVC制作404跳转(非302和200)

    前言:距离上次发文已经有几个月了! 这段时间李,制作了一个博客网站,现将博客文章选一些发表到博客园,顺便为自己网站打一下广告! 产生404的原因主要有以下: 1.浏览器和爬虫:某些浏览器会请求网站的f ...

  4. 微信sdk

    <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <t ...

  5. PRINCE2的价值是什么?

    很多学员在进行培训的过程中或者培训后,都会对于PRINCE2带来的价值有各种各样的看法.但是从更加官方一点的角度来说,PRINCE2会有一部分比较通用 的观点. PRINCE2 可以应用到任何类型的项 ...

  6. cassandra高级操作之分页的java实现(有项目具体需求)

    接着上篇博客,我们来谈谈java操作cassandra分页,需要注意的是这个分页与我们平时所做的页面分页是不同的,具体有啥不同,大家耐着性子往下看. 上篇博客讲到了cassandra的分页,相信大家会 ...

  7. JS——操作内容、操作相关元素

    操作内容:普通元素.innerHTML = "值": 会把标记执行渲染普通元素.innerText = "值": 将值原封不动的展示出来,即使里面有标记 var ...

  8. iOS最好用的引导页

    最近项目结束的时候又要改引导页,之前写的启动页改起来太麻烦了,所以就直接封装一个,功能可能还不是很完善,但是感觉用起来也比较方便,在这里和大家分享一下. 这是github的下载地址:https://g ...

  9. 在 WPF 中使用 Path 路径

    在 WPF 中总会修改 Button 的 Style,比如一个自定义的 Close 按钮.刚入门的可能会用一张 PNG 格式的图片来做这个按钮的 Icon,但这个是不优雅的.而且你要改的时候还得去操作 ...

  10. Java基础—String类小结

    一.String类是什么 public final class String implements java.io.Serializable, Comparable<String>, Ch ...