也是无敌了?一点鸡毛蒜皮的小问题也要写一写,就是怕忘了
将左上角网站标题修改为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-admin
和Wp-login
的登录方式,顺便把主题站长Card签名下方的登录按钮隐藏了(以防别有用心之人),隐藏后签名下方就会有一块空的地方,我使用自定义css的方式修改,如有需要可将下方代码添加到主题设置-自定义代码-自定义CSS代码
/* 未登录时无间隔 */
header .nav-menu .user .info .content {
margin-top: 0px;
}
/* 登录状态 */
header .nav-menu .user .info .content.logged {
margin-top: 10px;
}
参与讨论