我估计是最早一批使用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和标题在同一行,变成以下这样子:
如果你也想这样做,在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主题是否也有一些改进,一起分享一下吧!
不错,再加个局部无刷新就跟好了
局部无刷新是什么意思?
pjax
这个估计一时半会还没办法实现。