WordPress最新默认主题TwentyNineteen的一些优化操作

我估计是最早一批使用WordPress最新默认主题的用户了。在使用这一款最新的WordPress默认主题的过程中,发现了一些问题,因此写下这一篇博文供大家参考。

我估计是最早一批使用WordPress最新默认主题的用户了。在使用这一款最新的WordPress默认主题的过程中,发现了一些问题,因此写下这一篇博文供大家参考。

没有松开手,就会自动跳转

第一个问题就是我之前提到的那个BUG了。我发现这个BUG开始于某次升级之后,因此我找到了TwentyNineteen的旧版本,然后替换了出问题的文件(因为我并不会php语言,根本不知道怎么修复出问题的片段)。因此大家可以下载这份文件,然后覆盖掉TwentyNineteen主题文件包里面JS文件夹下的touch-keyboard-navigation.js文件。BUG就会消失了。

在手机端中隐藏“描述”

TwentyNineteen主题下,就算是随便写一点“描述”,都很有可能导致在移动端下“描述”会换行,我认为这样极不美观。

描述过长
描述过长

因此我们要做的就是在移动端情况下隐藏掉描述,可以通过在style.css文件的最后添加以下内容:

@media only screen and (max-width: 768px){
.site-description{
display: none
}
}

在移动端中调整logo位置

TwentyNineteen在移动端中默认Logo独占一行。我个人认为这也不是非常地美观。

logo独占一行
logo独占一行

因此我就想整合Logo和标题在同一行,变成以下这样子:

整合Logo与标题之后
整合Logo与标题之后

如果你也想这样做,在style.css文件末尾添加以下语句即可:

@media only screen and (max-width: 768px){
.site-logo {
float: left;
margin-bottom: 0px;
margin-top: -1.0px;
}
.site-logo .custom-logo-link {
width: 35px;
height: 35px;
margin-bottom: 0px;
margin-right: 5px;
}
}

不知道你对于TwentyNineteen主题是否也有一些改进,一起分享一下吧!

你可能还喜欢

5则评论

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

  2. 不错,再加个局部无刷新就跟好了

    1. 局部无刷新是什么意思?

        1. 这个估计一时半会还没办法实现。

发表评论

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