23 октября 2010

Иконка для пользовательского типа постов

wordpress 3Одна из лучших возможностей в WordPress 3 — это возможность легко создавать пользовательские типы постов. Их можно создавать вручную, внося изменения в файл functions.php шаблона, а можно использовать плагины. Но каким бы способом мы не воспользовались, то после создания в меню админки вы увидите, что вместе с новым типом появилась старая добрая КНОПКА, такая же, как и у стандартного типа post. Не интересно получается, тип новый, а иконка старая. Что ж придется немного поработать, чтобы придать нашему новому типу индивидуальности, то есть, проще говоря, прикрутить свою иконку. Для начала нужно найти подходящую иконку, конечно можно её самому нарисовать в формате PNG, а можно воспользоваться свободными библиотеками. Например здесь иконок не просто много, а очень много и идут сразу в двух вариантах, первый просто иконка, второй — иконка при наведении указателя мыши на область элемента ( hover ).
Вот как выглядели иконки сразу после создания посльзовательского типа
wordpress admin icons
А вот как стало после добавления новой иконки для нового типа:
wordpress admin icons
Для того, чтобы получить подобный результат, используйте код, который нужно включить в файл шаблона functions.php

add_action( 'admin_head', 'cpt_icons' );
function cpt_icons() {
?>
    <style type="text/css" media="screen">
        #menu-posts-POSTTYPE .wp-menu-image {
            background: url(/press-tsentr/<?php bloginfo('template_url') ?>/images/YOURIMAGE.png) no-repeat 6px -17px !important;
        }
	#menu-posts-POSTTYPE:hover .wp-menu-image, #menu-posts-plugin.wp-has-current-submenu .wp-menu-image {
            background-position:6px 7px!important;
        }
    </style>
<?php
}

В подсвеченных строках замените POSTTYPE на имя вашего типа, а YOURIMAGE — на имя файла с двумя иконками, расположенного в папке IMAGES вашего wordpress шаблона.

Статьи по теме
Статья оказалась полезной? Подпишись на RSS рассылку или следуй за мной на твиттере @wpstarter или по этой ссылке wpstarter
Рубрика: wordpress 3

Оставьте комментарий

Обведите фигуру по линии:

Ставим WordPress на локальном копьютере