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

基于帝国CMS的建站日志

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

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

帝国CMS安装其实并不难,但真的要使用帝国CMS建设出一个比较像样的网站来,还是有一定的难度的,需要了解和学习的内容很多。作为一个有十几年经验的老码农,我也是费了很多时间和周折的。uHh编程技术_踩坑日志_进阶指南 - 无知人生


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

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


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

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

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


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

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


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

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

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

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

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

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

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

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

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


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

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


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

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


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


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


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


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


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


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


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


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

很赞哦! () 有话说 ()

站点信息

  • 建站时间:2018-10-24
  • 主题模板《今夕何夕》
  • 文章统计:102篇
  • 文章评论:7条
  • 文章阅读:283次
  • 文章点赞:342次
  • 微信公众号:扫描二维码,关注我们