稻壳首页模板index.php的建立
为了方便演示,以下的教程中,我们使用“[雅风设计]稻壳cms X1.0红色企业通用模板”的静态页面为例进行讲解。
模板代码编辑软件,雅风推荐使用Dreamweaver,这里顺便啰嗦几句:如果想从事这个行业,或者认真的搞稻壳CMS模板,雅风建议您不要用那些旁门左道的软件,Dreamweaver或者其他常用的代码编辑器才是正道。
登录稻壳CMS后台,进入构建网站,选择模板管理,选择使用950d这个模板,然后选择[预览网站],打开网站首页界面。
这时候我们看到的网页界面应该是深喉咙默认模板,因为我们目前制作的模板是直接复制默认模板的,如下图:
处理模板之前,我们先把第二节中提到的静态HTML页面中所涉及到的CSS、JS、图片等文件复制到模板目录。目录关系不要搞错,例如原来的css文件存储在css目录名为css.css,那么复制后的位置相对于模板目录,也是css目录名为css.css,其他文件同理。
启动Dreamweaver软件,打开第二节中准备好的index首页html页面,再打开模板中的index.php首页模板文件。
保留index.php中的head部分中编码描述的meta代码、title和keywords以及description的代码,删除原有JS和css调用代码,处理完之后head部分的代码应该如下:
1.<head> 2.<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 3.<title>php echo $tag['seo.title']; ?>title> 1.<meta name="keywords" content="" /> 2.<meta name="description" content="" /> 3.head>
上面代码中的<?php echo $tag['seo.title']; ?>等表示动态调用站点标题,关键字和摘要的意思,是属于稻壳CMS的系统标签。
然后我们把静态首页html页面中的js和css调用代码复制过来,复制后的head部分代码如下:
1. <head> 2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 3.<title>php echo $tag['seo.title']; ?>title> 1.<meta name="keywords" content="" /> 2.<meta name="description" content="" /> 3. <link href="css/css.css" rel="stylesheet" type="text/css" /> 4.<script type="text/javascript" src="js/jquery.min.js">script> 1.<script type="text/javascript" src="js/functions.js">script>
接下来,我们要手动的修改一下JS和CSS链接路径,需要在JS和CSS文件路径前添加当前模板目录的稻壳标签,当前模板目录的稻壳标签是:
echo $tag['path.skin'];?>
我们把当前模板目录的稻壳标签放到JS和CSS路径前,注意尾部无需添加反斜杠“/”,手动添加好之后head部分代码如下:
1. 2."Content-Type" content="text/html; charset=utf-8" /> 1. 2."keywords" content="" /> 1."description" content="" /> 1. "css/css.css" rel="stylesheet" type="text/css" /> 1. <script type="text/javascript" src="js/jquery.min.js"></script> 2. <script type="text/javascript" src="js/functions.js"></script>
这样,系统才会解析出所调用的JS和CSS文件的正确路径。
接下来,我们把静态首页html页面中的body部分代码复制覆盖index.php中的body部分代码。
然后,我们需要将index.php中新的body部分中的代码里的插入图片路径进行修改,添加好当前模板目录的稻壳标签 <?php echo $tag['path.skin'];?>。
例如,我们想把index.php中新的body部分代码中的img的图片插入路径进行修改,假定原来的插入路径是 src="data:images/图片名" ,那么修改后的插入路径应该是 src="<?php echo $tag['path.skin']; ?>images/图片名" 。
全部替换后,插入图片的路径就修改好了,同理,如果body部分中有js或css路径,也可以用上面的方法进行批量替换。
至此,首页index.php模板就建立好了,这时候我们选择后台的预览网站,应该能看到和静态页面首页相同的页面效果了
本人转自 程序员人生网, http://www.wfuyu.com/technology/16546.html
稻壳首页模板index.php的建立相关推荐
- index.php模版,稻壳CMS模板教程-第五节 给首页模板index.php添加站点名和搜索代码...
接上节,虽然我们预览网站时,能看到首页和之前做好的静态页面首页相同的页面效果,但这个首页目前还是个静态页面,里面的内容是死的,并没有调用数据库里的任何资料,所以我们要把站点名称.导航.新闻.产品等内容 ...
- 稻壳CMS模板的建立和模板信息修改
稻壳CMS模板的建立和模板信息修改 本人转自程序员人生网,http://www.wfuyu.com/technology/16548.html 首先,把稻壳CMS程序文件中的skins目录里的官方的某 ...
- 嗖嗖嗖主题网外贸企业主题制作视频教程--第四讲 Wordpress首页模板文件index.php静态页面完善
第四讲 Wordpress首页模板文件index.php静态页面完善
- 稻壳首页index.php添加站点名和搜索代码
虽然我们预览网站时,能看到首页和之前做好的静态页面首页相同的页面效果,但这个首页目前还是个静态页面,里面的内容是死的,并没有调用数据库里的任何资料,所以我们要把站点名称.导航.新闻.产品等内容进行动态 ...
- 都爱云支付首页模板(上传即可使用)
简介: 上次给大家分享了个仿写都爱云模板因为只是发的index.php很多小白站长不知道如何使用,今天给大家分享一个直接上传到模板文件的插件版都爱云首页模板(上传即可使用) 网盘下载地址: http: ...
- 帝国cms【官方教程系列教程一】 首页模板制作
帝国cms首页模板是指网站首页的模板.(/index.html) 修改首页模板 1.登录后台,单击"模板"菜单,选择"首页模板"子菜单,进入修改首页模板界面: ...
- HTML5期末大作业:商城网站设计——防锤子手机商城官网首页模板(HTML+CSS+JavaScript ) 电商网页HTML代码
HTML5期末大作业:商城网站设计--防锤子手机商城官网首页模板HTML+CSS+JavaScript 电商网页HTML代码 学生网页课程设计期末作业下载 商城网页大学生网页设计制作成 临近期末, 你 ...
- zblog首页模板修改php,【zblog】zblogphp主题模板修改教程 zblogphp模板怎么修改?
zblogphp主题模板修改教程 zblogphp模板怎么修改? 这一篇主要是介绍"zblogphp"的模板修改教程,zblogasp的模板修改教程请看本站之前发的一篇教程&quo ...
- HTML5期末大作业:商城网站设计——防锤子手机商城官网首页模板(HTML+CSS+JavaScript ) 电商网页HTML代码...
HTML5期末大作业:商城网站设计--防锤子手机商城官网首页模板HTML+CSS+JavaScript 电商网页HTML代码 学生网页课程设计期末作业下载 商城网页大学生网页设计制作成 临近期末, 你 ...
最新文章
- Conda 为什么越来越慢?
- python网页前端和react有什么区别_Vue与React两个框架的粗略区别对比
- python 智能识别 商品_阿里云货架商品识别与管理Python SDK使用示例-阿里云开发者社区...
- 显示不出中文_优惠拿不出手,销量却吊打对手,宝马3系到底强在哪?
- 第一章 代码无错就是优吗?(简单工厂模式)
- c语言中虚函数和纯虚函数,虚函数和纯虚函数的区别是什么?
- Spark源码分析之BlockStore
- using在sql中是什么意思_扇贝英语地道表达法——“call for”是什么意思呢?
- flex4 SuperTabNavigator 添加关闭图片
- Maven 3 常见错误
- python机器学习-糖尿病数据挖掘
- ERP财务管理模块包括什么
- python运用ico图标,处理Django中的favicon.ico图标实例方法
- mysql用户信息表储存引擎,Mysql表引擎
- 三大集合:List、Map、Set
- matlab中omega是什么意思_小鸡宝宝考考你南柯一梦中的南柯是什么意思?
- 获取其他APP中素材
- ★人眼到底等于多少像素 ?
- java中什么是空指针异常以及为什么会产生空指针异常
- excel使用反应很慢
热门文章
- MATLAB 之特征值与特征向量、jordan标准形
- Box2D C++ 教程-碰撞剖析
- PG Music Band-in-a-Box 2021 + RealBand WiN 智能伴奏软件安装升级包
- K歌伴奏与人声延迟测试
- Map List 操作 stream流 排序
- java8 stream流 .map
- 对接阿里云车型库接口,Access-Control-Allow-Headers 通过用户流量控制节流
- 2021届跨考生调剂211学校录取软件工程、以及考研学习历程
- 拉格朗日插值python实现
- RecyclerView使用static和不使用static的Viewholder内存消耗相差无几