{"id":4916,"date":"2025-11-26T10:35:09","date_gmt":"2025-11-26T02:35:09","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/bjjc\/4916.html"},"modified":"2025-11-27T17:10:45","modified_gmt":"2025-11-27T09:10:45","slug":"wordpress%e7%bb%8f%e5%85%b8%e4%b8%bb%e9%a2%98%e5%af%bc%e8%88%aawp_nav_menu%e5%87%bd%e6%95%b0%e8%b0%83%e7%94%a8%e7%a4%ba%e4%be%8b%e5%8f%8a%e5%8f%82%e6%95%b0%e8%af%a6%e8%a7%a3","status":"publish","type":"bjjc","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/bjjc\/4916.html","title":{"rendered":"WordPress\u7ecf\u5178\u4e3b\u9898\u5bfc\u822awp_nav_menu()\u51fd\u6570\u8c03\u7528\u793a\u4f8b\u53ca\u53c2\u6570\u8be6\u89e3"},"content":{"rendered":"

\u51fd\u6570wp_nav_menu()<\/code>\u8be6\u89e3\u90e8\u5206<\/h2>

wp_nav_menu\uff08\u00a0array\u00a0$args\u00a0=\u00a0array\uff08\uff09\u00a0\uff09\uff1a\u00a0void|string|false<\/code><\/p>

\u663e\u793a\u5bfc\u822a\u83dc\u5355\u3002<\/p>

\n
\n
    <\/ul>\n\n\n\n
    \n

    \u672c\u6587\u5927\u591a\u6458\u81eaWordPress\u5b98\u65b9\u7f51\u7ad9\u3002<\/p>\n\n\n\n

    \u6b64\u5916\uff0c\u6211\u8fd8\u6574\u7406\u4e86\u5f88\u591a\u6765\u81eaAI\uff08deepseek\uff09\u4ee5\u53ca\u6211\u4e2a\u4eba\u521b\u4f5c\u7684\u5b9e\u73b0\u7684\u4ee3\u7801\u3002<\/p>\n<\/div>\n<\/div>\n<\/blockquote>

    wp_nav_menu()<\/code> \u662fWordPress\u4e2d\u7528\u4e8e\u663e\u793a\u5bfc\u822a\u83dc\u5355\u7684\u6838\u5fc3\u51fd\u6570\u3002\u901a\u8fc7\u7075\u6d3b\u914d\u7f6e\u5176\u53c2\u6570\uff0c\u6211\u4eec\u53ef\u4ee5\u5b8c\u5168\u63a7\u5236\u83dc\u5355\u7684\u8f93\u51fa\u7ed3\u6784\u3002\u4ee5\u4e0b\u662f\u5176\u6838\u5fc3\u53c2\u6570\u8be6\u89e3\uff1a<\/p>

    <?php\n$zzw_defaults = array(\n    \u2018theme_location\u2019  => '',      \/\/ \u5728\u4e3b\u9898\u4e2d\u6ce8\u518c\u7684\u83dc\u5355\u4f4d\u7f6e\u6807\u8bc6\u7b26\n    \u2018menu\u2019            => '',      \/\/ \u671f\u671b\u663e\u793a\u7684\u83dc\u5355ID\u3001slug\u3001\u540d\u79f0\n    \u2018container\u2019       => 'div',   \/\/ \u83dc\u5355\u6700\u5916\u5c42\u5bb9\u5668\u6807\u7b7e\uff0c\u8bbe\u7f6e\u4e3afalse\u5219\u4e0d\u663e\u793a\u5bb9\u5668\n    \u2018container_class\u2019 => '',      \/\/ \u5916\u5c42\u5bb9\u5668\u7684class\n    \u2018container_id\u2019    => '',      \/\/ \u5916\u5c42\u5bb9\u5668\u7684id\n    \u2018menu_class\u2019      => 'menu',  \/\/ \u83dc\u5355ul\u5143\u7d20\u7684class\n    \u2018menu_id\u2019         => '',      \/\/ \u83dc\u5355ul\u5143\u7d20\u7684id\n    \u2018echo\u2019            => true,    \/\/ \u662f\u5426\u76f4\u63a5\u663e\u793a\u83dc\u5355\uff0cfalse\u5219\u8fd4\u56de\u83dc\u5355HTML\u5b57\u7b26\u4e32\n    \u2018fallback_cb\u2019     => 'wp_page_menu', \/\/ \u5f53\u83dc\u5355\u4e0d\u5b58\u5728\u65f6\u7684\u56de\u8c03\u51fd\u6570\n    \u2018before\u2019          => '',      \/\/ \u6bcf\u4e2a\u83dc\u5355\u94fe\u63a5\u6587\u672c\u524d\u7684HTML\n    \u2018after\u2019           => '',      \/\/ \u6bcf\u4e2a\u83dc\u5355\u94fe\u63a5\u6587\u672c\u540e\u7684HTML\n    \u2018link_before\u2019     => '',      \/\/ \u6bcf\u4e2a\u83dc\u5355\u94fe\u63a5\u6587\u672c\u524d\u7684HTML\n    \u2018link_after\u2019      => '',      \/\/ \u6bcf\u4e2a\u83dc\u5355\u94fe\u63a5\u6587\u672c\u540e\u7684HTML\n    \u2018items_wrap\u2019      => '<ul id=\"%1$s\" class=\"%2$s\">%3$s<\/ul>', \/\/ \u83dc\u5355\u9879\u5305\u88f9\u683c\u5f0f\n    \u2018item_spacing\u2019    => 'preserve', \/\/ \u662f\u5426\u4fdd\u7559HTML\u7a7a\u767d\uff0c'discard'\u53ef\u53bb\u9664\n    \u2018depth\u2019           => 0,       \/\/ \u83dc\u5355\u5c42\u7ea7\u6df1\u5ea6\uff0c0\u4e3a\u6240\u6709\uff0c1\u4e3a\u4e00\u5c42\n    \u2018walker\u2019          => ''       \/\/ \u81ea\u5b9a\u4e49\u904d\u5386\u5668\u5bf9\u8c61\uff0c\u7528\u4e8e\u5b8c\u5168\u81ea\u5b9a\u4e49\u8f93\u51fa\u7ed3\u6784\n);\nwp_nav_menu( $zzw_defaults );\n?><\/code><\/pre>
    \u53c2\u6570<\/h3>
    $args<\/code> \u6570\u7ec4<\/mark> \u81ea\u9009<\/mark><\/p>
    \u5bfc\u822a\u83dc\u5355\u53c2\u6570\u7684\u9635\u5217\u3002<\/p>
      \n
    • menu<\/code>\u00a0 int|string|WP_Term
      \u60f3\u8981\u7684\u83dc\u5355\u3002\u63a5\u53d7\u83dc\u5355ID\u3001slug\u3001\u540d\u79f0\u6216\u5bf9\u8c61\u3002
      \u8be5\u53c2\u6570\u4f9d\u8d56\u4e8e WordPress \u7ba1\u7406\u9762\u677f\u521b\u5efa\u83dc\u5355\u65f6\u5206\u914d\u7684\u540d\u79f0\u3002\u56e0\u6b64\uff0c\u5efa\u8bae\u5c06\u53c2\u6570\u503c\u4e0e\u521b\u5efa\u83dc\u5355\u65f6\u7ed9\u5b9a\u7684\u540d\u79f0\u5339\u914d\u3002
      \u6b64\u5904\u7684\u5177\u4f53\u8f93\u5165\u503c\u5e94\u8be5\u662f\u4ec0\u4e48\uff1f\u8be6\u89c1\uff1a
      \"WordPress\u83dc\u5355\u540d\u79f0\"  \"WordPress\u83dc\u5355\u540d\u79f02\"<\/li>\n\n\n\n
    • menu_class<\/code>\u00a0\u5b57\u7b26\u4e32
      \u7528\u4e8eul\u5143\u7d20\u7684CSS\u7c7b\uff0cul\u5143\u7d20\u6784\u6210\u83dc\u5355\u3002\u9ed8\u8ba4\u4e3a'menu'<\/code>\u3002\u4f60\u53ef\u4ee5\u8f93\u5165\u4f60\u7684\u81ea\u5b9a\u4e49\u540d\u79f0\u3002<\/li>\n\n\n\n
    • menu_id<\/code>\u00a0\u5b57\u7b26\u4e32
      \u5e94\u7528\u5230\u6784\u6210\u83dc\u5355\u7684ul\u5143\u7d20\u4e0a\u7684ID\u3002\u9ed8\u8ba4\u662f\u83dc\u5355\u7684slug\uff0c\u6309\u6bd4\u4f8b\u9012\u589e\u3002<\/li>\n\n\n\n
    • container<\/code>\u00a0\u5b57\u7b26\u4e32
      \u662f\u5426\u8981\u5305\u88f9UL\uff0c\u4ee5\u53ca\u7528\u4ec0\u4e48\u5305\u88f9\u3002\u9ed8\u8ba4\u4e3a'div'<\/code>\u3002
      container<\/code>\u5bb9\u5668\u53c2\u6570\u9ed8\u8ba4\u53ea\u63a5\u53d7\u201cdiv\u201d\u3001\u201cnav\u201d\u548c\u865a\u5047\u503c\uff08\u201c\uff0c false\uff0c null\u201d\uff09\uff1b<\/mark>
      \u5982\u679c\u4f60\u60f3\u6269\u5c55\u88ab\u63a5\u53d7\u7684\u6807\u7b7e\u53c2\u6570\uff0c\u5e76\u4e14\u7528\u522b\u7684\u4e1c\u897f\u5305\u88f9\u83dc\u5355\u4e0a\u7684\u7236 ul \u6807\u7b7e\uff0c\u4f60\u5fc5\u987b\u7528wp_nav_menu_container_allowedtags<\/strong>\u8fc7\u6ee4\u5668\uff0c\u628a\u60f3\u8981\u7684\u6807\u7b7e\u6dfb\u52a0\u5230\u6570\u7ec4\u91cc\u3002\u7136\u800c\uff0c\u5bf9\u4e8e\u5927\u591a\u6570\u7528\u9014\u6765\u8bf4\uff0c\u9ed8\u8ba4\u7684\u4e24\u4e2a\u6807\u7b7e\u662f\u6700\u5408\u7406\u7684\u3002
      \u4e3a\u865a\u5047\u503c\u65f6\uff0c\u610f\u5473\u7740\u79fb\u9664\u8be5\u5bb9\u5668\uff0c\u8f93\u5165\u5c06\u4ec5\u4fdd\u7559ul\u5143\u7d20\u90e8\u5206\u3002<\/mark>
      <\/li>\n\n\n\n
    • container_class<\/code>\u00a0\u5b57\u7b26\u4e32
      \u5e94\u7528\u4e8e\u5bb9\u5668\u7684\u7c7b\u522b\u3002\u9ed8\u8ba4\u4e3a\u201cmenu-{menu slug}-container\u3002<\/li>\n\n\n\n
    • container_id<\/code>\u00a0\u5b57\u7b26\u4e32
      \u5e94\u7528\u5230\u5bb9\u5668\u4e0a\u7684ID\u3002<\/li>\n\n\n\n
    • container_aria_label<\/code>\u00a0\u5b57\u7b26\u4e32
      \u5f53\u5bb9\u5668\u662f\u5bfc\u822a\u5143\u7d20\u65f6\u5e94\u7528\u7684 aria \u6807\u7b7e\u5c5e\u6027\u3002<\/li>\n\n\n\n
    • fallback_cb<\/code>\u00a0\u53ef\u8c03\u7528|false
      \u5982\u679c\u83dc\u5355\u4e0d\u5b58\u5728\uff0c\u56de\u8c03\u51fd\u6570\u4f1a\u89e6\u53d1\u3002\u9ed8\u8ba4\u662f\u3002\u8bbe\u7f6e\u4e3afalse\uff0c\u6ca1\u6709\u5907\u9009\u65b9\u6848\u3002'wp_page_menu'<\/code><\/li>\n\n\n\n
    • before<\/code>\u00a0\u5b57\u7b26\u4e32
      \u94fe\u63a5\u6807\u8bb0\u524d\u7684\u6587\u5b57\u3002<\/li>\n\n\n\n
    • after<\/code>\u00a0\u5b57\u7b26\u4e32
      \u94fe\u63a5\u6807\u8bb0\u540e\u518d\u53d1\u77ed\u4fe1\u3002<\/li>\n\n\n\n
    • link_before<\/code>\u00a0\u5b57\u7b26\u4e32
      \u5728\u94fe\u63a5\u524d\u5148\u5199\u6587\u5b57\u3002<\/li>\n\n\n\n
    • link_after<\/code>\u00a0\u5b57\u7b26\u4e32|
      \u94fe\u63a5\u540e\u518d\u52a0\u6587\u5b57\u3002<\/li>\n\n\n\n
    • echo<\/code>\u00a0\u5e03\u5c14
      \u662f\u8ddf\u83dc\u5355\u547c\u5e94\u8fd8\u662f\u9000\u56de\u83dc\u5355\u3002\u9ed8\u8ba4\u662ftrue\u3002<\/li>\n\n\n\n
    • depth<\/code>\u00a0\u667a\u529b
      \u5305\u542b\u591a\u5c11\u5c42\u7ea7\u7684\u5c42\u7ea7\u30020 \u8868\u793a\u5168\u90e8\u3002\u9ed8\u8ba4\u4e3a0\u3002\u9ed8\u8ba4\u4e3a0\u3002<\/li>\n\n\n\n
    • walker<\/code>\u00a0\u5bf9\u8c61
      \u81ea\u5b9a\u4e49\u6b65\u884c\u673a\u7c7b\u7684\u5b9e\u4f8b\u3002<\/li>\n\n\n\n
    • theme_location<\/code>\u00a0\u5b57\u7b26\u4e32
      \u4e3b\u9898\u4f4d\u7f6e\u5c06\u88ab\u4f7f\u7528\u3002\u5fc5\u987b\u6ce8\u518c\u4e3a\u00a0register_nav_menu\uff08\uff09\uff0c\u7528\u6237\u624d\u80fd\u9009\u62e9\u3002
      \u4f7f\u7528\u201ctheme_location\u201d\u53c2\u6570\uff0c\u663e\u793a\u8be5\u4f4d\u7f6e\u9644\u52a0\u6216\u9009\u62e9\u7684\u83dc\u5355\u3002\u8be5\u4f4d\u7f6e\u5fc5\u987b\u4e8b\u5148\u5728functions.php<\/em>\u6587\u4ef6\u4e2d\u6ce8\u518c\u8be5\u529f\u80fd\u3002<\/mark><\/li>\n\n\n\n
    • items_wrap<\/code>\u00a0\u5b57\u7b26\u4e32
      \u6e05\u5355\u9879\u76ee\u5e94\u8be5\u5982\u4f55\u5305\u88c5\u3002\u4f7f\u7528\u5e26\u6709\u7f16\u53f7\u5360\u4f4d\u7b26\u7684 printf\uff08\uff09 \u683c\u5f0f\u3002\u9ed8\u8ba4\u662f\u5e26\u6709id\u548cclass\u7684ul\u3002<\/li>\n\n\n\n
    • item_spacing<\/code>\u00a0\u5b57\u7b26\u4e32
      \u662f\u5426\u8981\u5728\u83dc\u5355\u7684 HTML \u4e2d\u4fdd\u7559\u7a7a\u767d\u3002\u63a5\u53d7\u6216 \u3002\u8fdd\u7ea6\u3002'preserve''discard''preserve'<\/code><\/li>\n<\/ul>
      \u8fdd\u7ea6\uff1aarray()<\/code><\/p>
      \u51fd\u6570\u7528\u6cd5<\/h3>
      wp_nav_menu( $args );<\/code><\/pre>
      \u7ed9\u5b9a\u4e00\u4e2atheme_location\u53c2\u6570\uff0c\u51fd\u6570\u4f1a\u663e\u793a\u5206\u914d\u7ed9\u8be5\u4f4d\u7f6e\u7684\u83dc\u5355\u3002\u5982\u679c\u6ca1\u6709\u8fd9\u6837\u7684\u4f4d\u7f6e\u6216\u6ca1\u6709\u5206\u914d\u83dc\u5355\uff0c\u53c2\u6570fallback_cb\u5c06\u51b3\u5b9a\u663e\u793a\u7684\u5185\u5bb9\u3002<\/p>
      \u5982\u679c\u6ca1\u6709\u7ed9\u51fatheme_location\u53c2\u6570\uff0c\u51fd\u6570\u4f1a\u663e\u793a<\/p>
        \n
      • \u83dc\u5355\u4e2d\u4e0e\u83dc\u5355\u53c2\u6570\u7ed9\u51fa\u7684ID\u3001\u5b57\u5757\u6216\u540d\u79f0\u76f8\u5339\u914d;<\/li>\n\n\n\n
      • \u5426\u5219\uff0c\u7b2c\u4e00\u4e2a\u975e\u7a7a\u83dc\u5355;<\/li>\n\n\n\n
      • \u5426\u5219\uff08\u6216\u83dc\u5355\u7ed9\u51fa\u7684\u83dc\u5355\u4e3a\u7a7a\uff09\uff0c\u8f93\u51fa\u7531fallback_cb\u53c2\u6570\u7ed9\u51fa\u7684\u51fd\u6570\uff08\u9ed8\u8ba4\u4e3awp_page_menu\uff08\uff09\uff09;<\/li>\n\n\n\n
      • \u5426\u5219\u4ec0\u4e48\u90fd\u6ca1\u6709\u3002<\/li>\n<\/ul>
        \u5bfc\u822a\u83dc\u5355\u9879 CSS \u7c7b\u522b<\/h3>
        \u4ee5\u4e0b\u7c7b\u5e94\u7528\u4e8e\u5bfc\u822a\u83dc\u5355\u9879\uff0c\u5373\u7531 HTML <li> \u6807\u7b7e\u751f\u6210\uff1awp_nav_menu()<\/code><\/p>
        \u6240\u6709\u5bfc\u822a\u83dc\u5355\u9879<\/h4>
          \n
        • .menu-item<\/code>
          \u8fd9\u4e2a\u804c\u4e1a\u4f1a\u88ab\u6dfb\u52a0\u5230\u6bcf\u4e00\u9879\u83dc\u5355\u4e2d\u3002<\/li>\n\n\n\n
        • .menu-item-has-children<\/code>
          \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u83dc\u5355\u9879\u4e2d\uff0c\u83dc\u5355\u9879\u5305\u542b\u5b50\u9879\u3002<\/li>\n\n\n\n
        • .menu-item-object-{object}<\/code>
          \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u6bcf\u4e2a\u83dc\u5355\u9879\u4e2d\uff0c\u5176\u4e2d {object} \u662f\u5e16\u5b50\u7c7b\u578b\u6216\u5206\u7c7b\u6cd5\u3002<\/li>\n\n\n\n
        • .menu-item-object-category<\/code>
          \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u7c7b\u522b\u7684\u83dc\u5355\u9879\u4e2d\u3002<\/li>\n\n\n\n
        • .menu-item-object-tag<\/code>
          \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u6807\u7b7e\u7684\u83dc\u5355\u9879\u4e2d\u3002<\/li>\n\n\n\n
        • .menu-item-object-page<\/code>
          \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u9759\u6001\u9875\u9762\u7684\u83dc\u5355\u9879\u4e2d\u3002<\/li>\n\n\n\n
        • .menu-item-object-{custom}<\/code>
          \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u81ea\u5b9a\u4e49\u5e16\u5b50\u7c7b\u578b\u6216\u81ea\u5b9a\u4e49\u5206\u7c7b\u6cd5\u7684\u83dc\u5355\u9879\u4e2d\u3002<\/li>\n\n\n\n
        • .menu-item-type-{type}<\/code>
          \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u6bcf\u4e2a\u83dc\u5355\u9879\u4e2d\uff0c\u5176\u4e2d {type} \u662f\u201cpost_type\u201d\u6216\u201ctaxonomy\u201d\u3002<\/li>\n\n\n\n
        • .menu-item-type-post_type<\/code>
          \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u5e16\u5b50\u7c7b\u578b\u7684\u83dc\u5355\u9879\u4e2d\uff0c\u5373\u9759\u6001\u9875\u9762\u6216\u81ea\u5b9a\u4e49\u5e16\u5b50\u7c7b\u578b\u3002<\/li>\n\n\n\n
        • .menu-item-type-taxonomy<\/code>
          \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u5206\u7c7b\u6cd5\u7684\u83dc\u5355\u9879\u4e2d\uff0c\u5373\u7c7b\u522b\u3001\u6807\u7b7e\u6216\u81ea\u5b9a\u4e49\u5206\u7c7b\u6cd5\u3002<\/li>\n<\/ul>
          \u5f53\u524d\u9875\u9762\u5bfc\u822a\u83dc\u5355\u9879<\/h4>
            \n
          • .current-menu-item<\/code>
            \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u5f53\u524d\u6e32\u67d3\u9875\u9762\u7684\u83dc\u5355\u9879\u4e2d\u3002<\/li>\n<\/ul>
            \u5f53\u524d\u9875\u9762\u7236\u83dc\u5355\u9879<\/h4>
              \n
            • .current-menu-parent<\/code>
              \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u5f53\u524d\u6e32\u67d3\u9875\u9762\u7684\u5c42\u7ea7\u7236\u83dc\u5355\u9879\u4e2d\u3002<\/li>\n\n\n\n
            • .current-{object}-parent<\/code>
              \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u5f53\u524d\u6e32\u67d3\u5bf9\u8c61\u5c42\u7ea7\u7236\u7684\u83dc\u5355\u9879\u4e2d\uff0c\u5176\u4e2d {object} \u5bf9\u5e94\u4e8e .menu-item-object-{object} \u7684\u503c\u3002<\/li>\n\n\n\n
            • .current-{type}-parent<\/code>
              \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u5f53\u524d\u6e32\u67d3\u7c7b\u578b\u5c42\u7ea7\u7236\u7684\u83dc\u5355\u9879\u4e2d\uff0c\u5176\u4e2d {type} \u5bf9\u5e94\u4e8e .menu-item-type-{type} \u7684\u503c\u3002<\/li>\n<\/ul>
              \u5f53\u524d\u9875\u9762\u7956\u5148\u83dc\u5355\u9879<\/h4>
                \n
              • .current-menu-ancestor<\/code>
                \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u5f53\u524d\u6e32\u67d3\u9875\u9762\u7684\u5c42\u7ea7\u7956\u5148\u7684\u83dc\u5355\u9879\u4e2d\u3002<\/li>\n\n\n\n
              • .current-{object}-ancestor<\/code>
                \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u5f53\u524d\u6e32\u67d3\u5bf9\u8c61\u7684\u5c42\u7ea7\u7956\u5148\u7684\u83dc\u5355\u9879\u4e2d\uff0c\u5176\u4e2d {object} \u5bf9\u5e94\u4e8e .menu-item-object-{object} \u6240\u4f7f\u7528\u7684\u503c\u3002<\/li>\n\n\n\n
              • .current-{type}-ancestor<\/code>
                \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u5f53\u524d\u6e32\u67d3\u7c7b\u578b\u5c42\u7ea7\u7956\u5148\u7684\u83dc\u5355\u9879\u4e2d\uff0c\u5176\u4e2d {type} \u5bf9\u5e94\u4e8e .menu-item-type-{type} \u6240\u4f7f\u7528\u7684\u503c\u3002<\/li>\n<\/ul>
                \u7f51\u7ad9\u9996\u9875\u5bfc\u822a\u83dc\u5355\u9879\u76ee<\/h4>
                  \n
                • .menu-item-home<\/code>
                  \u8be5\u7c7b\u522b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u7f51\u7ad9\u9996\u9875\u7684\u83dc\u5355\u9879\u4e2d\u3002<\/li>\n<\/ul>
                  \u4e0ewp_page_menu\uff08\uff09\u7684\u5411\u540e\u517c\u5bb9<\/h4>
                  \u4e3a\u4e86\u4fdd\u6301\u4e0e [[\u51fd\u6570\u53c2\u8003\/wp_page_menu|wp_page_menu\uff08\uff09\u00a0]] \u51fd\u6570\u8f93\u51fa\uff1a<\/p>
                    \n
                  • .page_item<\/code>
                    \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u9759\u6001\u9875\u9762\u7684\u83dc\u5355\u9879\u4e2d\u3002<\/li>\n\n\n\n
                  • .page_item_has_children<\/code>
                    \u8fd9\u4e2a\u7c7b\u4f1a\u88ab\u6dfb\u52a0\u5230\u5e26\u6709\u5b50\u9875\u9762\u7684\u83dc\u5355\u9879\u4e2d\u3002<\/li>\n\n\n\n
                  • .page-item-$ID<\/code>
                    \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u9759\u6001\u9875\u9762\u7684\u83dc\u5355\u9879\u4e2d\uff0c\u5176\u4e2d$ID\u662f\u9759\u6001\u9875\u9762ID\u3002<\/li>\n\n\n\n
                  • .current_page_item<\/code>
                    \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u5f53\u524d\u9759\u6001\u9875\u9762\u7684\u83dc\u5355\u9879\u4e2d\u3002<\/li>\n\n\n\n
                  • .current_page_parent<\/code>
                    \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u5f53\u524d\u9759\u6001\u9875\u9762\u7684\u5c42\u7ea7\u7236\u83dc\u5355\u9879\u4e2d\u3002<\/li>\n\n\n\n
                  • .current_page_ancestor<\/code>
                    \u8be5\u7c7b\u88ab\u6dfb\u52a0\u5230\u5bf9\u5e94\u5f53\u524d\u9759\u6001\u9875\u9762\u7684\u5c42\u7ea7\u7956\u5148\u7684\u83dc\u5355\u9879\u4e2d\u3002<\/li>\n<\/ul>
                    \u663e\u793a\u7b2c\u4e00\u4e2a\u975e\u7a7a\u5bfc\u822a\u83dc\u5355<\/h2>
                    [html]
                    <\uff1fphp wp_nav_menu\uff08\uff09 ; \uff1f>
                    [\/html]<\/pre>
                    \u767b\u5f55\u7528\u6237\u7684\u4e0d\u540c\u5bfc\u822a\u83dc\u5355<\/strong><\/h2>
                    wp_nav_menu( array(\n\t'theme_location' => is_user_logged_in() ? 'logged-in-menu' : 'logged-out-menu'\n) );<\/code><\/pre>
                    \u62c6\u9664\u5305\u819cul<\/code><\/h2>
                    \u6b64\u793a\u4f8b\u5c06\u53bb\u9664\u65e0\u5e8f\u5217\u8868\u73af\u7ed5\u5217\u8868\u9879\u7684\u4f5c\u3002\u7528\u6307\u5b9a\u7b26\u66ff\u6362\u5305\u88f9 HTML \u4f1a\u5bfc\u81f4\u83dc\u5355\u9879\u7684 HTML \u5217\u8868\u5185\u5bb9\u8f93\u51fa\uff0c\u56e0\u4e3a \u662f%3$s<\/code>items_wrap<\/code>sprintf()<\/code><\/p>
                    items_wrap<\/code>\u9ed8\u8ba4\u4e4b\u524d\uff1a<\/p>
                    [html]
                    <ul id=\u201c%1$s\u201d class=\u201c%2$s\u201d>%3$s<\/ul>
                    [\/html]<\/pre>
                    items_wrap<\/code>\u4e4b\u540e\uff1a<\/p>
                    [html]
                    %3$s
                    [\/html]<\/pre>
                    wp_nav_menu( array( 'items_wrap' => '%3$s' ) );<\/code><\/pre>
                    \u8fd8\u6ca1\u6709\u5bfc\u822a\u83dc\u5355\uff1f\u9884\u8f7d\u5360\u4f4d\u83dc\u5355<\/h2>
                    \u5982\u679c\u4f60\u521a\u5b89\u88c5\u4e86WordPress\u5e76\u6fc0\u6d3b\u4e86\u4e3b\u9898\uff0c\u53ef\u80fd\u8fd8\u6ca1\u6709\u5728\u5916\u89c2>\u83dc\u5355\u4e2d\u8bbe\u7f6e\u4e3b\u83dc\u5355\u3002\u5728\u8fd9\u4e9b\u60c5\u51b5\u4e0b\uff0c\u4f60\u53ef\u80fd\u60f3\u5148\u5c55\u793a\u81ea\u5df1\u7684\u5360\u4f4d\u83dc\u5355\uff0c\u76f4\u5230\u83dc\u5355\u8bbe\u7f6e\u597d\u3002<\/p>
                    \u4e3a\u6b64\uff0c\u53ef\u4ee5\u4f7f\u7528\u5907\u7528\u56de\u8c03\u51fd\u6570\u3002\u8fd9\u6837\uff1a<\/p>
                    wp_nav_menu( array( 'fallback_cb' => 'custom_primary_menu_fallback', 'menu' => 'menu', 'container' => false, 'menu_id' => 'menu', 'menu_class'=>'', 'theme_location'=>'primary-menu' ) );\n\nfunction custom_primary_menu_fallback() {\n  ?>\n  <ul id=\"menu\"><li><a href=\"\/\">Home<\/a><\/li><li><a href=\"\/wp-admin\/nav-menus.php\">Set primary menu<\/a><\/li><\/ul>\n  <?php\n}<\/code><\/pre>
                    \u5728\u6fc0\u6d3b\u83dc\u5355\u9879\u4e2d\u6dfb\u52a0class<\/h2>
                    \u5c06.active<\/code>\u6dfb\u52a0\u5230\u6fc0\u6d3b\u83dc\u5355\u9879\u4e2d\uff1a<\/p>
                    add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);\nfunction special_nav_class($classes, $item){\n     if( in_array('current-menu-item', $classes) ){\n             $classes[] = 'active ';\n     }\n     return $classes;\n}<\/code><\/pre>
                    \u6e05\u9664\u83dc\u5355\u9879<li>\u7684\u9ed8\u8ba4Class\uff0c\u5e76\u4e3a\u6fc0\u6d3b\u83dc\u5355\u9879\u6dfb\u52a0\u81ea\u5b9a\u4e49class\u540d<\/h2>
                    \/\/ \u6e05\u9664\u83dc\u5355\u9879<li>\u7684\u9ed8\u8ba4Class\uff0c\u5e76\u4e3a\u6fc0\u6d3b\u83dc\u5355\u9879\u6dfb\u52a0\u81ea\u5b9a\u4e49class\u540d'zzw-current'\nadd_filter( 'nav_menu_css_class', 'zzw_clear_nav_menu_item_class', 10, 4 );\nfunction zzw_clear_nav_menu_item_class( $classes, $item, $args, $depth ) {\n\t$zzw_clean_classes = array(); \/\/ \u521b\u5efa\u4e00\u4e2a\u7a7a\u6570\u7ec4\uff0c\u7528\u4e8e\u5b58\u653e\u6211\u4eec\u60f3\u4fdd\u7559\u7684class\n\t\n\t\/\/ \u53ea\u4fdd\u7559\u5fc5\u8981\u7684class\uff0c\u4f8b\u5982\u5f53\u524d\u83dc\u5355\u9879\u7684\u6807\u8bc6\n\tif ( in_array( 'current-menu-item', $classes ) ) {\n\t\t$zzw_clean_classes[] = 'zzw-current';\n\t}\n\t\/\/ \u5982\u679c\u6709\u9700\u8981\uff0c\u53ef\u4ee5\u5728\u6b64\u6dfb\u52a0\u5176\u4ed6\u6761\u4ef6\u7684class\n\t\n\treturn $zzw_clean_classes; \/\/ \u8fd4\u56de\u6e05\u7406\u540e\u7684class\u6570\u7ec4\n}<\/code><\/pre>
                    \u6e05\u9664\u83dc\u5355\u9879<li>\u7684ID\u5c5e\u6027<\/h2>
                    \/\/ \u6e05\u9664\u83dc\u5355\u9879<li>\u7684ID\u5c5e\u6027\nadd_filter( 'nav_menu_item_id', 'zzw_clear_nav_menu_item_id', 10, 4 );\nfunction zzw_clear_nav_menu_item_id( $menu_id, $item, $args, $depth ) {\n\treturn ''; \/\/ \u76f4\u63a5\u8fd4\u56de\u7a7a\u5b57\u7b26\u4e32\n}<\/code><\/pre>
                    \u4e3a\u5bfc\u822a\u83dc\u5355\u9879\u6dfb\u52a0\u7236\u7c7b<\/h2>
                    \/**\n * Add a parent CSS class for nav menu items.\n *\n * @param array  $items The menu items, sorted by each menu item's menu order.\n * @return array (maybe) modified parent CSS class.\n *\/\nfunction wpdocs_add_menu_parent_class( $items ) {\n\t$parents = array();\n\n\t\/\/ Collect menu items with parents.\n\tforeach ( $items as $item ) {\n\t\tif ( $item->menu_item_parent && $item->menu_item_parent > 0 ) {\n\t\t\t$parents[] = $item->menu_item_parent;\n\t\t}\n\t}\n\n\t\/\/ Add class.\n\tforeach ( $items as $item ) {\n\t\tif ( in_array( $item->ID, $parents ) ) {\n\t\t\t$item->classes[] = 'menu-parent-item';\n\t\t}\n\t}\n\treturn $items;\n}\nadd_filter( 'wp_nav_menu_objects', 'wpdocs_add_menu_parent_class' );<\/code><\/pre>
                    \u7b5b\u9009\u5bfc\u822a\u83dc\u5355\u9879\u7c7b\u522b\u540d\u79f0\uff0c\u4ee5\u7cbe\u51c6\u64cd\u4f5c<\/h2>
                    \/\/ adds useful menu-item class names\nfunction your_theme_menu_item_class( $classes, $item ) {\n\n  \/\/ Add slugs to menu-items\n  if ( 'category' == $item->object ) {\n    $category = get_category( $item->object_id );\n    $classes[] = 'category-' . $category->slug;\n  } elseif ( 'format' == $item->object ){\n    $format = get_term($item->object_id);\n    $classes[] = 'format-' . $format->slug;\n  }\n  return $classes;  \n}\n\nadd_filter( 'nav_menu_css_class', 'your_theme_menu_item_class', 10, 2);<\/code><\/pre>
                    \u5411\u5bfc\u822a\u83dc\u5355\u9879\u6dfb\u52a0\u6761\u4ef6\u7c7b<\/h2>
                    \u8fd9\u4e2a\u4f8b\u5b50\u53ef\u4ee5\u8ba9\u4f60\u6839\u636e\u4f60\u6307\u5b9a\u7684\u6761\u4ef6\uff0c\u5728\u5bfc\u822a\u83dc\u5355\u9879\u4e2d\u6dfb\u52a0\u81ea\u5b9a\u4e49\u7c7b\u3002\u522b\u5fd8\u4e86\u66f4\u6362\u6761\u4ef6\u3002<\/p>
                    \/**\n * Filter the CSS class for a nav menu based on a condition.\n *\n * @param array  $classes The CSS classes that are applied to the menu item's <li> element.\n * @param object $item    The current menu item.\n * @return array (maybe) modified nav menu class.\n *\/\nfunction wpdocs_special_nav_class( $classes, $item ) {\n\tif ( is_single() && 'Blog' == $item->title ) {\n\t\t\/\/ Notice you can change the conditional from is_single() and $item->title\n\t\t$classes[] = \"special-class\";\n\t}\n\treturn $classes;\n}\nadd_filter( 'nav_menu_css_class' , 'wpdocs_special_nav_class' , 10, 2 );<\/code><\/pre>
                    \u6e05\u9664\u83dc\u5355<ul>\u548c\u5bb9\u5668\u4e0a\u7684\u9ed8\u8ba4class\uff0c\u5e76\u53ea\u4f7f\u7528\u81ea\u5b9a\u4e49\u540d<\/h2>
                    \/\/ \u6e05\u9664\u83dc\u5355<ul>\u548c\u5bb9\u5668\u4e0a\u7684\u9ed8\u8ba4class\uff0c\u5e76\u53ea\u4f7f\u7528\u81ea\u5b9a\u4e49\u540d\n\/\/ \u901a\u8fc7wp_nav_menu\u53c2\u6570\u76f4\u63a5\u8bbe\u7f6e\u7a7a\u7684class\u548cid\nwp_nav_menu( array(\n\t\u2018theme_location\u2019  => \u2018zzw_primary_menu\u2019,\n\t\u2018container\u2019       => \u2018nav\u2019,\n\t\u2018container_class\u2019 => \u2018zzw-nav-container\u2019, \/\/ \u53ea\u4f7f\u7528\u6211\u4eec\u81ea\u5df1\u7684class\n\t\u2018container_id\u2019    => \u2018\u2019,                  \/\/ \u6e05\u7a7aID\n\t\u2018menu_class\u2019      => \u2018zzw-nav-list\u2019,      \/\/ \u53ea\u4f7f\u7528\u6211\u4eec\u81ea\u5df1\u7684class\n\t\u2018menu_id\u2019         => \u2018\u2019,                  \/\/ \u6e05\u7a7aID\n\t\u2018fallback_cb\u2019     => false\n) );<\/code><\/pre>
                    \u7ecf\u5178\u4e3b\u9898\u5bfc\u822a\u6dfb\u52a0\u81ea\u5b9a\u4e49class<\/strong><\/h2>
                    \u5728\u627e\u627e\u7f51\u7684\u5b9e\u9645\u9879\u76ee\u4e2d\uff0c\u6211\u4eec\u7ecf\u5e38\u9700\u8981\u4e3a\u83dc\u5355\u9879\u6dfb\u52a0\u81ea\u5b9a\u4e49class\uff0c\u4f8b\u5982\u7528\u4e8e\u7279\u6b8a\u6837\u5f0f\u6216JavaScript\u4ea4\u4e92\u3002<\/p>
                    \u65b9\u6cd5\u4e00\uff1a\u901a\u8fc7\u540e\u53f0\u83dc\u5355\u7684\u201cCSS\u7c7b\u201d\u5b57\u6bb5<\/strong>
                    \u8fd9\u662f\u6700\u7b80\u5355\u7684\u65b9\u6cd5\uff0c\u76f4\u63a5\u5728WordPress\u540e\u53f0\u7684\u201c\u5916\u89c2\u201d->\u201c\u83dc\u5355\u201d\u4e2d\uff0c\u5f00\u542f\u201cCSS\u7c7b\u201d\u9009\u9879\u5e76\u586b\u5199\u3002<\/p>
                    \u65b9\u6cd5\u4e8c\uff1a\u901a\u8fc7\u4ee3\u7801\u8fc7\u6ee4\u5668\u52a8\u6001\u6dfb\u52a0<\/strong><\/p>
                    <?php\n\/\/ \u4e3a\u83dc\u5355\u9879<li>\u6dfb\u52a0\u81ea\u5b9a\u4e49class\nadd_filter( \u2018nav_menu_css_class\u2019, \u2018zzw_add_custom_menu_classes\u2019, 10, 4 );\nfunction zzw_add_custom_menu_classes( $classes, $item, $args, $depth ) {\n\n    \/\/ \u786e\u4fdd\u6211\u4eec\u53ea\u5bf9\u7279\u5b9a\u7684\u83dc\u5355\u4f4d\u7f6e\u8fdb\u884c\u64cd\u4f5c\n    if ( $args->theme_location == \u2018zzw_primary_menu\u2019 ) {\n\n        \/\/ 1. \u4e3a\u6240\u6709\u83dc\u5355\u9879\u6dfb\u52a0\u4e00\u4e2a\u901a\u7528class\n        $classes[] = \u2018zzw-nav-item\u2019;\n\n        \/\/ 2. \u6839\u636e\u83dc\u5355\u9879\u6807\u9898\u6dfb\u52a0class\uff08\u9002\u7528\u4e8e\u7279\u6b8a\u6837\u5f0f\uff09\n        $zzw_item_title = sanitize_title( $item->title ); \/\/ \u5c06\u6807\u9898\u8f6c\u4e3aslug\u5f62\u5f0f\n        $classes[] = \u2018zzw-menu-\u2019 . $zzw_item_title; \/\/ \u4f8b\u5982\uff1azzw-menu-about-us\n\n        \/\/ 3. \u6839\u636e\u6df1\u5ea6\uff08\u5c42\u7ea7\uff09\u6dfb\u52a0class\n        $classes[] = \u2018zzw-menu-depth-\u2019 . $depth;\n\n        \/\/ 4. \u4e3a\u7279\u5b9a\u7684\u7236\u7ea7\u83dc\u5355\u9879\u6dfb\u52a0\u6807\u8bc6class\n        if ( $item->menu_item_parent == 0 ) {\n            $classes[] = \u2018zzw-top-level-item\u2019;\n        }\n    }\n\n    return $classes;\n}\n\n\/\/ \u4e3a\u83dc\u5355\u94fe\u63a5<a>\u6dfb\u52a0\u81ea\u5b9a\u4e49class\nadd_filter( \u2018nav_menu_link_attributes\u2019, \u2018zzw_add_custom_link_classes\u2019, 10, 4 );\nfunction zzw_add_custom_link_classes( $atts, $item, $args, $depth ) {\n    if ( $args->theme_location == \u2018zzw_primary_menu\u2019 ) {\n        $atts[\u2018class\u2019] = \u2018zzw-nav-link\u2019; \/\/ \u4e3a\u6240\u6709\u94fe\u63a5\u6dfb\u52a0\u57fa\u7840class\n\n        \/\/ \u5982\u679c\u662f\u5f53\u524d\u9875\u9762\uff0c\u6dfb\u52a0\u9ad8\u4eaeclass\n        if ( in_array( \u2018current-menu-item\u2019, $item->classes ) ) {\n            $atts[\u2018class\u2019] .= \u2018 zzw-nav-link-active\u2019;\n        }\n    }\n    return $atts;\n}\n?><\/code><\/pre>
                    \u8c03\u7528\u83dc\u5355\uff1a<\/strong><\/p>
                    <?php\nwp_nav_menu( array(\n    \u2018theme_location\u2019  => \u2018zzw_primary_menu\u2019,\n    \u2018container\u2019       => \u2018nav\u2019,\n    \u2018container_class\u2019 => \u2018zzw-nav-container\u2019,\n    \u2018menu_class\u2019      => \u2018zzw-nav-list\u2019,\n) );\n?><\/code><\/pre>
                    \u8f93\u51fa\u7ed3\u6784\u793a\u4f8b\uff1a<\/strong><\/p>
                    <nav class=\u201czzw-nav-container\u201d>\n    <ul class=\u201czzw-nav-list\u201d>\n        <li class=\u201czzw-nav-item zzw-menu-home zzw-menu-depth-0 zzw-top-level-item zzw-current\u201d>\n            <a href=\u201chttps:\/\/www.zhaozhaowang.com\/\u201d class=\u201czzw-nav-link zzw-nav-link-active\u201d>\u9996\u9875<\/a>\n        <\/li>\n        <li class=\u201czzw-nav-item zzw-menu-about-us zzw-menu-depth-0 zzw-top-level-item\u201d>\n            <a href=\u201c\/about\u201d class=\u201czzw-nav-link\u201d>\u5173\u4e8e\u627e\u627e\u7f51<\/a>\n        <\/li>\n    <\/ul>\n<\/nav><\/code><\/pre>
                    \u9ad8\u9636\u793a\u4f8b1\uff1a\u57fa\u7840\u81ea\u5b9a\u4e49\u5bfc\u822aWalker<\/h2>
                    \u57fa\u7840\u81ea\u5b9a\u4e49\u5bfc\u822aWalker\uff0c\u9002\u5408\u6807\u51c6WordPress\u4e3b\u9898<\/p>
                    <?php\nclass Basic_Custom_Walker extends Walker_Nav_Menu {\n    public function start_lvl(&$output, $depth = 0, $args = null) {\n        $output .= '<ul class=\"sub-menu depth-' . $depth . '\">';\n    }\n\n    public function end_lvl(&$output, $depth = 0, $args = null) {\n        $output .= '<\/ul>';\n    }\n\n    public function start_el(&$output, $item, $depth = 0, $args = null, $id = 0) {\n        $classes = empty($item->classes) ? array() : (array) $item->classes;\n        $classes[] = 'menu-item-' . $item->ID;\n        $classes[] = 'depth-' . $depth;\n\n        if (in_array('current-menu-item', $classes)) {\n            $classes[] = 'active';\n        }\n\n        $class_names = join(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item, $args, $depth));\n        $class_names = $class_names ? ' class=\"' . esc_attr($class_names) . '\"' : '';\n\n        $id = apply_filters('nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args, $depth);\n        $id = $id ? ' id=\"' . esc_attr($id) . '\"' : '';\n\n        $output .= '<li' . $id . $class_names . '>';\n\n        $atts = array();\n        $atts['title'] = !empty($item->attr_title) ? $item->attr_title : '';\n        $atts['target'] = !empty($item->target) ? $item->target : '';\n        $atts['rel'] = !empty($item->xfn) ? $item->xfn : '';\n        $atts['href'] = !empty($item->url) ? $item->url : '';\n        $atts['class'] = 'nav-link';\n\n        $atts = apply_filters('nav_menu_link_attributes', $atts, $item, $args, $depth);\n\n        $attributes = '';\n        foreach ($atts as $attr => $value) {\n            if (!empty($value)) {\n                $value = ('href' === $attr) ? esc_url($value) : esc_attr($value);\n                $attributes .= ' ' . $attr . '=\"' . $value . '\"';\n            }\n        }\n\n        $title = apply_filters('the_title', $item->title, $item->ID);\n\n        $item_output = $args->before;\n        $item_output .= '<a' . $attributes . '>';\n        $item_output .= $args->link_before . $title . $args->link_after;\n\n        if (in_array('menu-item-has-children', $classes)) {\n            $item_output .= '<span class=\"dropdown-arrow\">\u25bc<\/span>';\n        }\n\n        $item_output .= '<\/a>';\n        $item_output .= $args->after;\n\n        $output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);\n    }\n\n    public function end_el(&$output, $item, $depth = 0, $args = null) {\n        $output .= '<\/li>';\n    }\n}\n\nfunction display_basic_custom_nav() {\n    wp_nav_menu(array(\n        'theme_location' => 'primary',\n        'menu_class' => 'main-navigation',\n        'container' => 'nav',\n        'container_class' => 'site-navigation',\n        'container_id' => 'site-navigation',\n        'fallback_cb' => false,\n        'walker' => new Basic_Custom_Walker(),\n        'items_wrap' => '<ul id=\"%1$s\" class=\"%2$s\">%3$s<\/ul>',\n        'depth' => 3\n    ));\n}\n?><\/code><\/pre>
                    \u9ad8\u9636\u793a\u4f8b2\uff1a\u4f7f\u7528walk\u65b9\u6cd5\u624b\u52a8\u6784\u5efaBootstrap\u5bfc\u822a<\/h2>
                    Bootstrap\u517c\u5bb9\u5bfc\u822a\uff0c\u4f7f\u7528walk\u65b9\u6cd5\u624b\u52a8\u6784\u5efa<\/p>
                    <?php\nclass Bootstrap_Walker extends Walker_Nav_Menu {\n    public function start_lvl(&$output, $depth = 0, $args = null) {\n        $dropdown_class = ($depth === 0) ? 'dropdown-menu' : 'dropdown-submenu';\n        $output .= '<ul class=\"' . $dropdown_class . '\">';\n    }\n\n    public function end_lvl(&$output, $depth = 0, $args = null) {\n        $output .= '<\/ul>';\n    }\n\n    public function start_el(&$output, $item, $depth = 0, $args = null, $id = 0) {\n        $classes = empty($item->classes) ? array() : (array) $item->classes;\n        $classes[] = 'menu-item-' . $item->ID;\n        $classes[] = 'nav-item';\n\n        if (in_array('menu-item-has-children', $classes) && $depth === 0) {\n            $classes[] = 'dropdown';\n        }\n\n        if (in_array('current-menu-item', $classes)) {\n            $classes[] = 'active';\n        }\n\n        $class_names = join(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item, $args, $depth));\n        $class_names = $class_names ? ' class=\"' . esc_attr($class_names) . '\"' : '';\n\n        $output .= '<li' . $class_names . '>';\n\n        $atts = array();\n        $atts['title'] = !empty($item->attr_title) ? $item->attr_title : '';\n        $atts['target'] = !empty($item->target) ? $item->target : '';\n        $atts['rel'] = !empty($item->xfn) ? $item->xfn : '';\n        $atts['href'] = !empty($item->url) ? $item->url : '';\n\n        $link_classes = array('nav-link');\n        if (in_array('menu-item-has-children', $classes) && $depth === 0) {\n            $link_classes[] = 'dropdown-toggle';\n            $atts['data-bs-toggle'] = 'dropdown';\n            $atts['aria-expanded'] = 'false';\n        }\n\n        $atts['class'] = implode(' ', $link_classes);\n\n        $atts = apply_filters('nav_menu_link_attributes', $atts, $item, $args, $depth);\n\n        $attributes = '';\n        foreach ($atts as $attr => $value) {\n            if (!empty($value)) {\n                $value = ('href' === $attr) ? esc_url($value) : esc_attr($value);\n                $attributes .= ' ' . $attr . '=\"' . $value . '\"';\n            }\n        }\n\n        $title = apply_filters('the_title', $item->title, $item->ID);\n\n        $item_output = $args->before;\n        $item_output .= '<a' . $attributes . '>';\n        $item_output .= $args->link_before . $title . $args->link_after;\n        $item_output .= '<\/a>';\n        $item_output .= $args->after;\n\n        $output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);\n    }\n\n    public function end_el(&$output, $item, $depth = 0, $args = null) {\n        $output .= '<\/li>';\n    }\n}\n\nfunction display_bootstrap_navbar() {\n    $menu_name = 'primary';\n    $locations = get_nav_menu_locations();\n\n    if (isset($locations[$menu_name])) {\n        $menu = wp_get_nav_menu_object($locations[$menu_name]);\n        $menu_items = wp_get_nav_menu_items($menu->term_id);\n\n        $output = '<nav class=\"navbar navbar-expand-lg navbar-light bg-light\">';\n        $output .= '<div class=\"container-fluid\">';\n        $output .= '<a class=\"navbar-brand\" href=\"' . home_url() . '\">' . get_bloginfo('name') . '<\/a>';\n        $output .= '<button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNav\">';\n        $output .= '<span class=\"navbar-toggler-icon\"><\/span>';\n        $output .= '<\/button>';\n        $output .= '<div class=\"collapse navbar-collapse\" id=\"navbarNav\">';\n        $output .= '<ul class=\"navbar-nav ms-auto\">';\n\n        $walker = new Bootstrap_Walker();\n        $walker->walk($menu_items, 3);\n\n        $output .= '<\/ul>';\n        $output .= '<\/div>';\n        $output .= '<\/div>';\n        $output .= '<\/nav>';\n\n        echo $output;\n    }\n}\n\nfunction get_bootstrap_menu_html() {\n    $menu_name = 'primary';\n    $locations = get_nav_menu_locations();\n\n    if (!isset($locations[$menu_name])) {\n        return '';\n    }\n\n    $menu = wp_get_nav_menu_object($locations[$menu_name]);\n    $menu_items = wp_get_nav_menu_items($menu->term_id);\n\n    $walker = new Bootstrap_Walker();\n\n    ob_start();\n    $walker->walk($menu_items, 3);\n    return ob_get_clean();\n}\n?><\/code><\/pre>
                    \u9ad8\u9636\u793a\u4f8b3\uff1a\u7ed3\u6784\u5316\u6570\u636e\u8f93\u51fa\u4e0e\u81ea\u5b9a\u4e49HTML<\/h2>
                    \u7ed3\u6784\u5316\u6570\u636e\u5904\u7406\uff0c\u652f\u6301\u81ea\u5b9a\u4e49HTML\u8f93\u51fa\u548cAJAX\u4f7f\u7528<\/p>
                    <?php\nclass Structured_Data_Walker extends Walker_Nav_Menu {\n    private $menu_data = array();\n\n    public function start_el(&$output, $item, $depth = 0, $args = null, $id = 0) {\n        $menu_item = array(\n            'id' => $item->ID,\n            'title' => $item->title,\n            'url' => $item->url,\n            'target' => $item->target,\n            'classes' => implode(' ', (array) $item->classes),\n            'depth' => $depth,\n            'parent' => $item->menu_item_parent,\n            'children' => array()\n        );\n\n        $this->add_menu_item($menu_item, $item->menu_item_parent, $depth);\n    }\n\n    private function add_menu_item($menu_item, $parent_id = 0, $depth = 0) {\n        if ($depth === 0) {\n            $this->menu_data[] = $menu_item;\n        } else {\n            $this->add_to_parent($this->menu_data, $menu_item, $parent_id);\n        }\n    }\n\n    private function add_to_parent(&$menu_items, $new_item, $parent_id) {\n        foreach ($menu_items as &$item) {\n            if ($item['id'] == $parent_id) {\n                $item['children'][] = $new_item;\n                return true;\n            }\n            if (!empty($item['children'])) {\n                if ($this->add_to_parent($item['children'], $new_item, $parent_id)) {\n                    return true;\n                }\n            }\n        }\n        return false;\n    }\n\n    public function get_menu_data() {\n        return $this->menu_data;\n    }\n}\n\nfunction get_structured_menu_data($theme_location = 'primary') {\n    $locations = get_nav_menu_locations();\n\n    if (isset($locations[$theme_location])) {\n        $menu = wp_get_nav_menu_object($locations[$theme_location]);\n        $menu_items = wp_get_nav_menu_items($menu->term_id);\n\n        $walker = new Structured_Data_Walker();\n        $walker->walk($menu_items, 3);\n\n        return $walker->get_menu_data();\n    }\n\n    return array();\n}\n\nfunction display_custom_html_navigation() {\n    $menu_data = get_structured_menu_data('primary');\n\n    if (empty($menu_data)) {\n        return;\n    }\n\n    $output = '<nav class=\"custom-html-nav\">';\n    $output .= '<div class=\"nav-header\">';\n    $output .= '<h3>\u7f51\u7ad9\u5bfc\u822a<\/h3>';\n    $output .= '<\/div>';\n    $output .= '<div class=\"nav-body\">';\n    $output .= build_navigation_tree($menu_data);\n    $output .= '<\/div>';\n    $output .= '<\/nav>';\n\n    echo $output;\n}\n\nfunction build_navigation_tree($menu_items, $depth = 0) {\n    if (empty($menu_items)) {\n        return '';\n    }\n\n    $ul_class = ($depth === 0) ? 'nav-main' : 'nav-sub nav-depth-' . $depth;\n\n    $output = '<ul class=\"' . $ul_class . '\">';\n\n    foreach ($menu_items as $item) {\n        $has_children = !empty($item['children']);\n        $li_class = $has_children ? 'has-children' : '';\n        $li_class .= in_array('current-menu-item', explode(' ', $item['classes'])) ? ' active' : '';\n\n        $output .= '<li class=\"' . trim($li_class) . '\">';\n\n        $output .= '<a href=\"' . esc_url($item['url']) . '\"';\n        $output .= ' class=\"nav-item-link\"';\n        if (!empty($item['target'])) {\n            $output .= ' target=\"' . esc_attr($item['target']) . '\"';\n        }\n        $output .= '>';\n        $output .= '<span class=\"nav-item-text\">' . esc_html($item['title']) . '<\/span>';\n\n        if ($has_children) {\n            $output .= '<span class=\"nav-arrow\">\u25b6<\/span>';\n        }\n\n        $output .= '<\/a>';\n\n        if ($has_children) {\n            $output .= build_navigation_tree($item['children'], $depth + 1);\n        }\n\n        $output .= '<\/li>';\n    }\n\n    $output .= '<\/ul>';\n\n    return $output;\n}\n\nfunction output_ajax_navigation() {\n    $menu_data = get_structured_menu_data('primary');\n\n    if (!empty($menu_data)) {\n        $output = '<script>';\n        $output .= 'var menuData = ' . json_encode($menu_data) . ';';\n        $output .= '<\/script>';\n\n        echo $output;\n    }\n}\n\nclass Simple_HTML_Walker extends Walker_Nav_Menu {\n    public function start_lvl(&$output, $depth = 0, $args = null) {\n        $output .= '<ul class=\"sub-menu\">';\n    }\n\n    public function end_lvl(&$output, $depth = 0, $args = null) {\n        $output .= '<\/ul>';\n    }\n\n    public function start_el(&$output, $item, $depth = 0, $args = null, $id = 0) {\n        $classes = empty($item->classes) ? array() : (array) $item->classes;\n        $class_names = join(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item, $args, $depth));\n        $class_names = $class_names ? ' class=\"' . esc_attr($class_names) . '\"' : '';\n\n        $output .= '<li' . $class_names . '>';\n        $output .= '<a href=\"' . esc_url($item->url) . '\"';\n\n        if (!empty($item->target)) {\n            $output .= ' target=\"' . esc_attr($item->target) . '\"';\n        }\n\n        if (!empty($item->attr_title)) {\n            $output .= ' title=\"' . esc_attr($item->attr_title) . '\"';\n        }\n\n        $output .= '>';\n        $output .= $item->title;\n        $output .= '<\/a>';\n    }\n\n    public function end_el(&$output, $item, $depth = 0, $args = null) {\n        $output .= '<\/li>';\n    }\n}\n\nfunction display_simple_navigation() {\n    wp_nav_menu(array(\n        'theme_location' => 'primary',\n        'walker' => new Simple_HTML_Walker(),\n        'items_wrap' => '<ul class=\"simple-menu\">%3$s<\/ul>'\n    ));\n}\n?><\/code><\/pre>
                    \u60a8\u53ef\u4ee5\u6839\u636e\u5177\u4f53\u9700\u6c42\u9009\u62e9\u5408\u9002\u7684\u793a\u4f8b\u8fdb\u884c\u4fee\u6539\u548c\u4f7f\u7528\u3002<\/p>","protected":false},"excerpt":{"rendered":"
                    \u51fd\u6570wp_nav_menu()\u8be6\u89e3\u90e8\u5206 wp_nav_menu\uff08\u00a0array\u00a0$args\u00a0=\u00a0array\uff08\uff09\u00a0\uff09\uff1a\u00a0void|string|false \u663e\u793a\u5bfc\u822a\u83dc\u5355\u3002 wp_nav_menu() \u662fWordPress\u4e2d\u7528\u4e8e\u663e\u793a\u5bfc\u822a\u83dc\u5355\u7684\u6838\u5fc3\u51fd\u6570\u3002\u901a\u8fc7\u7075\u6d3b\u914d\u7f6e\u5176\u53c2\u6570\uff0c\u6211\u4eec\u53ef\u4ee5\u5b8c\u5168\u63a7\u5236\u83dc\u5355\u7684\u8f93\u51fa\u7ed3\u6784\u3002\u4ee5\u4e0b\u662f\u5176\u6838\u5fc3\u53c2\u6570\u8be6\u89e3\uff1a..<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"template":"","meta":{"_acf_changed":false},"tags":[3296,3298,3297],"bjjc2nav":[14],"tuisongtax":[],"class_list":["post-4916","bjjc","type-bjjc","status-publish","hentry","tag-dhsyff","tag-dhhs","tag-dhym","bjjc2nav-jdztkf"],"acf":{"qian_art_seotitle":"WordPress\u7ecf\u5178\u4e3b\u9898\u5bfc\u822awp_nav_menu()\u51fd\u6570\u8c03\u7528\u793a\u4f8b\u53ca\u53c2\u6570\u8be6\u89e3","qian_art_seotitle_source":{"label":"SEO\u6807\u9898","type":"text","formatted_value":"WordPress\u7ecf\u5178\u4e3b\u9898\u5bfc\u822awp_nav_menu()\u51fd\u6570\u8c03\u7528\u793a\u4f8b\u53ca\u53c2\u6570\u8be6\u89e3"},"qian_art_seokws":"WordPress\u5bfc\u822a\u6e90\u7801,WordPress\u5bfc\u822a\u4f7f\u7528\u65b9\u6cd5,WordPress\u5bfc\u822a\u51fd\u6570","qian_art_seokws_source":{"label":"SEO\u5173\u952e\u8bcd","type":"text","formatted_value":"WordPress\u5bfc\u822a\u6e90\u7801,WordPress\u5bfc\u822a\u4f7f\u7528\u65b9\u6cd5,WordPress\u5bfc\u822a\u51fd\u6570"},"qian_art_stzhong":"\u5bfc\u822a wp_nav_menu()\u793a\u4f8b\u53ca\u8be6\u89e3","qian_art_stzhong_source":{"label":"\u4e2d | \u77ed\u6807\u9898","type":"text","formatted_value":"\u5bfc\u822a wp_nav_menu()\u793a\u4f8b\u53ca\u8be6\u89e3"}},"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/bjjc\/4916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/bjjc"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/bjjc"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=4916"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=4916"},{"taxonomy":"bjjc2nav","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/bjjc2nav?post=4916"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=4916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}