标签归档: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:目前手机模式浏览导航栏有部分为隐藏。

 

未完待续。。。

佐语小站、佐语安全网站主题选择及改造之始

主题的选择

主题的选择是一件很纠结的事,在繁杂的主题中选择,那是非常致命的,浪费了大把的时间,参考了很多博主的网站,读了不少的博主文章,后面得出一个结论,也是博主们总结出来的结论:

  1. 主题够用就好。
  2. 没有哪一项主题是完全符合自己的需求的,拿到手还是需要不断的打磨才能符合自己的口味。
  3. 求人不如求己,改造主题学习编程也是一件很不错的事。

我的主题选择见网站启用懿古今NANA主题

自从选择懿古今的Nana主题后,已经着手主题的改造工作,虽然自己是新手,有些东西不知道怎么回事,但是学习能力还是有的,兴趣还是有的。

11月25日开始,前阶段的工作、考试已经忙完,可以开始下阶段的计划:改造网站,增加内容,佐语安全及佐语小站更加丰满。

现阶段这两个网站的定位是:

1.佐语安全:作为一个安全人的网站发展,主要涉及内容是与安全工作相关的网站,毕竟我的主要工作是做安全的。内容健康,向上,分享安全知识。

2.佐语小站:作为一个学习WordPress、网站编程的记录网站,一个初学者的驿站,在这里停靠休息,看看风景,学学知识。

网站主题改造的思路:

  1. 佐语安全将使用懿古今NANA主题,改造header,参照懿古今boke112导航网站的header导航栏进行改造。
  2. 改造页脚,具体思路还没确定,主要想法是想增加三栏小工具,类似知更鸟的页脚小工具栏。
  3. 改造主页部分,喜欢tab栏,想把它改造过去。
  4. 增加我喜欢的小工具。
  5. 佐语小站作为学习及记录的网站,将记录我的改造进程。

说到底,我喜欢three主题布置,但是因为three主题后台过于简单,我的目的就是把NANA主题改成我喜欢的样式。

主题使用情况记录

主题折腾之后本文实时更新

----一个小白的折腾记录

2018-10-17:

  1. 安装主题
  2. 更换广告图片、logo及其他图片
  3. 更换微信二维码为微博二维码
  4. 主题设置。

2018-10-18:

  1. 原来主题的更换成简单页脚(参考懿古今更换简单页脚文章)
  2. 增加一栏三按钮(除了点小问题,按钮下面没空间,需要在研究一下。)
  3. css文件格式化 (原来的css文件没法看,看晕了)

2018-10-23

  1. 改content宽度825pt为900pt(cms格式不知道有没有出问题,博客格式没问题)

2018-10-24

  1. 网站开启了SSL,发现有个缩略图显示不出来。

2018-10-25

  1. 重新发文又有缩略图,昨晚发的那篇还是没有,奇怪。在function里面加了代码。(/* 替换图片链接为 https */)都不行。
  2. 加入代码使后台保存出现空白,登陆不进。已删除。
  3. 缩略图原因已找出来,是地址填错了。
  4. 在header.hph里面添加代码,使主题列表边宽松。(参考懿古今《zbpNana主题和Nana主题列表页秒变宽松型》)

2018-10-27至2018-10-29

  1. 网站被腾讯管家拦截。提出申诉并成功申诉。

2018-10-31

  1. 更换logo

2018-11-19

  1. 增加特别推荐小工具(跟大前端DUX样式一样)

2018-11-28至2018-11-30

  1. 获取了懿古今3.24版本主题,确定佐语小站及佐语安全使用该版本主题。
  2. 改造佐语安全主题的header区域导航栏。
  3. 移植知更鸟的页脚小工具区域成功。
  4. 土鳖推荐悲剧了,样式显示不出来。暂时不知道怎么找bug。
  5. 第二次更换logo

2018-12-01

  1. 土鳖推荐回归,已经让土鳖推荐样式显示出来了。
  2. 增加分类页面分类描述。

2018-12-2至2018-12-3

  1. 首页列表修改鼠标滑过背景色及添加彩色边框
  2. 改变首页列表边框间距,紧凑型改成宽松型
  3. 新增关于本站小工具
  4. 修改部分css参数

2019-1-3

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