帝国CMS您现在的位置是:首页 > 博客日志 > 帝国CMS

基于帝国CMS的建站日志

<a href='mailto:'>微wx笑</a>的头像微wx笑2019-07-25 16:47:18帝国CMS人已围观关键字: 帝国cms  日志  

帝国CMS安装其实并不难,但真的要使用帝国CMS建设出一个比较像样的网站来,还是有一定的难度的,需要了解和学习的内容很多。作为一个有十几年经验的老码农,我也是费了很多时间和周

帝国CMS安装其实并不难,参考:帝国网站管理系统7.5安装记录DYW编程技术_踩坑日志_进阶指南_无知人生

但真的要使用帝国CMS建设出一个比较像样的网站来,还是有一定的难度的,需要了解和学习的内容很多。作为一个有十几年经验的老码农,我也是费了很多时间和周折的。


DYW编程技术_踩坑日志_进阶指南_无知人生

你们看到的建站时间是:2018-10-24,但那时候只是把帝国CMS安装上,没有做任何的配置,因为对它的后台管理比较陌生,看了官方的帮助文档也只是罗列的介绍每一个功能,并没有结合着前台的页面来说明,所以前台和后台是脱节的,让人找不到对应的关系。DYW编程技术_踩坑日志_进阶指南_无知人生


DYW编程技术_踩坑日志_进阶指南_无知人生

直到2019年的三四月分,才着手认真的捣鼓起来。
DYW编程技术_踩坑日志_进阶指南_无知人生

偶然间看到一套《今夕何夕》的模板,觉得不错,开始纯静态页面好像也是收费了,但后来有次看免费下载了,所以就下载了开始学着怎么把帝国CMS的模板改成这套模板,现在这套模板的纯静态页面又收费下载了。DYW编程技术_踩坑日志_进阶指南_无知人生


DYW编程技术_踩坑日志_进阶指南_无知人生

刚开始的时候,只是把模板的纯静态页面内容替换了首页的模板,这样访问我的网站的时候,看到的是《今夕何夕》模板实际网站的样子,但是并没有实质性的内容,通过微信打开是没有问题的;但过了一段时间,就不行了,有兴趣的可以看看:已停止访问该网页,您访问的网址存在危险!DYW编程技术_踩坑日志_进阶指南_无知人生


DYW编程技术_踩坑日志_进阶指南_无知人生

《今夕何夕》模板的基础上,做了一些修改:DYW编程技术_踩坑日志_进阶指南_无知人生

1、原来的首页主版内容太多了,所以简化了一下,只放最新和评论排行靠前的;DYW编程技术_踩坑日志_进阶指南_无知人生

2、导航条固定在顶部,不论滚动条到哪,始终可以看一到;DYW编程技术_踩坑日志_进阶指南_无知人生

3、每个版块加了图标,用的是Emoji表情符号DYW编程技术_踩坑日志_进阶指南_无知人生

4、添加全局样式,使内边距和边框都将在已设定的宽度和高度内进行绘制。参考:CSS box-sizing对padding的影响DYW编程技术_踩坑日志_进阶指南_无知人生

* { 
    margin: 0; 
    padding: 0; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

由于全局样式的修改,导航栏高度需要调整,ul 标签样式需要调整,标签云版块的每个标签的样式需要调整,还好改动不大。
DYW编程技术_踩坑日志_进阶指南_无知人生

5、文章内容图片添加了边框及投影效果DYW编程技术_踩坑日志_进阶指南_无知人生


DYW编程技术_踩坑日志_进阶指南_无知人生

相关CSS样式:DYW编程技术_踩坑日志_进阶指南_无知人生

.con_text img {
    display: inline-block;
    max-width: 100% !important;
    margin: auto;
    border: 0.5em solid #E9EAED;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    -o-box-shadow: 0 1px 5px #333333;
    -webkit-box-shadow: 0 1px 5px #333333;
    -moz-box-shadow: 0 1px 5px #333333;
    box-shadow: 0 1px 5px #333333;
}

6、对页面标签结构修改,网页中间内容容器 article 标签改为 div 标签 class=contaiter,article 标签仅用于文章内容。DYW编程技术_踩坑日志_进阶指南_无知人生


DYW编程技术_踩坑日志_进阶指南_无知人生

针对每个页面的帝国CMS模板的编写修改,都是自己搞定的,这个过程中着实费了不少脑筋,花费了不少时间,但经过这么一折腾,对帝国CMS的后台管理算是有一个基本的了解了。下次再想换个什么其它的模板,就会比较容易了。DYW编程技术_踩坑日志_进阶指南_无知人生


DYW编程技术_踩坑日志_进阶指南_无知人生

后来DYW编程技术_踩坑日志_进阶指南_无知人生

断断续续的、偶尔做一些修改,详情请查看 更新日志DYW编程技术_踩坑日志_进阶指南_无知人生

本文由 微wx笑 创作,采用 CC BY-NC 4.0 许可协议。 非商业性使用可自由转载、引用、甚至修改,但需署名作者且注明出处。

很赞哦! () 有话说 ()