WordPress主题Begin美化

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,分别搜索#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/33.html
联系方式:350790090@qq.com
除特别注明外,文章均为Ratel原创,转载时请注明本文出处及文章链接

评论

  1. Nice
    Windows Chrome
    1年前
    2019-6-21 17:44:25

    美化得蠻好看的!!

    • Ratel 博主
      Android Chrome
      1年前
      2019-6-21 17:44:56

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

  2. 青山
    Windows Chrome
    1年前
    2019-6-21 17:46:35

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

    • Ratel 博主
      Android Chrome
      1年前
      2019-6-21 17:48:12

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

发送评论 编辑评论

|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇