文章
文章用户文档快讯圈子网址导航

WP更换后台样式

是不是已经对后台的样式看的想吐了，但又没什么办法去修改，这次我带来福音啦！！！欸欸欸，我的福音呢【左摸摸╰(￣ω￣ｏ)，右默默╰(￣ω￣ｏ)】emmm，好像掉了，那么本片文章就到此结束啦！！再见。

哈哈哈哈，你又被我骗了吧，我也不多说这些了，直接开始本篇的教程吧。【有两种方法哦】

第一个方法

我们需要一位大佬的顶级插件【WPJAM】什么？在哪里下载？
笨呐，既然名字都有WP两字了，当然去WP插件里面下载咯
下载完成之后我们就要激活插件了【注：插件只支持linux系统和PHP7.2以上】
什么？插件是不是要钱？？？？
az，插件完全免费，只是需要你关注公众号而已，获取验证码来激活的啦。
我们来到WP后台>WPJAM>样式定制>后台定制>后台 Head 代码
内容填写以下代码。

 

<style type="text/css">
body{background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer;background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(https://www.dmoe.cc/random.php) center center/cover no-repeat fixed}
#dashboard-widgets-wrap,.wrap>h1:first-child{display:none}
a{color:#673ab7;font-weight:500!important;text-decoration:none}
a:hover{color:#e91e63;background:rgba(0,0,0,.1)!important}
#adminmenu .wp-submenu a,#adminmenu .wp-submenu li.current a{color:#000!important;font-size:14px!important}
#adminmenu,#adminmenuback,#adminmenuwrap,#wpadminbar{background:rgba(0,0,0,.1)!important}
#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-submenu,#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus,#wpadminbar .menupop .ab-sub-wrapper{background:rgba(255,255,255,.6)!important}
#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{background:rgba(0,0,0,.6)!important}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-right-color:rgba(255,255,255,.6)!important}
#adminmenu .wp-submenu,#wp-admin-bar-user-info .avatar,#wpadminbar .menupop .ab-sub-wrapper,table.widefat{border-radius:8px}
#adminmenu li.menu-top:hover{background:0 0!important}
.notice{background:rgba(255,255,255,.6);border-radius:8px}
#adminmenu .wp-submenu .wp-submenu-head,#wpadminbar #wp-admin-bar-user-info .display-name,#wpadminbar #wp-admin-bar-user-info .username,#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a{color:#000!important}
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:rgba(255,255,255,0)!important;background-color:rgba(255,255,255,0)!important;border-radius:99px}
.comment-ays,.feature-filter,.imgedit-group,.popular-tags,.striped>tbody>:nth-child(odd),.stuffbox,.widgets-holder-wrap,.wp-editor-container,p.popular-tags,table.widefat{background:rgba(255,255,255,.5)!important}
table.widefat{border:none!important}
.no-thumbnail{display:none!important}
.row-title{font-weight:600!important}
.row-actions{color:#000!important}
.wrap>.page-title-action{padding:8px 20px;display:inline-block;border-radius:99px;font-size:15px;font-weight:600!important;border:none}
.wp-core-ui select{background:rgba(255,255,255,.5) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%!important}
.tablenav,table.widefat{background:rgba(255,255,255,.5)!important;padding:5px;border-radius:8px;margin:5px 0}
.updates-table td input,.widefat tfoot td input,.widefat th input,.widefat thead td input,input[type=radio]{background:rgba(255,255,255,.5)!important;border-radius:99px}
#post-search-input,.tablenav .tablenav-pages .button,.tablenav .tablenav-pages .tablenav-pages-navspan,.wp-core-ui .button-disabled,.wp-core-ui .button-secondary.disabled,.wp-core-ui .button-secondary:disabled,.wp-core-ui .button-secondary[disabled],.wp-core-ui .button.disabled,.wp-core-ui .button:disabled,.wp-core-ui .button[disabled]{border-radius:99px}
.alignleft .wp-core-ui .button,.alignleft .wp-core-ui .button-secondary{background:rgba(255,255,255,.5)!important}
.list-table>.subsubsub{background:rgba(255,255,255,.5)!important;padding:5px;border-radius:99px}
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background:rgba(255,255,255,.5)!important}
.edit-attachment-frame .attachment-media-view .details-image,.media-modal-content,.wp-core-ui .attachment .thumbnail,.wp-core-ui .attachment-preview{border-radius:8px}
.media-frame.mode-grid .attachment.details:focus,.media-frame.mode-grid .attachment:focus,.media-frame.mode-grid .selected.attachment:focus,.wp-core-ui .attachment .thumbnail:after{box-shadow:none!important}
.edit-attachment-frame .media-frame-content,.media-modal-content{background:rgba(255,255,255,.8)!important;border-radius:8px}
p.search-box{padding:5px!important}
#major-publishing-action,.postbox{border-radius:8px}
#major-publishing-actions,.categorydiv div.tabs-panel,.customlinkdiv div.tabs-panel,.postbox,.posttypediv div.tabs-panel,.taxonomydiv div.tabs-panel,.wp-tab-panel{background:rgba(255,255,255,.8)!important}
.card,.health-check-accordion-panel,.health-check-accordion-trigger,.health-check-header,.privacy-settings-accordion-panel,.privacy-settings-accordion-trigger,.privacy-settings-header{background:rgba(255,255,255,.5)!important;border-radius:8px}
.health-check-accordion-heading,.privacy-settings-accordion-heading{border-top:none;margin-top:5px}
.health-check-accordion,.privacy-settings-accordion{border:none}
.wp-core-ui .button,.wp-core-ui .button-secondary{color:#000;background:rgba(255,255,255,.8)}
.theme-overlay .theme-actions,.theme-overlay .theme-wrap{background:rgba(255,255,255,.5)!important;border-radius:8px}
.theme-overlay .screenshot{border-radius:8px;border:none}
#widgets-left .widgets-holder-wrap{padding:5px;border-radius:8px}
.menu-item-handle,.widget .widget-top{background:rgba(255,255,255,.5)!important}
#available-widgets .widget .widget-top,div#widgets-right .widgets-holder-wrap{border-radius:8px}
.manage-menus{border-radius:99px;background:rgba(255,255,255,.5)!important}
.accordion-section{border-bottom:none!important;margin:5px}
.nav-menus-php .metabox-holder h3{border-radius:8px}
.accordion-section-content{border-radius:8px}
#menu-management .menu-edit,#menu-settings-column .accordion-container{border:none;box-shadow:none}
.nav-menus-php #post-body{background:rgba(255,255,255,.5)!important}
#nav-menu-footer,#nav-menu-header{background:#fff}
#nav-menu-header{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:none}
#nav-menu-footer{border-bottom-right-radius:8px;border-bottom-left-radius:8px}
.nav-tab-wrapper{border-bottom:none}
.nav-tab-active,.nav-tab-active:focus,.nav-tab-active:focus:active,.nav-tab-active:hover{border:none!important}
.nav-tab-wrapper .nav-tab{background:rgba(255,255,255,.5)!important;border-radius:99px}
.plugins tr{background:0 0!important}
.plugins .active td,.plugins .active th{border-radius:8px;background:rgba(255,255,255,.5)!important}
.plugin-card,.popular-tags,.wp-filter{background:rgba(255,255,255,.5)!important;border-radius:8px}
.plugin-card-bottom{background:0 0!important}
.defaultavatarpicker .avatar{border-radius:99px}
::-webkit-scrollbar{width:5px;height:1px}
::-webkit-scrollbar-thumb{border-radius:5px;background-color:#12b7f5;background-image:-webkit-linear-gradient(45deg,#ff5d8f 25%,transparent 25%,transparent 50%,#ff5d8f 50%,#ff5d8f 75%,transparent 75%,transparent)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#f6f6f6}
body,div{cursor:url(https://img.wiiuii.cn/%E9%BC%A0%E6%A0%87/x1.cur),default}
a:hover{cursor:url(https://img.wiiuii.cn/%E9%BC%A0%E6%A0%87/x2.cur),pointer}
</style>

保存之后刷新一下就可以啦！！！

第二个方法

在目前使用的主题文件里找到【functions.php】文件添加以下代码

// 为WordPress后台引入css
function wpc_add_custom_admin_css() {
echo '<link rel="stylesheet" type="text/css" href="'.get_bloginfo('template_directory').'/admin-styles.css">';
}
add_action('admin_head', 'wpc_add_custom_admin_css');

然后再在使用当前主题的目录下创建一个名为【admin-styles.css】的文件
将下列代码写入其中。

body{background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer;background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(https://www.dmoe.cc/random.php) center center/cover no-repeat fixed}
#dashboard-widgets-wrap,.wrap>h1:first-child{display:none}
a{color:#673ab7;font-weight:500!important;text-decoration:none}
a:hover{color:#e91e63;background:rgba(0,0,0,.1)!important}
#adminmenu .wp-submenu a,#adminmenu .wp-submenu li.current a{color:#000!important;font-size:14px!important}
#adminmenu,#adminmenuback,#adminmenuwrap,#wpadminbar{background:rgba(0,0,0,.1)!important}
#adminmenu .wp-has-current-submenu .wp-submenu,#adminmenu .wp-submenu,#adminmenu a:hover,#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus,#wpadminbar .menupop .ab-sub-wrapper{background:rgba(255,255,255,.6)!important}
#adminmenu li.current a.menu-top,#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,.folded #adminmenu li.current.menu-top{background:rgba(0,0,0,.6)!important}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after{border-right-color:rgba(255,255,255,.6)!important}
#adminmenu .wp-submenu,#wp-admin-bar-user-info .avatar,#wpadminbar .menupop .ab-sub-wrapper,table.widefat{border-radius:8px}
#adminmenu li.menu-top:hover{background:0 0!important}
.notice{background:rgba(255,255,255,.6);border-radius:8px}
#adminmenu .wp-submenu .wp-submenu-head,#wpadminbar #wp-admin-bar-user-info .display-name,#wpadminbar #wp-admin-bar-user-info .username,#wpadminbar .ab-submenu .ab-item,#wpadminbar .quicklinks .menupop ul li a{color:#000!important}
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img{border-color:rgba(255,255,255,0)!important;background-color:rgba(255,255,255,0)!important;border-radius:99px}
.comment-ays,.feature-filter,.imgedit-group,.popular-tags,.striped>tbody>:nth-child(odd),.stuffbox,.widgets-holder-wrap,.wp-editor-container,p.popular-tags,table.widefat{background:rgba(255,255,255,.5)!important}
table.widefat{border:none!important}
.no-thumbnail{display:none!important}
.row-title{font-weight:600!important}
.row-actions{color:#000!important}
.wrap>.page-title-action{padding:8px 20px;display:inline-block;border-radius:99px;font-size:15px;font-weight:600!important;border:none}
.wp-core-ui select{background:rgba(255,255,255,.5) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%!important}
.tablenav,table.widefat{background:rgba(255,255,255,.5)!important;padding:5px;border-radius:8px;margin:5px 0}
.updates-table td input,.widefat tfoot td input,.widefat th input,.widefat thead td input,input[type=radio]{background:rgba(255,255,255,.5)!important;border-radius:99px}
#post-search-input,.tablenav .tablenav-pages .button,.tablenav .tablenav-pages .tablenav-pages-navspan,.wp-core-ui .button-disabled,.wp-core-ui .button-secondary.disabled,.wp-core-ui .button-secondary:disabled,.wp-core-ui .button-secondary[disabled],.wp-core-ui .button.disabled,.wp-core-ui .button:disabled,.wp-core-ui .button[disabled]{border-radius:99px}
.alignleft .wp-core-ui .button,.alignleft .wp-core-ui .button-secondary{background:rgba(255,255,255,.5)!important}
.list-table>.subsubsub{background:rgba(255,255,255,.5)!important;padding:5px;border-radius:99px}
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background:rgba(255,255,255,.5)!important}
.edit-attachment-frame .attachment-media-view .details-image,.media-modal-content,.wp-core-ui .attachment .thumbnail,.wp-core-ui .attachment-preview{border-radius:8px}
.media-frame.mode-grid .attachment.details:focus,.media-frame.mode-grid .attachment:focus,.media-frame.mode-grid .selected.attachment:focus,.wp-core-ui .attachment .thumbnail:after{box-shadow:none!important}
.edit-attachment-frame .media-frame-content,.media-modal-content{background:rgba(255,255,255,.8)!important;border-radius:8px}
p.search-box{padding:5px!important}
#major-publishing-action,.postbox{border-radius:8px}
#major-publishing-actions,.categorydiv div.tabs-panel,.customlinkdiv div.tabs-panel,.postbox,.posttypediv div.tabs-panel,.taxonomydiv div.tabs-panel,.wp-tab-panel{background:rgba(255,255,255,.8)!important}
.card,.health-check-accordion-panel,.health-check-accordion-trigger,.health-check-header,.privacy-settings-accordion-panel,.privacy-settings-accordion-trigger,.privacy-settings-header{background:rgba(255,255,255,.5)!important;border-radius:8px}
.health-check-accordion-heading,.privacy-settings-accordion-heading{border-top:none;margin-top:5px}
.health-check-accordion,.privacy-settings-accordion{border:none}
.wp-core-ui .button,.wp-core-ui .button-secondary{color:#000;background:rgba(255,255,255,.8)}
.theme-overlay .theme-actions,.theme-overlay .theme-wrap{background:rgba(255,255,255,.5)!important;border-radius:8px}
.theme-overlay .screenshot{border-radius:8px;border:none}
#widgets-left .widgets-holder-wrap{padding:5px;border-radius:8px}
.menu-item-handle,.widget .widget-top{background:rgba(255,255,255,.5)!important}
#available-widgets .widget .widget-top,div#widgets-right .widgets-holder-wrap{border-radius:8px}
.manage-menus{border-radius:99px;background:rgba(255,255,255,.5)!important}
.accordion-section{border-bottom:none!important;margin:5px}
.nav-menus-php .metabox-holder h3{border-radius:8px}
.accordion-section-content{border-radius:8px}
#menu-management .menu-edit,#menu-settings-column .accordion-container{border:none;box-shadow:none}
.nav-menus-php #post-body{background:rgba(255,255,255,.5)!important}
#nav-menu-footer,#nav-menu-header{background:#fff}
#nav-menu-header{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:none}
#nav-menu-footer{border-bottom-right-radius:8px;border-bottom-left-radius:8px}
.nav-tab-wrapper{border-bottom:none}
.nav-tab-active,.nav-tab-active:focus,.nav-tab-active:focus:active,.nav-tab-active:hover{border:none!important}
.nav-tab-wrapper .nav-tab{background:rgba(255,255,255,.5)!important;border-radius:99px}
.plugins tr{background:0 0!important}
.plugins .active td,.plugins .active th{border-radius:8px;background:rgba(255,255,255,.5)!important}
.plugin-card,.popular-tags,.wp-filter{background:rgba(255,255,255,.5)!important;border-radius:8px}
.plugin-card-bottom{background:0 0!important}
.defaultavatarpicker .avatar{border-radius:99px}
::-webkit-scrollbar{width:5px;height:1px}
::-webkit-scrollbar-thumb{border-radius:5px;background-color:#12b7f5;background-image:-webkit-linear-gradient(45deg,#ff5d8f 25%,transparent 25%,transparent 50%,#ff5d8f 50%,#ff5d8f 75%,transparent 75%,transparent)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#f6f6f6}
body,div{cursor:url(https://img.wiiuii.cn/%E9%BC%A0%E6%A0%87/x1.cur),default}
a:hover{cursor:url(https://img.wiiuii.cn/%E9%BC%A0%E6%A0%87/x2.cur),pointer}

当然了，这个方法我个人不推荐的，但凡主题更新，就使用不了，还是老老实实的用第一个办法吧。

预览图

WP更换后台样式
WP更换后台样式

 

版权声明

  • 1.本站文章基本属于原创，搬运者请标注来源地址
  • 2.部分文章转载需经过作者同意。
  • 3.网站资源来源于网络，仅供学习！
  • 4.待添加....
    • Wordpress美化
    Wordpress美化学习日志

    如何给WP添加一个复制提示框

    2022-4-27 21:45:39

    Wordpress美化学习日志

    如何给WP添加一个滚轮动画

    2022-4-27 22:58:47

    0 条回复 A文章作者 M管理员
      暂无讨论，说说你的看法吧
    ❯
    有新私信 私信列表
    搜索

    • 扫码打开当前页

    返回顶部
    歌曲封面