我喜歡WordPress。我也喜歡干凈的語義HTML。不幸的是，一些標(biāo)準(zhǔn)WordPress主題函數(shù)返回有點(diǎn)不整潔的代碼。對(duì)我來說，主要罪魁禍?zhǔn)资莣p_list_pages（） 和新的WP_NAV_MENU（）;兩者都返回通常用于頁面菜單和站點(diǎn)地圖的頁面鏈接的無序列表，例如

<?php wp_nav_menu(array( 'depth'=>2 )); ?>

該代碼導(dǎo)致此HTML憎惡的默認(rèn)安裝房屋，關(guān)于并聯(lián)系頁面：

<div >
<ul>
<li >
<a href="http://mysite.com/" title="Home">Home</a>
</li>
<li >
<a href="http://mysite.com/about" title="About">About</a>
<ul class='children'>
<li >
<a href="http://mysite.com/about/contact-us" title="Contact us">Contact us</a>
</li>
</ul>
</li>
</ul>
</div>

該代碼有效，但其中包含我們通常不需要的項(xiàng)目：

嚴(yán)格來說，不需要外部div。我希望為UL提供一個(gè)ID，例如“導(dǎo)航”或使用HTML5 NAV元素。>
• >當(dāng)我們的鏈接包含相同的文本時(shí)，我們不需要標(biāo)題屬性。>
>我們的CSS或JavaScript是否需要“ page_item”和“ page-item-n”類的掛鉤？
>子鏈接列表的“兒童”類是不需要的 - 我們可以使用諸如“ nav ul ul li”的選擇器來設(shè)置它們。
• 。
current_page_ancestor和current_page_parent類是同一件事，但是我更喜歡一個(gè)較短的名稱，例如“ open”。
• 同樣，我希望重命名current_page_item為“活動(dòng)”。
我們是否需要完整頁面URL？我們可以使用較短的絕對(duì)地址，例如 /， /about和 /contact？
• >

有幾種整理HTML的方法，但是最簡單的解決方案使用正則表達(dá)式代替了字符串。 筆記： WordPress 3 Walker對(duì)象 在WordPress 3.0中，可以將自定義Walker對(duì)象作為參數(shù)傳遞給WP_NAV_MENU（）。該對(duì)象提供代碼，以輸出您自己的每個(gè)頁面鏈接的自定義HTML。盡管這在某些情況下會(huì)很有用，但是您可能需要外部HTML的正直，但代碼不一定會(huì)更短，并且在WordPress 2.x及以下都無法使用。 這是將花樣的HTML菜單輸出到2個(gè)級(jí)別（主菜單和子菜單）的PHP代碼。在大多數(shù)情況下，它應(yīng)替換為主題header.php文件中的wp_nav_menu（）或wp_list_pages（）：

<?php wp_nav_menu(array( 'depth'=>2 )); ?>

如果您在版本3之前使用WordPress版本，請(qǐng)使用：

<div >
<ul>
<li >
<a href="http://mysite.com/" title="Home">Home</a>
</li>
<li >
<a href="http://mysite.com/about" title="About">About</a>
<ul class='children'>
<li >
<a href="http://mysite.com/about/contact-us" title="Contact us">Contact us</a>
</li>
</ul>
</li>
</ul>
</div>

我們由此產(chǎn)生的HTML更加干凈，并減少了50％以上。更長的菜單可能會(huì)帶來更大的節(jié)省。

echo preg_replace(array(
    '/t/', // remove tabs
    '/'.str_replace('//','//', get_bloginfo('url')).'/i', // remove full URL
    '/current_page_items*/i',
    '/current_page_ancestors*/i',
    '/current_page_parents*/i',
    '/page_items+/i',
    '/page-item-d+s*/i',
    '/childrens*/i',
    '/s*class=["']["']/i', // empty classes
    '/s*title="[^"]+"/i', // all titles
    '/s+>/i',
    '/div>/i' // change div to nav
  ),
  array(
    '',
    '',
    'active',
    'open',
    '',
    '',
    '',
    '',
    '',
    '',
    '>',
    'nav>'
  ),
  wp_nav_menu(array( 'menu_class'=>'', 'depth'=>2, 'echo'=>false ))
);

請(qǐng)注意，正則表達(dá)式強(qiáng)大但危險(xiǎn)。如果您使用更深的頁面深度或具有名為“兒童”或“ page_item”的頁面，則可能需要更改代碼。 現(xiàn)在沒有借口 - 請(qǐng)整理您的WordPress html！

經(jīng)常詢問有關(guān)WordPress菜單的問題HTML整潔

>如何將HTML添加到WordPress菜單？

可以通過使用“ WP_NAV_MENU”函數(shù)來完成WordPress菜單中的HTML。此功能使您可以將自定義HTML添加到WordPress菜單中。您可以將HTML代碼直接添加到主題功能中的函數(shù)中。請(qǐng)記住，在更改functions.php文件之前，請(qǐng)始終備份您的網(wǎng)站。

>什么是HTML整理，它如何與WordPress一起使用？

html html整潔是一個(gè)有助于清潔的工具向上并糾正HTML編碼中的任何問題。它可以與WordPress一起使用，以確保您的網(wǎng)站的HTML清潔且無錯(cuò)誤。這可以幫助改善您的網(wǎng)站的性能和SEO。

>如何使用html？

??

使用'wp_nav_menu'函數(shù)來自定義我的WordPress菜單。您可以在菜單項(xiàng)中添加自定義類，ID和其他HTML元素。這使您可以以唯一的方式對(duì)菜單進(jìn)行樣式。 WordPress網(wǎng)站。它可用于清理網(wǎng)站的HTML并糾正任何錯(cuò)誤。這可以幫助提高您網(wǎng)站的性能和SEO。

>我如何使用HTML整潔來改善網(wǎng)站的SEO？

html整潔可以通過清理和糾正任何錯(cuò)誤來幫助改善您的網(wǎng)站SEO。您網(wǎng)站的HTML。這可以幫助您改善網(wǎng)站的性能，這是搜索引擎對(duì)網(wǎng)站進(jìn)行排名時(shí)考慮的因素。

>我可以將HTML整潔與其他CMS平臺(tái)使用嗎？這是一種多功能工具，可用于清理和糾正您網(wǎng)站的HTML中的任何錯(cuò)誤，無論您使用的平臺(tái)如何。

如何將自定義類添加到我的WordPress菜單項(xiàng)目中？

>

>您可以使用“ WP_NAV_MENU”函數(shù)將自定義類添加到WordPress菜單項(xiàng)中。這使您可以在菜單項(xiàng)中添加自定義類，然后您可以使用CSS樣式。

我可以使用html整潔來清理我的網(wǎng)站的CSS？

，而HTML整理主要是在使用HTML為了清理HTML，也可以用于清理網(wǎng)站的CSS。這可以有助于提高網(wǎng)站的性能并確保您的CSS無錯(cuò)誤。

>

>我如何使用HTML整潔來清理我的網(wǎng)站的HTML？

>您可以使用HTML整潔來清理通過該工具運(yùn)行網(wǎng)站的HTML，您的網(wǎng)站的HTML。它將確定任何錯(cuò)誤并建議更正。然后，您可以實(shí)現(xiàn)這些更正以改進(jìn)網(wǎng)站的HTML。

>我可以使用HTML整理清理我的網(wǎng)站的JavaScript？

>

>

>

，而html整理主要用于清理html，也可以用于清理網(wǎng)站的JavaScript。這可以幫助提高網(wǎng)站的性能并確保您的JavaScript無錯(cuò)誤。

以上是如何整理WordPress菜單html的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！