web-dev-qa-db-ja.com

投稿エディタのカテゴリポストボックスの上にツールチップを追加する

私のサイト上の投稿者に最も適したカテゴリであることをさらに明確にするために、Wordpressバックエンドの投稿エディタ画面のカテゴリポストボックス/ウィジェットの上にonmouseoverツールチップリンクを追加することを考えています。

誰もがコアファイルをハッキングすることを回避するシンプルでエレガントな解決策を持っていますか？

まずテキストを追加します。

Add text.

それから私は誰かがそのテキストの上にマウスを置いたときにこのようなツールチップを追加したいです。

Tooltip

post-editortooltip
1
Paul Thomson

このコードをfunctions.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
}
1
Charles Clarkson