帝国cms仿站教程对应笔记

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

1 帝国cms网站安装

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

搭建一个帝国程序

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

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
喜欢就支持一下吧
点赞16
评论 抢沙发

请登录后发表评论

    暂无评论内容