Title: Custom Login Admin Front-end CSS
Author: Arun Basil Lal
Published: <strong>2016 年 4 月 14 日</strong>
Last modified: 2024 年 12 月 9 日

---

搜索插件

![](https://ps.w.org/custom-login-admin-front-end-css-with-multisite-support/assets/
banner-772x250.png?rev=1401434)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/custom-login-admin-front-end-css-with-multisite-support/assets/
icon-128x128.png?rev=1401434)

# Custom Login Admin Front-end CSS

 作者：[Arun Basil Lal](https://profiles.wordpress.org/arunbasillal/)

[下载](https://downloads.wordpress.org/plugin/custom-login-admin-front-end-css-with-multisite-support.zip)

 * [详情](https://cn.wordpress.org/plugins/custom-login-admin-front-end-css-with-multisite-support/#description)
 * [评价](https://cn.wordpress.org/plugins/custom-login-admin-front-end-css-with-multisite-support/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/custom-login-admin-front-end-css-with-multisite-support/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/custom-login-admin-front-end-css-with-multisite-support/#developers)

 [支持](https://wordpress.org/support/plugin/custom-login-admin-front-end-css-with-multisite-support/)

## 描述

Loads custom CSS on WordPress Login Pages, Admin and Front-end via the admin interface.
Can be used with WordPress single install and WordPress multisites.

Custom LAF CSS is very useful on multisite networks. Admins can customize the look
and feel of the network and add CSS for the entire network. Adding CSS to the front-
end via this plugin is handy when common features need styling and you are not sure
which theme the user will be activating.

**Main features:**

 * Loads custom CSS on Login, Admin and Front-end pages regardless of the active
   theme.
 * CSS for Login, Admin and Front-end is separately saved and used.
 * CSS is beautified and neatly presented in the admin.
 * CSS minification.
 * Multisite compatible.
 * Translation ready.
 * Compatible with [Admin CSS MU](https://wordpress.org/plugins/admin-css-mu/) plugin
   with inbuilt feature to import CSS.

You can add your custom CSS in **WordPress Admin > Appearance > Custom LAF CSS**
of your WordPress install or the base site on a WordPress multisite network.

**Upgrading From Admin CSS MU**

Follow these steps if you are upgrading from the [Admin CSS MU](https://wordpress.org/plugins/admin-css-mu/)
plugin.

 1. Install Custom LAF CSS plugin. Do not delete the Admin CSS MU plugin yet.
 2. Go to the plugin page and in the ‘Admin CSS’ section, check the box that says ‘
    Import and append CSS from Admin CSS MU’.
 3. Click ‘Save CSS’. Your CSS should be imported now.
 4. Deactivate and delete the Admin CSS MU plugin.

## 屏幕截图

[⌊Admin Interface in Appearance > Custom LAF CSS⌉⌊Admin Interface in Appearance 
> Custom LAF CSS⌉[

Admin Interface in Appearance > Custom LAF CSS

## 安装

For WordPress single install:

 1. Install the plugin through the WordPress admin interface, or upload the folder /
    custom-login-admin-frontend-css/ to /wp-content/plugins/ using ftp.
 2. Activate the plugin via WordPress admin interface.
 3. Go to WordPress Admin > Appearance > Custom LAF CSS and add the custom CSS you 
    want.

For Multisite:

 1. Install the plugin through the WordPress admin interface, or upload the folder /
    custom-login-admin-frontend-css/ to /wp-content/plugins/ using ftp.
 2. Network activate the plugin via WordPress admin interface.
 3. In the base website go to WordPress Admin > Appearance > Custom LAF CSS and add
    the custom CSS you want.

## 常见问题

### Some CSS Samples

To change the size of the h1 tags in WordPress Admin add this to Admin CSS:

    ```
    h1 {
        font-size: 40px !important;
    }
    ```

To change the background color of the Login Page, add this to Login CSS:

    ```
    .login {
      background: #ECCFFF !important;
    }
    ```

### I found this plugin very useful, how can I show my appreciation?

I am glad to hear that! You can either [make a donation](http://millionclues.com/donate/)
or leave a [rating](https://wordpress.org/support/plugin/custom-login-admin-front-end-css-with-multisite-support/reviews/?rate=5#new-post)
to support the development of the plugin.

## 评价

![](https://secure.gravatar.com/avatar/0c214bf2bacfc4c138b5eb4323f4e02d84be7991922ec344d82f2fca23d5e0c2?
s=60&d=retro&r=g)

### 󠀁[Works better than expected](https://wordpress.org/support/topic/works-better-than-expected-8/)󠁿

 [seltzdesign](https://profiles.wordpress.org/seltzdesign/) 2017 年 9 月 18 日 1
回复

It does exactly what it says in the title. The code highlighting works flawlessly
and all the styles are loaded in the appropriate places. Great for editing CSS of
the backend! I use it on all my websites and wouldn’t want to miss it.

 [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/custom-login-admin-front-end-css-with-multisite-support/reviews/)

## 贡献者及开发者

「Custom Login Admin Front-end CSS」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Arun Basil Lal ](https://profiles.wordpress.org/arunbasillal/)

[帮助将「Custom Login Admin Front-end CSS」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/custom-login-admin-front-end-css-with-multisite-support)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/custom-login-admin-front-end-css-with-multisite-support/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/custom-login-admin-front-end-css-with-multisite-support/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/custom-login-admin-front-end-css-with-multisite-support/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/custom-login-admin-front-end-css-with-multisite-support/)。

## 更新日志

#### 1.8

 * Date: 04.October.2023
 * Tested with WordPress 6.3.1
 * Enhancement: Added compatibility with PHP 8.x

#### 1.7

 * Date: 16.May.2023
 * Tested with WordPress 6.2
 * Enhancement: Added support for `justify-content`. `align-items`, and `flex-wrap`
   in CSSTidy.

#### 1.6

 * Date: 9.February.2023
 * Tested with WordPress 6.1.1
 * Enhancement: Added support for `flex-direction` in CSSTidy.

#### 1.5

 * Date: 19.October.2022
 * Tested on WordPress 6.0.3.
 * Security Fix: Deleted unwanted files in CSSTidy. Thanks Darius from Patchstack
   for the heads up.

#### 1.4.1

 * Date: 17.May.2021
 * Fixed compatibility issue with Admin CSS MU where redeclaration of Class csstidy
   caused PHP Fatal error.

#### 1.4

 * Date: 17.May.2021
 * Tested on WordPress 5.7.2.
 * Updated CSSTidy to v1.7.3.
 * Added support for CSS properties grid-gap and grid-template-columns.
 * Fix PHP warning: PHP Warning: “continue” targeting switch is equivalent to “break”
   in class.csstidy.php on line 859

#### 1.3.1

 * Date: 21.September.2017
 * Tested on WordPress 4.8.2. Result = Pass
 * Minor corrections in the settings page text.

#### 1.3

 * Date: 29.August.2017
 * Tested upto WordPress 4.8.1. Result = Pass
 * Updated CSSTidy classes to meet PHP 7.x standards. [Thanks](https://stackoverflow.com/a/37100413/8255629)
 * New: Added options to enable or disable Login, Admin and Front-end CSS individually.
 * New: Added option to minify CSS. CSS is only minified during use and the CSS 
   editor will show the un-minified and more readable version for easy editing.
 * New: Added option to import Admin CSS from [Admin CSS MU](https://wordpress.org/plugins/admin-css-mu/).
   This will help with easy migration from Admin CSS MU to this plugin.
 * Fixed: Conflict with [Admin CSS MU](https://wordpress.org/plugins/admin-css-mu/)
   plugin.
 * Code improvements.

#### 1.2

 * Minor bug fixes.
 * Tested upto WordPress 4.7.

#### 1.01

 * Added complete multisite compatibility.

#### 1.0

 * First release of the plugin.

## 额外信息

 *  版本 **1.8**
 *  最后更新：**2 年前**
 *  活跃安装数量 **300+**
 *  WordPress 版本 ** 3.0 或更高版本 **
 *  已测试的最高版本为 **6.7.5**
 *  PHP 版本 ** 5.5 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/custom-login-admin-front-end-css-with-multisite-support/)
 * 标签
 * [admin css](https://cn.wordpress.org/plugins/tags/admin-css/)[css](https://cn.wordpress.org/plugins/tags/css/)
 *  [高级视图](https://cn.wordpress.org/plugins/custom-login-admin-front-end-css-with-multisite-support/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/custom-login-admin-front-end-css-with-multisite-support/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/custom-login-admin-front-end-css-with-multisite-support/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/custom-login-admin-front-end-css-with-multisite-support/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/custom-login-admin-front-end-css-with-multisite-support/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/custom-login-admin-front-end-css-with-multisite-support/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/custom-login-admin-front-end-css-with-multisite-support/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/custom-login-admin-front-end-css-with-multisite-support/reviews/)

## 贡献者

 *   [ Arun Basil Lal ](https://profiles.wordpress.org/arunbasillal/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/custom-login-admin-front-end-css-with-multisite-support/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](http://millionclues.com/donate/)