dashicons

워드프레스 대시보드(또는 어디서든)에서 사용되는 아이콘 모음이다. 웹사이트에서 간편히 전체 목록을 확인할 수 있다.

개발시 관리자 화면의 메뉴 아이콘을 꾸밀 때 특히 유용하다. 기본 아이콘인 톱니바퀴나 핀 말고 다양한 아이콘으로 만들어 보자.

목록에서 원하는 아이콘을 클릭하면 아이콘 이름, HTML 코드나 CSS 스타일이 적절히 출력된다. 커스텀 포스트나 메뉴를 삽입할 때는 아이콘 이름을 쓰고, 나머지 경우에서는 적당히 HTML 태그나 CSS 스타일 요소 등을 사용하면 된다.

예를 들어, 아래 커피 아이콘의 이름은 ‘dashicon-coffee’이다.

이 아이콘을 커스텀 포스트의 메뉴 아이콘으로 쓰려면,

<?php register_post_type( 'foo_type', array( .... 'menu_icon' => 'dashicons-coffee', // 이렇게! ) );
Code language: HTML, XML (xml)

커스텀 페이지의 메뉴 아이콘으로 쓴다면,

<?php add_menu_page( 'Page Title', 'Menu Title', 'manage_options', 'callback_function', 'dashicons-coffee' // 이렇게! );
Code language: HTML, XML (xml)

이렇게 사용 가능하다.

댓글 남기기