折腾

换个新主题 HEAD-OFF

2021-07-31 22 1.6K+
文章目录

打开服务器 ftp 看了下主题文件夹的最近修改日期,最早的是 2018 年 10 月。没想到上一个改自 WordPress 默认主题 2016 的主题用了这么久了。

该换一换了。

新主题掉头

新的主题取名叫:Head Off,中文名叫:掉头。

不是开车调头的调头,是脑袋掉了的掉头。

为啥取这个名字呢,用电脑打开我博客首页和文章页的都能看到,首页列表博客摘要的头部和文章页面的头部都掉了,跑到左边去了,整个看起来就像是头掉了,因此取名掉头。

为啥要把头部这么处理呢?主要还是因为我匮乏的艺术细胞的问题,不会搞图。

页面又那么框,又没有图,那就把标题左移吧,就当它是图了。。。

为了配合这个名字,我还特意找了一张滴血的图,给列表第一篇和文章加了个滴血的背景,自己不会作图,直接拿来主义,不是很满意,暂时这么用了。

英文名 Head Off 我瞎想的。

当然,这个“掉头”其实还是和开车的“调头”,有一点点关系的,就不细说了。

新主题其他

本来一开始的打算是用 WP 默认的 2021 主题修改一下用的,太久没折腾加上年纪大了,手生疏的很,默认的 2021 主题居然改不动。

第一个把我打败的是 CSS 新的变量写法,整个就是一个套娃。不只是第一时间看不到定义参数,循着变量往上找,可能变量套变量能套个 3、4 层变化,等找到最初定义的变量,都忘记我是要干嘛的。

一度以“只要搞清楚这个变量设置,以后要改就会很方便了”的理由来催眠自己,然而毕竟是别人的东西,跟不上思路和消化不了整体结构,就是各种不方便,最后忍无可忍,对着默认的 style.css 来了个 ctrl + ADel,一下舒服多了。

另外就是默认的 2021 主题并不适合修改双栏,我是习惯了双栏了。

虽然现在的 display:flex CSS 属性很好用,但是默认的 2021 主题是单栏按百分比确定边距来处理居中的,双栏后这就很不方便使用,加上 CSS 的套娃模式,于是就全部放弃。

放弃了默认主题的架构和 CSS 样式,又不想自己自己写,于是又很没出息的想到了 bootstrap。

bootstrap 现在也版本到 5.0 了,感觉快要赶上 WordPress 的版本了啊。

新的 bootstrap 为了配合宽屏,container 最大宽度都到 1320px 了,看着页面那么那么宽,于是“掉头”(head off)就这么来了。

新主题保留了 2021 的大部分功能,不过把默认自带的图标给换成了 bootstrap 自己都不用的 bootstrap-icons 了,感觉这块可能以后要改掉。

其他暂时还没发现什么大问题,随用随改了,也不知道要加什么功能,想到再说。

各位有发现啥问题的也帮忙评论反馈反馈。

Google 广告

因为缺乏(几乎没有)图片,所以给首页加了个幻灯片,剪切了几张 windows 桌面用的图片。

然后继续保持 Google ADs,连我的美女同事都说,加了 google 广告后整个呆板的 bootstrap 风格都看着生动起来了。

我也是这么认为的,我的 Google ADs 从来就不是为了赚钱,完全是为了丰富页面用的。

这里要感谢 @老杨 同学,教我怎么在评论列表里插入广告,那个广告有点丑,要怪就怪他。哈哈哈……

还有就是 Google 不知道是不是智能不够,首页的广告有时候明明只有 250px 的高度,却偏偏要底部留 30px 的空白,不知道是想干啥,我手动在页面里加 style 居然直接被 google 给替换了,看来要在 css 文件里强行限高啊,不过暂时还没搞。

“换个新主题 HEAD-OFF”有 22条评论

  1. 漂亮呀,简洁大气上档次。

  2. 你把这个主题改的,已经完全不是2021的样子了,哈哈哈。掉头主题看着挺清爽的,而且增加了这么多功能,给你一堆大大的赞!
    wp主题的一些逻辑我还没看懂,其实我是想移植主题过来,就是看不懂wp主题的逻辑所以还没动手做。

    1. wp主要就是在各个模板里填充函数,不知道你说的逻辑是啥意思,看看我以前写的这个wp主题结构对你有没有用,https://lms.im/wordpress/176.html

      1. 我说的逻辑是各种函数的含义和调用方式,以及它们的写法、用法和逻辑顺序。这些比typecho要复杂得多,我目前是看不懂的,wp主题结构倒是从主题编辑器的提示容易理解,可里面就……年纪大了,学习起来比之前困难多了……

  3. 哈哈哈,现在基本都屏蔽掉广告了,所以丑点没关系,基本上都看不见。

  4. 美女同事是谁,照片呢

  5. 厉害!

    我找了几个免费的主题都感觉很丑,最后还是用了官方很丑的最新主题 :mrgreen:

    1. 我和你一样的主题,略作修改而已。
      你的网站移动访问要搭梯子。

  6. 林羽凡

    手机端显示还不错,挺整洁的,感觉比我的移动端好。 :idea:

  7. 这个评论区的google广告我浏览器第一次竟然没有给屏蔽掉,但第二次还是看不到了 :mrgreen:

    1. 自己有域名不搭建博客,还用的什么我来?

  8. 掉头感觉会被误解为调头,不直接叫 掉脑袋 主题,绝对不会有歧义。 :mrgreen:

  9. 我说昨天来感觉不同了。

    1. 也只能折腾这一点了。

  10. 美女同事没看到,google广告也自动屏蔽了……

发表评论

幸会!