WordPress主题Begin美化

2019年6月21日15:23:52 4 509

WordPress主题Begin美化
做网站也有段时间了,没有想着能有什么收入,纯粹兴趣的驱使下,做了也有段时间了,总是在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,分别搜索#loginlogin-tabborder-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;
}
  • 我的微信
  • weinxin
  • 我的微信公众号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:4   其中:访客  2   博主  2

    • Nice 0

      美化得蠻好看的!!

        • admin Admin

          @Nice 哈哈,还好,就是没整理完整

        • 青山 0

          美化有啥好玩的。
          主题一升级就没了

            • admin Admin

              @青山 ?,准备改完就不升级,或者只升级关键地方,备份个样式没错的