어드민 화면 정리를 위해 Adminimize, Admin Menu Editor로 메뉴들을 권한에 따라 노출하는 것을 컨트롤한 다음에도 화면에는 상당부분 불필요 요소들이 존재합니다. 이를 해결하기 위해 플러그인으로 어드민 화면에 CSS를 적용(Add Admin CSS 이용)해서 처리를 했었는데, IE에서는 CSS로 제어 불가한 요소가 일부 있어서 아쉬움이 있었습니다. 이번에 이 부분도 해결하고자 찾아보니… 자바스크립트를 살짝 사용을 해 주면 이 부분도 컨트롤이 가능하네요. (필요해서 찾아보면 안 되는 게 없는 WP;)

▽ [ 아래 내용을 자식테마(child-theme), functions.php 파일에 추가 ]

▽ myscript.js 파일 내에서는 아래와 같이… (‘성공!’이라는 알림창이 나오면 적용 성공)

 
위 방법을 이용하여 얻은 점.
– 기존 ‘Add Admin CSS’ 플러그인을 이용한 스타일 적용 시 느꼈던 편집 화면 뷰 상의 부족함 해소
– 익스플로러에서 대처 불가한 요소들(옵션 메뉴)이 존재했던 문제를 해결
– jQuery의 선택자 사용으로 아이디,클래스 없어도 일부 제어 가능

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.