帝国cms仿站教程对应笔记-红穆笔记

大家好欢迎学习帝国cms仿站教程我是红穆 qq1810216796 qq交流群：958972323

1 帝国cms网站安装

大家好欢迎学习帝国cms仿站教程我是红穆 qq:1810216796 qq交流群：958972323

搭建一个帝国程序

如果你有服务器，并且在服务器上已经搭建好了帝国网站，那么本节课就可以跳过
如果你本地有其他服务器环境配置软件，那么就直接安装帝国网站
如果你本地没有任何服务器环境配置软件，那就跟着我操作

1.帝国官网
http://www.phome.net/
2.搭建网站
工具：phpstudy
https://www.xp.cn/download.html
3.安装帝国
安装路径：/e/install
后台路径：/e/admin

2 帝国cms如何建立栏目

帝国cms栏目的建立

顶级栏目：下面可以建立栏目，不可以发布文章
产品中心

终极栏目：下面不可以建立栏目，可以发布文章
新闻中心

3 帝国cms如何发文章

发布文章

标题图标

4 所需目标站点页面下载

仿站小工具下载
https://wwi.lanzoup.com/iHqCOs7m06d

目标站点
http://www.njpospos.com/

首页：http://www.njpospos.com/
产品列表页：http://www.njpospos.com/category-6.html
产品内容页：http://www.njpospos.com/post/1790.html
新闻列表页：http://www.njpospos.com/category-3.html
新闻内容页：http://www.njpospos.com/post/1940.html

css目录：/skin/static/css/
js目录：/skin/static/js/

6 帝国cms公共模板的分离

代码格式化
https://www.iamwawa.cn/htmlformat.html

1.右键检查元素 F12

5 帝国cms 模板首页

编程软件
notepad++

1.替换skin路径，在skin前面加一个斜杠

2.把css等资源文件放入帝国后台

7 帝国导航的调用

调用首页导航

使用标签

标签名称：带模板的栏目导航标签 (showclasstemp)
格式:
[showclasstemp]父栏目ID,标签模板ID,是否显示栏目信息数,显示栏目数[/showclasstemp]

模板标签变量说明：[!–bclassname–]：父栏目名,[!–bclassurl–]：父栏目链接,[!–bclassid–]：父栏目id

list.var模板标签：
[!–classurl–]：栏目链接
[!–classname–]：栏目名称
[!–classid–]：栏目id
[!–classimg–]：栏目图片
[!–intro–]：栏目简介
[!–num–]：信息数
[!–no–]：序号

是否显示栏目信息数
0为不显示，1为显示
显示栏目数
0为不限制

[!–empirenews.listtemp–]<!–list.var1–>[!–empirenews.listtemp–]

8 为网站填充临时测试数据

采集规则下载

https://wwi.lanzoup.com/i9hQByq5zqb

时间久了，可能已失效，规则仅供参考

9 帝国cms首页调用

帝国CMS灵动标签调用字段大全
https://www.4s5.cn/archives/47.html

随机调用文章代码：rand()

<?=$public_r[‘add_变量名’]?>

10 帝国cms搜索表单的调用

参考代码

帝国cms7.5搜索表单的制作
https://www.4s5.cn/archives/57.html

系统限制的搜索时间间隔为 30 秒,请稍后再搜索

11 帝国cms 产品列表页的制作

可控化

面包屑导航：[!–newsnav–]
栏目名称：[!–class.name–]

帝国cms列表页内容页的标题代码

https://www.4s5.cn/archives/56.html

[!–empirenews.listtemp–]<!–list.var1–>[!–empirenews.listtemp–]

12 帝国cms 分页样式的调整


<style>
.nav-links a{
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #CCC;
    color: #A4A4A4;
    margin: 0 3px 6px;
    font-size: 14px;
}
.nav-links>b{
    border: 1px solid #fe6716;
    background: #fe6716;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 3px 6px;
    font-size: 14px;
}
</style>

nav-links 存放分页代码的div盒子的class属性值
a 我们自己标签调用的分页代码里面的a标签
b 盒子下面的当前页码的代码

13 帝国cms调用TAG标签云

tag不显示是因为tag里面没有文章所导致

14 帝国cms产品详情页的制作

修改公共模板变量之后需要数据更新一下

16 帝国cms新闻内容页调用

HTML格式化工具
https://www.iamwawa.cn/htmlformat.html

15 帝国cms新闻列表页制作

标题TDK调用代码：


<title>[!--pagetitle--] - <?=$public_r['sitename']?></title>
<meta name="keywords" content="[!--pagekey--]" />
<meta name="description" content="[!--pagedes--]" />

列表循环代码：


[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]

17 帝国cms 搜索页面的修改

修改参考：

https://www.4s5.cn/archives/48.html

修改默认缩略图

/e/data/images/notimg.gif

文章版权归作者所有，未经允许请勿转载。

THE END

帝国cms

帝国cms仿站教程对应笔记