标签归档:NANA主题

重新调整Header、Footer及部分CSS

好久没有更新了,记录一下。

作为一个爱折腾的人,折腾是永无止境的。

距离上次折腾已经将近一个月了。在这一个月的时间里面做了好几件事,就是没有发帖纪录。

  1. 参加公司拓展活动。
  2. 折腾了一个简化版的主题,功能没Nana这么多,比较简陋,主题选项一样,底子是从网上找来的,然后就一顿乱改,慢慢熟悉主题的部分功能。目标是让它进化,变得更好看。至于长啥样子就不存档了,先测试完再说。
  3. 至于调整Header、Footer及部分CSS这些是最近一个星期才开始弄的。2号将美国主机升级成香港主机之后顺便把最近修改的之后的主题上传安装。这次已经将主题改名了:Doracmon(哆啦C梦),o(∩_∩)o 哈哈这名字不错吧。保留了nana主题版本来源。将本主题作为佐语小站自用的主题。至于用多久,看心情。
  4. 后续准备更换域名了,原计划是将佐语小站回迁回国内景安主机起用zuoyv.com域名并完成备案,结果因为广东管局不给备案,从10月份拖到现在都没能开始。没办法,只能先启用了。其实挺喜欢zoyv.top的,四个字母挺好记,不过还是要回归大com域名。

以下是最近折腾的一些记录:

  1. 调整Header的导航位置。
  2. Footer重构,添加社交图标,将top导航移到footer,footer增加网站logo
  3. 增加最新文章小工具。
  4. 热门标签js放到js文件里面,不再使用增强文本小工具了。
  5. 去除fontawesome文件夹,更换为阿里iconfont图标,为主题包瘦身。
  6. 其他一下小细节的调整。

因为这次是Doracmon主题的开始。所以要特别记录下。

增加彩色标签云、增强文本、广告等小工具

增加了几个小工具:

  1. 增加增强文本小工具
  2. 增加广告小工具
  3. 增加彩色标签小工具,用增强文本可实现彩色背景效果,将实现的js代码写进增强文本小工具即可实现,可惜标签云小面有小边框。(今天直接创建文件连接进footer.php,增强文本产生的小边框可以消失。)

实际上以上的这几个小工具早就完成了,在12月5日完成的。只不过这几天忙,没有及时更新而已。

  1. 增强文本小工具移植自知更鸟。
  2. 广告小工具移植自DUX
  3. 彩色标签云小工具来自蝈蝈要安静。

只能说,感谢大神们的代码。。。

以上同步更新到佐语安全网站。

实际上之前的折腾还有不少的BUG,一些css需要做调整。

之后的折腾计划:

  1. 调整首页列表图片鼠标滑过放大样式,(计划去除)
  2. 调整首页列表的分类、发布时间、标签、阅读次数的位置及其他。
  3. 修改或增加最新文章、随机文章小工具(制作成tab小工具或者分别制作一个,主要是不想要缩略图。)
  4. 修改footer.php文件,修改成喜欢的样式。
  5. 制作三二维码小工具(类似于知更鸟页底小工具)。
  6. 制作博客介绍小工具,(包含logo及网站介绍,类似于蝈蝈要安静页底推广栏的网站介绍)。
  7. 换掉所有的缩略图。
  8. 指定分类指定缩略图。

 

新增关于本站小工具、首页列表修改鼠标滑过背景色及添加彩色边框。

周日周一继续折腾主题。
首页列表修改鼠标滑过背景色及添加彩色边框

这个功能是从博主蝈蝈要安静那里来的,当然别的地方也有,但是我折腾主题的开始就是从博主蝈蝈要安静那来的。看到他把DUX的玩得那么6,有点羡慕。所以看到喜欢的功能自己也想折腾出来。所以就有了这个功能了咯。

改变首页列表边框间距,紧凑型改成宽松型

这个以前是实现过的了,只不过那天升级了主题没有把这个升级上去。上次是直接在header那改的css,这次直接在style.css里面改,改的算是彻底一点吧。

新增关于本站小工具

实际上懿古今的Nana主题上面已经有个站长信息小工具了,实际功能是差不多的。但是由于佐语有颗折腾的心,看上了知更鸟的关于本站小工具。所以也就有了这个小工具的折腾。谁知道在折腾过程中出了点小问题,微信二维码一直出不来,后面结合懿古今的方法,实现了该功能,但是还是没有知更鸟的那么美观,算了反正自用足够,小白要求不高。知足常乐不是?佐语小站、佐语安全同步更新。

放两站图记录一下。

佐语小站本站信息图片

佐语安全本站信息图片

 

“土鳖推荐”回来了,还增加了分类页面分类描述

折腾的心永不止,土鳖推荐不见了就像心里面在扎了一根刺,不弄出来真的不舒服,还是用弄出来才可以

可爱的土鳖推荐

可以确定的是修改了style.css,但是显示不出样式来。尝试用系统自带的的额外css,结果可以显示。说明应该是style.css的问题。只怪自己的不熟悉,没办法只能慢慢试,最后发现是因为底部小工具的样式跟“土鳖分享”的样式发生冲突了。把底部小工具的css样式放在文件的最后之后问题也解决了。原理是啥不清楚,不过,效果实现了不是?

再次放个图片看看:

分类页面描述

打开分类页面的时候总觉得分类页面少了点什么,参考了DUX的分类页面描述,感觉挺好,必须实现哇。所以也跟着折腾了这个。其实还算简单,就是css样式跟“土鳖推荐”一样,开始的时候显示不出来,后面才试着弄出来,实在是不容易。

这里也放个图片记录一下:

 

Nana主题改造header导航栏

喜欢懿古今的three主题导航,又喜欢Nana主题的后台设置,因为three主题的后台比较简单,对佐语来说佐语安全网站使用three主题总是感觉别扭。由于three主题的后台没有Nana主题那么顺手,所以只能自己做做改造,让Nana主题的头部导航改个样式,符合我的口味,因为自己是小白,一切只能自己摸索,自己学习,在学习中进步。

放个截图做记录,虽然还有bug,但是没所谓了,继续学习改造吧。

佐语安全新主题改造进程记录

本文作为佐语安全新主题改造的记录文章,跟佐语小站一样有一篇记录文章。目前主要是佐语小站作为测试网站,佐语安全作为使用网站处理。

2018/11/28:

  1. 改造网站导航,类似懿古今boke112网站导航栏。
  2. bug:目前手机模式浏览导航栏有部分为隐藏。

 

未完待续。。。