改装TwentyNineteen之增加侧边栏

我一直以来都十分地喜爱WordPress官方的Twenty系列主题模板。现时Twenty系列主题已经更新至TwentyNineteen。我也在上个月的时候及时将博客的主题更新至了TwentyNineteen。

我一直以来都十分地喜爱WordPress官方的Twenty系列主题模板。现时Twenty系列主题已经更新至TwentyNineteen。我也在上个月的时候及时将博客的主题更新至了TwentyNineteen。

二〇一九,这款主题主要是主打兼容适配新的古腾堡(Gutenberg)编辑器。至于功能方面,我个人认为是较为“简洁”的,也正因为如此,我才有了动手改造这款主题的念头。

首先就是想让博客的页面“复杂”起来了,因此我想要的是给博客增加一个“小工具”侧边栏。小工具已经有了,但是是在底部,因此我便想把这个小工具移动到侧边栏那里去。

改装之后的效果如下:

增加侧边栏之后的TwentyNineteen

然后,由于我是一个CSS方面的菜鸟,改装之后的侧边栏,仍然存在一些问题:

  1. 侧边栏似乎与首页不大对齐。
  2. 文章左边间距太大,导致与侧边栏右边间距不一致,在某些设备下会出现右边几乎没间距,左边间距过大的情况。这个只能通过缩短左边边距来解决,因为如果扩大右边间距的话,预留给小工具的空间就太小了。
  3. 还有一些可能存在的问题。

也正因为存在这些问题,我现在还没有打算把改装的代码公布(不过其实也有办法可以找到就是了)。如果有正在使用TwentyNineteen的博主,并且想给自己的主题增加侧边栏的话,请在底下留言。

接下来改造TwentyNineteen的计划就是先把侧边栏的一些问题给解决,然后再重点改造TwnetyNineteen的菜单。

我之前也改动过TwentyNineteen的标题与小标题与Logo,具体可参考:WordPress最新默认主题TwentyNineteen的一些优化操作

《改装TwentyNineteen之增加侧边栏》有5个想法

    1. 抱歉,答复迟了。页脚,知道是底部小工具那块区域吗?
      叫你一个小技巧,你觉得哪里字体大了,以Chrome为例,点击鼠标右键,打开“审查元素”,然后看一下右上方(应该是在右上方)的代码,如果是id = “”,你就按照这个写到css里面:
      #id {
      font-size: xxxpx;
      }
      如果是class = “”,你就按照这个写到css里面:
      .class {
      font-size: xxxpx;
      }
      其实往往二者选其一就可以达到效果!
      感谢你对小陈笔记(www.chensnotes.com)的关注。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注