也是无敌了?一点鸡毛蒜皮的小问题也要写一写,就是怕忘了

将左上角网站标题修改为Logo

这里我们不需要修改主题文件,一段css样式就好了,将以下代码添加到主题设置-自定义代码-自定义CSS代码

header nav .title a {
    background: url(Logo地址) no-repeat;
    width: 135px;/*长度,根据Logo情况修改*/
    height: auto;/*高度,根据Logo情况修改*/
    background-size: contain;
    text-indent: -9999px;
}

顶部菜单添加小图标对齐

在添加完顶部菜单后,我觉得只有文字太单调了,所以添加了小图标,但小图标与文字没有对齐,小图标往上飘了点,解决办法还是使用css样式,将以下代码添加到主题设置-自定义代码-自定义CSS代码

注意

适用于其他图标库?主题自带的不需要添加(具体自测)

header .nav-menu .menu > li > a, header .nav-menu .menu > li > ul > li a {
    display: flex;
}

这段代码也可以让下拉菜单的小图标也居中。

网站ICO修改

这个可以忽略,我是想着ico都上传cdn存储了,主题设置填个链接就好了,奈何主题没有这项设置

这是一段html资源引用代码,有需要的可以将以下代码添加到主题设置-自定义代码-自定义HTML代码-头部

<link rel="shortcut icon" href="图标地址" type="image/x-icon">

首页文章改为时间顺序显示

Oyiso主题首页默认是显示热门文章,一开始还没发现。此处参考对Oyiso主题的魔改记录-CC米饭的小世界

这里需要修改主题的首页模版,我使用的是模版1,打开主题文件夹,对应文件路径templates/tpl-home1.php

搜索”// 创建 popular 实例

在meta_key、orderby、order前面加上注释,如下图框内所示

代码

页脚左下脚按钮圆角修改

由于我的favicon.ico是方形,主题原来的百分之五十圆角并不适合,所以修改一下

有需要的可以将以下代码添加到主题设置-自定义代码-自定义CSS代码

/* 这个是按钮 */
footer nav .logo a {
    border-radius: 10px;
}
/* 图标 */
footer nav .logo a img {
    border-radius: 0%;
}
效果图

修复按钮缺少可供访问的名称

问题示例

这是搜索按钮缺少可供访问的名称,只需要添加一个aria-label

找到目标文件,地址为/wp-content/themes/oyiso/searchform.php

button标签内加入aria-label="搜索"就OK了

添加更多关键词和描述

主题现在没有自定义网站关键词和描述的功能,所以我自己添加一下

需要修改文件,目标位置为/wp-content/themes/oyiso/header.php

关键词在第18行添加,主题预设关键词只有网站标题,所以我们在后面添加就好

描述需要在第18行后添加以下代码

注意

使用英文逗号分隔

<meta name="description" content="网站描述">
关键词和描述

右上角站长Card签名下方间隔修改

这里是因为我隐藏了原始Wp-adminWp-login的登录方式,顺便把主题站长Card签名下方的登录按钮隐藏了(以防别有用心之人),隐藏后签名下方就会有一块空的地方,我使用自定义css的方式修改,如有需要可将下方代码添加到主题设置-自定义代码-自定义CSS代码

/* 未登录时无间隔 */
header .nav-menu .user .info .content {
margin-top: 0px;
}
/* 登录状态 */
header .nav-menu .user .info .content.logged {
margin-top: 10px;
}