팁과노하우

2025.03.26 11:13

관리자 페이지 내 CSS 작성법

안녕하세요...
미니님a입니다.

관리자 페이지에 사용되는, css는 adm/css/admin.css 입니다.
여기서 소스 수정 하신 분들 많으시리라 생각 됩니다.

언젠가 시간이 흘러, 공식 업데이트가 되면 붙혀 넣을 시 다 날라가는 불상사가 발생하는데요
관리자 css 호출에는 재미난 기능이 숨겨져 있습니다.

css 폴더에 admin_extend_이름.css 를 쓰면 자동 호출 되는 기능입니다.
이 내용은 admin.head.php 파일에 있습니다.
1742955080_74dd0fe06820420a_{D506FC7F-26DE-4A53-B6CC-9343C2ACC27D}.png

이렇게 호출하면, admin.css 보다 밑에 호출되기 때문에 기존 코드를 수정해도 정상적으로 구동 됩니다. (important 안줘도 됨)
만약 test.css 를 만들고 싶다면 

admin_extend.test.css 파일을 만드시면 됩니다.
1742955129_c8aa6f25dd1b2cf4_{2B53D10C-DCEE-44DF-98AB-1AC3DA0404D2}.png


이런식으로 각각의 메뉴 별 그룹별 등 추가되는 플러그인에 맞게 추가해서도 사용이 가능하다는 장점이 있습니다.

아래 스샷 보면 admin.css 보다 밑에 적용 된다는 것을 확인할 수 있습니다.

1742955177_3e647e4b9bc32969_{EAA99B49-EB6A-4507-9081-4C799F3572EA}.png

그냥 링크 그런거 없이 파일 만들면 끝입니다!

고맙습니다.


  • 공유링크 복사
    미니홈 쪽지 구독하기
    구독하고 알림받기

    댓글목록

    profile_image
    no_profile 데브이미니홈 1:1 대화하기  오래 전

    와 ~ 요건 몰랐네요 꿀팁 감사합니다.

    2025-04-25 21:29

    profile_image
    no_profile 민트다이어리미니홈 1:1 대화하기  오래 전

    감사합니다 ^^

    2025-04-27 08:06