在帖子编辑器中将工具提示添加到类别邮箱上方

时间:2013-05-13 作者:Paul Thomson

我希望在Wordpress后端的post editor屏幕中的categories postbox/widget上方添加一个onmouseover工具提示链接,以帮助我的网站上的用户进一步明确哪个类别是最适合发布的类别。

有没有人有一个简单而优雅的解决方案,可以避免对核心文件进行黑客攻击?

首先,我想添加文本:

Add text.

然后,当有人将鼠标悬停在该文本上时,我想添加如下工具提示:

Tooltip

1 个回复
SO网友:Charles Clarkson

将此代码放入函数中。php主题(或子主题)文件。它使用jQuery在类别上方添加一个新框div (<div id="categorydiv" class="postbox " >).

add_action( \'admin_footer-post.php\',     \'wpse_99252_add_categories_title_attribute\' );
add_action( \'admin_footer-post-new.php\', \'wpse_99252_add_categories_title_attribute\' );

/**
 * Add a title attribute to categories box in the Post Editor.
 */
function wpse_99252_add_categories_title_attribute() { ?>
    <script type="text/javascript">

        // Setup tool tip box.
        jQuery( "#categorydiv" ).before( \'<center id="categorydiv-tooltip">Which catgeory should I post in?</center>\' );

        // Style it. Hide it.
        jQuery( "#categorydiv-tooltip" ).css( {
             \'margin-bottom\': \'4px\',
             visibility: \'hidden\'
             // Add more styles here.
        } );

        // Display or hide tool tip box on mouse events.
        jQuery( "#categorydiv" ).mouseenter( function() {
            jQuery( "#categorydiv-tooltip" ).css( \'visibility\', \'visible\' );

        } ).mouseleave( function() {
            jQuery( "#categorydiv-tooltip" ).css( \'visibility\', \'hidden\' );
        } );

    </script>
    <?php
}

结束

相关推荐

WP 3.3 Tooltips API?

有没有人教过如何在主题或插件中实现新的工具提示API?我渴望利用这一点来帮助我的主题和插件的第一次用户。从…起mashable\'e excellent intro to 3.3...新的工具提示对更有经验的用户来说可能有点烦人,但对大多数人来说,它可能非常有用。工具提示弹出式气泡现在显示出来,帮助用户浏览WordPress中的新功能。升级后您将立即看到其中一个,它指向新的管理栏。> Developers are able to use these popups to add their own f