做网站也有段时间了,没有想着能有什么收入,纯粹兴趣的驱使下,做了也有段时间了,总是在typecho和WordPress之间切来切去,终于最近烦了,又搬回了WordPress,本文记录一下折腾记录,以便同在美化的朋友参考

修改顶部头像圆角度

因为顶部默认是方形,所以做了些修改,找到主题的style文件,在以下代码添加border-radius: 10px;属性

.user-my img {
    position: absolute;
    top: 8px;
    left: 0;
    width: 16px;
    height: auto;
    overflow: hidden
}

修改顶部菜单样式

样式来自诗梦博客,首先将以下样式粘贴到自定义样式中,然后将<span class="mcnmq">文章归档</span>粘贴到导航标签即可,修改一下class,class不同颜色不同,必须为下面代码里面有的class才生效

/*顶部菜单*/
.mcnmq {
    background: #b485e2;
    color: #fff;
    padding: 2px 8px;
    border-radius: 2px
}
.mcnmw {
    background: #74d62f;
    color: #fff;
    padding: 2px 8px;
    border-radius: 2px
}

修改顶部导航为随机色

下载下面的文件,将后缀改为js,上传至服务器,然后打开主题的footer.php找到<?php wp_footer();?>在之前添加<script type="text/javascript" src="这里填写你的js文件路径"></script>;,目前随机色的有导航栏,云标签,导航栏,云标签颜色不是很搭配后面再做修改

修改登录界面

首先打开主题的style.css,分别搜索#login和login-tab将border-radius的值修改为13px,然后继续搜索.login-tab-hd增加border-radius: 13px 13px 0 0,最后搜索.login-tab-bd,将border-radius中2修改为13,最后修改登录按钮配色,搜索#login input[type="submit"]将background修改为#66b4f0,将border-radius修改为25px,在最后增加outline: none;去除蓝色边框。

修改侧边栏配色

侧边栏配色我个人不是很喜欢,所以做了略微修改在Style中搜索#scroll li ara然后修改color即可,或者将一下代码粘贴到自定义样式

#scroll li a {
    color: #67a5df;
}
文章名:《WordPress主题Begin美化》
文章链接:https://www.ratelsx.com/archives/49.html
联系方式:350790090@qq.com
除特别注明外,文章均为Ratel原创,转载时请注明本文出处及文章链接
Last modification:March 9th, 2021 at 04:38 pm
如果觉得我的文章对你有用,请随意赞赏