为自定义帖子指定鼠标悬停图标

时间：2013-03-22 作者：William

我正在使用register_post_type 函数创建自定义帖子类型。我已经在使用menu\\u icon参数为帖子类型设置管理员图标。但是，如何设置“鼠标悬停”图标？当我看到其他插件创建自定义帖子类型时，它们有一个单独的图标“颜色”版本，显示在鼠标盖上-

3 个回复

SO网友:vancoder

这更像是一个CSS问题。然而，如果您将图标创建为CSS精灵，您只需在CSS中的图标版本之间切换。类似于：

#toplevel_page_my_item .wp-menu-image {
  background: url(\'images/sprite.png\') no-repeat 0 8px !important;
}

#toplevel_page_my_item:hover .wp-menu-image,
#toplevel_my_item.wp-has-current-submenu .wp-menu-image {
  background-position: 0 -24px !important;
}

SO网友:golchha21

我使用的代码是：

add_action( \'admin_head\', \'cpt_icon\');
function cpt_icon() { 
    echo \'
        #menu-posts-cpt .wp-menu-image {
            background: url(\'.get_template_directory_uri().\'/img/cpt-icon.png) no-repeat 6px 6px !important;
        }
        #menu-posts-cpt:hover .wp-menu-image, #menu-posts-cpt.wp-has-current-submenu .wp-menu-image {
            background-position:6px -16px !important;
        }
        #icon-edit.icon32-posts-cpt {background: url(\'.get_template_directory_uri().\'/img/cpt-32x32.png) no-repeat;}
    \';
}

其中：

\'cpt-icon.png\' 是具有单色和；管理菜单的彩色图标
\'cpt-32x32.png\' 是显示在CPT页面上的图标，例如（添加新CPT、编辑CPT等）

示例图标：

cpt-icon.png

cpt-32x32.png

SO网友:Roc

vancoder是对的，雪碧是你最好的选择。以下是我的示例：

我的CPT称为“联系人”。

以下是它在管理菜单导航中的显示方式：

<li class="menu-top menu-icon-post" id="menu-posts-contact">

当不活动/悬停在上方时，我用于显示自定义图像的css：

#adminmenu #menu-posts-contact div.wp-menu-image {
    background-position: 0 0;
}

悬停的css：

#adminmenu #menu-posts-contact:hover div.wp-menu-image {
    background-position: 0 -30px;   
}

活动状态的css：

#adminmenu #menu-posts-contact.current div.wp-menu-image {
    background-position: 0 -60px;
}

结束

标签： custom-post-types php 小码农

我的模板不适用，主题仍然回退到index.php

我有一个CPT，我想在我的网站前端列出帖子，所以我创建了一个页面，我分配了一个模板，这样我就可以修改它的外观。以下是我的模板声明：/* Template Name: Book\'s author */ 此外，我有我的循环。在我的wp-admin页面下，我已经将我的页面模板更改为书的作者，但在前端它仍然显示索引。php我不明白的是，列出了这本书的作者，但有我的索引。php！谢谢你的帮助。约翰。

小码农CODE

为自定义帖子指定鼠标悬停图标

相关推荐

我的模板不适用，主题仍然回退到index.php