\u5b89\u88c5WPCode\uff0c\u63d2\u5165\u4ee3\u7801\uff1a<\/p>\n
\/**\n * \u5728\u6587\u7ae0\u5217\u8868\u9875\u6dfb\u52a0\u6811\u72b6\u53ef\u6298\u53e0\u5206\u7c7b\u7b5b\u9009\u5668\uff08\u542b"\u6240\u6709\u5206\u7c7b"\u9009\u9879\uff09\n *\/\nadd_action('admin_footer-edit.php', function() {\n $screen = get_current_screen();\n if ($screen->post_type !== 'post') return;\n\n \/\/ \u9012\u5f52\u751f\u6210\u5206\u7c7b\u6811 HTML\n function build_category_tree($parent = 0, $level = 0) {\n $categories = get_categories(['hide_empty' => false, 'parent' => $parent]);\n if (!$categories) return '';\n $html = '';\n foreach ($categories as $cat) {\n $children = get_categories(['hide_empty' => false, 'parent' => $cat->term_id]);\n $has_children = !empty($children);\n $indent = str_repeat('\u2014', $level);\n $html .= '<div class="tree-node" data-id="' . $cat->term_id . '">';\n $html .= '<div class="tree-row">';\n $html .= '<span class="tree-toggle">' . ($has_children ? '\ud83d\udcc1' : '\ud83d\udcc4') . '<\/span>';\n $html .= '<span class="tree-label">' . $indent . ' ' . esc_html($cat->name) . '<\/span>';\n $html .= '<\/div>';\n if ($has_children) {\n $html .= '<div class="tree-children" style="display:none;">';\n $html .= build_category_tree($cat->term_id, $level + 1);\n $html .= '<\/div>';\n }\n $html .= '<\/div>';\n }\n return $html;\n }\n\n \/\/ \u83b7\u53d6\u5f53\u524d URL \u4e2d\u7684\u5206\u7c7b ID\n $current_cat_id = isset($_GET['cat']) ? intval($_GET['cat']) : 0;\n\n ?>\n <style>\n .tree-cat-wrapper {\n display: inline-block;\n margin-left: 10px;\n position: relative;\n vertical-align: top;\n }\n .tree-cat-btn {\n background: #f0f0f1;\n border: 1px solid #8c8f94;\n border-radius: 3px;\n padding: 6px 12px;\n cursor: pointer;\n font-size: 13px;\n }\n .tree-cat-panel {\n display: none;\n position: absolute;\n top: 100%;\n left: 0;\n background: #fff;\n border: 1px solid #ccd0d4;\n border-radius: 4px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n width: 280px;\n z-index: 9999;\n margin-top: 5px;\n }\n .tree-cat-search {\n padding: 10px;\n border-bottom: 1px solid #eee;\n }\n .tree-cat-search input {\n width: 100%;\n padding: 6px;\n border: 1px solid #ccc;\n border-radius: 3px;\n }\n .tree-cat-list {\n max-height: 320px;\n overflow-y: auto;\n padding: 8px;\n }\n .tree-node {\n margin: 2px 0;\n }\n .tree-row {\n display: flex;\n align-items: center;\n padding: 4px;\n border-radius: 3px;\n cursor: pointer;\n }\n .tree-row:hover {\n background: #f0f0f0;\n }\n .tree-row.selected {\n background: #e5f0fd;\n font-weight: bold;\n color: #0073aa;\n }\n .tree-toggle {\n width: 28px;\n text-align: center;\n flex-shrink: 0;\n }\n .tree-label {\n flex: 1;\n }\n .tree-children {\n margin-left: 24px;\n }\n .tree-cat-footer {\n padding: 8px 10px;\n border-top: 1px solid #eee;\n text-align: right;\n background: #fafafa;\n }\n .tree-cat-footer .button {\n margin-left: 8px;\n }\n .tree-root-item {\n border-bottom: 1px solid #eee;\n margin-bottom: 5px;\n padding-bottom: 5px;\n }\n <\/style>\n <script>\n jQuery(document).ready(function($) {\n var $actions = $('.tablenav.top .alignleft.actions').first();\n if (!$actions.length) return;\n\n \/\/ \u6784\u5efa\u754c\u9762\n var $wrapper = $('<div class="tree-cat-wrapper">');\n var $btn = $('<div class="tree-cat-btn">\ud83d\udcc1 \u6811\u72b6\u5206\u7c7b<\/div>');\n var $panel = $('<div class="tree-cat-panel">');\n var $searchDiv = $('<div class="tree-cat-search"><input type="text" id="tree-cat-search" placeholder="\u641c\u7d22\u5206\u7c7b..."><\/div>');\n var $listDiv = $('<div class="tree-cat-list">');\n var $footer = $('<div class="tree-cat-footer"><button type="button" id="tree-cat-apply" class="button button-small">\u5e94\u7528\u7b5b\u9009<\/button> <button type="button" id="tree-cat-clear" class="button button-small">\u6e05\u9664<\/button><\/div>');\n\n $panel.append($searchDiv);\n $panel.append($listDiv);\n $panel.append($footer);\n $wrapper.append($btn);\n $wrapper.append($panel);\n $actions.append($wrapper);\n\n \/\/ \u6784\u5efa\u5206\u7c7b\u6811 HTML\uff08\u5305\u542b"\u6240\u6709\u5206\u7c7b"\u6839\u8282\u70b9\uff09\n var allCategoriesHtml = '<?php echo addslashes(build_category_tree()); ?>';\n var fullTreeHtml = '<div class="tree-node tree-root-item" data-id="0">' +\n '<div class="tree-row" data-id="0">' +\n '<span class="tree-toggle">\ud83d\udcc1<\/span>' +\n '<span class="tree-label">\u6240\u6709\u5206\u7c7b<\/span>' +\n '<\/div>' +\n '<div class="tree-children" style="display:block;">' +\n allCategoriesHtml +\n '<\/div>' +\n '<\/div>';\n $listDiv.html(fullTreeHtml);\n\n \/\/ \u4ece URL \u83b7\u53d6\u5f53\u524d\u5206\u7c7b ID\n var urlParams = new URLSearchParams(window.location.search);\n var currentCatId = urlParams.get('cat');\n var currentSelectedId = currentCatId ? parseInt(currentCatId) : null;\n\n \/\/ \u9ad8\u4eae\u5f53\u524d\u9009\u4e2d\u7684\u5206\u7c7b\uff0c\u5e76\u5c55\u5f00\u5176\u7236\u7ea7\n function highlightCurrentCategory() {\n if (currentSelectedId) {\n var $targetNode = $listDiv.find('.tree-node[data-id="' + currentSelectedId + '"]');\n if ($targetNode.length) {\n $targetNode.find('.tree-row').addClass('selected');\n $targetNode.parents('.tree-children').show();\n $targetNode.parents('.tree-children').prev('.tree-node').find('.tree-toggle').text('\ud83d\udcc2');\n }\n } else {\n \/\/ \u6ca1\u6709\u9009\u4e2d\u4efb\u4f55\u5206\u7c7b\u65f6\uff0c\u9ad8\u4eae"\u6240\u6709\u5206\u7c7b"\n $listDiv.find('.tree-node[data-id="0"] > .tree-row').addClass('selected');\n }\n }\n\n \/\/ \u70b9\u51fb\u6574\u4e2a .tree-row\n $listDiv.on('click', '.tree-row', function(e) {\n e.stopPropagation();\n var $row = $(this);\n var $node = $row.closest('.tree-node');\n var $children = $node.children('.tree-children');\n var $toggle = $row.find('.tree-toggle');\n var hasChildren = $children.length > 0;\n var catId = $node.data('id');\n\n \/\/ \u6e05\u9664\u6240\u6709\u9009\u4e2d\u6837\u5f0f\n $listDiv.find('.tree-row').removeClass('selected');\n\n \/\/ \u9009\u4e2d\u5f53\u524d\u884c\n $row.addClass('selected');\n currentSelectedId = catId === 0 ? null : catId;\n\n \/\/ \u5982\u679c\u6709\u5b50\u5206\u7c7b\uff0c\u540c\u65f6\u6267\u884c\u6298\u53e0\/\u5c55\u5f00\n if (hasChildren) {\n $children.toggle();\n var isOpen = $children.is(':visible');\n $toggle.text(isOpen ? '\ud83d\udcc2' : '\ud83d\udcc1');\n }\n });\n\n \/\/ \u5e94\u7528\u7b5b\u9009\n $('#tree-cat-apply').on('click', function() {\n if (currentSelectedId) {\n window.location.href = '<?php echo admin_url('edit.php'); ?>?post_type=post&cat=' + currentSelectedId;\n } else {\n \/\/ \u9009\u4e2d"\u6240\u6709\u5206\u7c7b"\u65f6\uff0c\u6e05\u9664\u7b5b\u9009\n window.location.href = '<?php echo admin_url('edit.php'); ?>?post_type=post';\n }\n });\n\n \/\/ \u6e05\u9664\u7b5b\u9009\n $('#tree-cat-clear').on('click', function() {\n window.location.href = '<?php echo admin_url('edit.php'); ?>?post_type=post';\n });\n\n \/\/ \u641c\u7d22\u529f\u80fd\n $('#tree-cat-search').on('keyup', function() {\n var kw = $(this).val().toLowerCase();\n $listDiv.find('.tree-node').each(function() {\n var $node = $(this);\n var label = $node.find('.tree-label').text().toLowerCase();\n if (label.indexOf(kw) !== -1 || $node.data('id') === 0) {\n $node.show();\n if ($node.data('id') !== 0) {\n $node.parents('.tree-children').show();\n $node.parents('.tree-children').prev('.tree-node').find('.tree-toggle').text('\ud83d\udcc2');\n }\n } else {\n $node.hide();\n }\n });\n });\n\n \/\/ \u6309\u94ae\u5207\u6362\u9762\u677f\n $btn.on('click', function(e) {\n e.stopPropagation();\n $panel.toggle();\n \/\/ \u6bcf\u6b21\u6253\u5f00\u9762\u677f\u65f6\uff0c\u91cd\u65b0\u9ad8\u4eae\u5f53\u524d\u9009\u4e2d\u7684\u5206\u7c7b\n highlightCurrentCategory();\n });\n\n \/\/ \u70b9\u51fb\u9762\u677f\u5185\u90e8\u4e0d\u5173\u95ed\n $panel.on('click', function(e) {\n e.stopPropagation();\n });\n\n \/\/ \u70b9\u51fb\u5176\u4ed6\u5730\u65b9\u5173\u95ed\u9762\u677f\n $(document).on('click', function() {\n $panel.hide();\n });\n\n \/\/ \u521d\u59cb\u5316\u9ad8\u4eae\n highlightCurrentCategory();\n });\n <\/script>\n <?php\n});<\/code><\/pre>\n