标签归档:改造

新增Years主题

说说最近的折腾吧,我发现自己喜欢折腾,不太喜欢发文。

Years主题的诞生:

自上次折腾完Mont主题之后,佐语又开始折腾主题,这一次是将前端大神杨青青的《show time》模板套成WordPress主题。过程有点折腾,不过还是完成了。当然,有些不是100%套用,小小的做了些修改,基本跟原来模板保持一致。

Years主题前端样式:

关于后台

Years主题是没有后台的,当然,不是说不搞,只是目前心仪的后台还没弄懂。

这几天在网络上搜索主题的时候突然发现WordPress大学的后台很好看,好像功能很强大,然后就是发了疯的搜索想看看这个是什么后台,后面才知道是国外主题sahifa的后台。嗯,很强大,已经看上了。所以目前这几天一直在琢磨这个东西。主要是这个后台可以自定义首页,很强大的首页编辑器。

新增基于懿古今Three主题改造而成的Mont主题

[v_xuk]好久没发文了,今天抽空发一下最近折腾的一些东西。[/v_xuk]

新增Mont主题

Mont主题,名字来源于大山,mountain。当然,Mont主题不是我自己写的,我没这个本事,改改主题现在还是有点点可能的,毕竟钻研了一段时间的WordPress了。

Mont主题主要是为佐语安全而修改的。改主题基于懿古今的Three主题,更换了后台框架,刚开始的时候是准备换nana主题的轻量框架,后面百度搜索了一下后台框架,发现了Codestarframework这个框架挺好,一下子决定要换成这个,所以一不小心就搞上了。真好!!!

现在来谈谈Three主题吧

Three主题是懿古今用在博客112导航上的一个主题,刚刚开始建站的时候打算建两个站,一个是佐语小站,主要记录佐语学习网络知识的一些网站,也就是学习流水。可以的话分享一些可以用到,有用的东西。毕竟自己也是刚刚学习,不能误导人家。另外一个网站就是佐语安全了,佐语安全主要是记录本人实际工作中的一些经验知识。。毕竟自己在安全管理方面做了近10年的时间,分享一些经验知识还是OK的。

Three主题本来是选择给佐语安全网站使用的,后来因为后台设置不太理想,网站首页一些东西不会设置的原因而放弃,后面换了nana主题,使用了一段时间。最后可能是自己的强迫症使然吧,还是选择修改Three主题的后台,在修改的过程中也学习了不少东西。

为啥选择Codestar framework这个框架

后台改造之初选择的是跟nana主题一样的后台,轻量和设置简单,直到主题后台都修改完成后,不知道哪根筋出错,居然跑去搜索后台框架,结果一眼相中了Codestar framework。这个框架在黑糖主题中就有见过,感觉挺漂亮的 ,所以又重新开始后台的改造。所以,目前Mont主题有两个版本,一个是轻量版后台的,一个是Codestar framework。

Codestar framework这个框架实际大小还是有点大的。1.0版本的有2M多,2.0版本的有1M多。里面再删删减减,去掉Font Awesome和其他一些乱七八糟的大约剩下1M左右。刚开始是选择2.0版本的,结果因为其中的获得值不知道怎么设置。所以才放弃2.0而选择1.04版本的.

主题界面

主题界面基本上是Three一样,后台有点区别而已。

图一:主题的前端界面

图二:主题的后台

填坑:

最后再填一个坑,已经将四栏tab小工具做成成品小工具,不再是文本模式了。

图三:小工具

 

一栏三按钮的小工具改造

最近的流感真的很严重,很不幸,佐语中招了,连续低烧4天,咳嗽10天,到现在才好的七七八八,最可恶的是传染给老婆了。希望能快点好起来,回家不传染给儿子才好。

近期实际就是养病,没啥折腾的。电脑都懒得开,感冒之前还想着把网站搬回国内备案,因为上次的景安主机已经可以备案了。结果一场流感让我斗志全无,现在都懒得折腾,想着年后再弄吧。

昨晚还算状态挺好的,想着把之前挖的坑给填一填,所以,把懿古今的一栏三按钮给做成小工具了。真心不喜欢文本类的小工具。不好用,每次都要很麻烦的填,还是专用小工具比较方便。

小工具后台效果:

这个小工具的完成还是要感谢懿古今大大的分享,还要感谢知更鸟大大的代码,代码是用知更鸟的关于本站小工具改过来的。还好,可以用。感谢巨人们的肩膀哇!

小工具前端效果:

WordPress的折腾让人着迷,期待下一个小工具的诞生。

微调部分CSS及改造右下角悬浮栏

最近几天有点闲,折腾的时间较多,记录下这两三天折腾的结果吧。

最近更新

  1. 调整Nana主题的彩色tag标签栏,改的简单大气点,主要是用彩色的人太多了,看多了感觉视觉疲劳了。
  2. 调整部分圆角css,看多了圆角,感觉直角也好看。
  3. 边栏几个小工具都进行微调css
  4. 增加几个小工具,看到喜欢的小工具都想收入囊中,所以加了个最新文章(带缩略图的)、随机文章(带缩略图的)、本站推荐(不带缩略图)、四栏TAB小工具(只是html实现,未做成小工具,更遗憾的是这个小工具还有点BUG,css调不好哇。)
  5. 改造右下角的悬浮栏,增加了微信、微博、QQ等几栏,并完美调用用户-我的个人资料里面的设置(参考站长信息栏小工具的设置,设置functions参数)。

下阶段目标:

  1. 再次调整页面看起来不爽的地方。
  2. 将小工具的制作学起来,将四栏TAB小工具、一栏三按钮小工具做成真正的小工具,不再是只用文本实现。
  3. 对single.php开刀,微调整各项css参数。
  4. 搜罗喜欢的小工具(虽然目前小工具有12个了。实际也用不上那么多。)
  5. 对佐语安全的主题再次改造,想用同样的一个底子呈现不同的面貌(如果说没时间就只能用Doracmon了,修改主题真的很费时间,对于我这种小白来说。)

折腾主题的结果就是使自己熟悉主题,熟悉WordPress,熟悉Html5、熟悉CSS、熟悉PHP的过程,虽然说现在还是懵懵懂懂,但是多多少少修改个主题还是可以的。

学习使我成长、学习使我快乐!

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

放两站图记录一下。

佐语小站本站信息图片

佐语安全本站信息图片