WordPress.org

한국어

  • 테마
  • 플러그인
  • 소식
    • 문서
    • 포럼
  • About
    • 워드프레스 6.8
    • 워드프레스와 40% 웹을 위한 여정
    • 워드프레스 번역 핸드북
  • 워드프레스 한국팀
  • 워드프레스 받기
워드프레스 받기
WordPress.org

Plugin Directory

Custom Login Admin Front-end CSS

  • 플러그인 제출하기
  • 내 즐겨찾기
  • 로그인
  • 플러그인 제출하기
  • 내 즐겨찾기
  • 로그인

Custom Login Admin Front-end CSS

작성자: Arun Basil Lal
다운로드
  • 세부사항
  • 평가
  • 설치
  • 개발
지원

설명

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 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 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

설치

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.

FAQ

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 or leave a rating to support the development of the plugin.

후기

Works better than expected

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 평가 읽기

기여자 & 개발자

“Custom Login Admin Front-end CSS”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자
  • Arun Basil Lal

자국어로 “Custom Login Admin Front-end CSS”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록을 RSS로 구독하세요.

변경이력

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
  • 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. This will help with easy migration from Admin CSS MU to this plugin.
  • Fixed: Conflict with 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
  • 최근 업데이트: 1년 전
  • 활성화된 설치 300+
  • 워드프레스 버전 3.0 또는 그 이상
  • 다음까지 시험됨: 6.7.4
  • PHP 버전 5.5 또는 그 이상
  • 언어
    English (US)
  • 태그:
    admin csscss
  • 고급 보기

평점

별 5점 만점에 5점.
  • 1/5-별점 후기 별 5개 1
  • 0/4-별점 후기 별 4개 0
  • 0/3-별점 후기 별 3개 0
  • 0/2-별점 후기 별 2개 0
  • 0/1-별점 후기 별 1개 0

리뷰 추가하기

모든 리뷰 보기

기여자

  • Arun Basil Lal

지원

할 말 있으신가요? 도움이 필요하신가요?

지원 포럼 보기

기부

이 플러그인이 발전하도록 도우시겠습니까?

이 플러그인에 기부하기

  • 소개
  • 뉴스
  • 호스팅
  • 개인정보
  • 쇼케이스
  • 테마
  • 플러그인
  • 패턴
  • 배우기
  • 지원
  • 개발자 도구
  • WordPress.tv ↗
  • 참여하기
  • 이벤트
  • 기부하기 ↗
  • 미래를 위한 5가지
  • WordPress.com ↗
  • Matt ↗
  • bbPress ↗
  • BuddyPress ↗
WordPress.org
WordPress.org

한국어

  • X(이전 트위터) 계정 방문하기
  • 블루스카이 계정 방문하기
  • 마스토돈 계정 방문하기
  • 스레드 계정 방문하기
  • 페이스북 페이지 방문하기
  • 인스타그램 계정 방문하기
  • LinkedIn 계정 방문하기
  • 틱톡 계정 방문하기
  • 유튜브 채널 방문하기
  • 텀블러 계정 방문하기
코드는 詩다