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

<?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>

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

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

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

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

如果您在版本3之前使用WordPress版本，請使用：

<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更加干淨(jìng)，並減少了50％以上。更長的菜單可能會帶來更大的節(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 ))
);

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

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

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

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

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

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

>如何使用html？

??

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

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

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

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

如何將自定義類添加到我的WordPress菜單項目中？

>

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

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

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

>

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

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

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

>

>

>

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

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