WordPress 3.0新增的导航菜单（Menus）功能很好用，不过使用这个功能需要主题支持。关于如何修改WordPress主题使之支持菜单功能，网上已经有很多教程，我就不赘述了。这里讲一下如何让主题制作神器Artisteer制作的主题支持WordPress 3.0的菜单功能。（主要参考这篇英文教程： http://budstechshed.com/make-your-artisteer-menu-compatible-with-wp30/）


Artisteer 2.5之后的版本，制作的主题天生支持菜单功能。如果你用之前的版本制作了主题，比如我用Artisteer 2.2做的现在这个主题，想支持菜单功能的话，要用Artisteer 2.5打开再重新导出，未免太麻烦。其实只要简单地修改几个地方，就能让Artisteer老版本做的主题支持WordPress 3.0的菜单功能。

1，修改functions.php文件，加上一句

if ( function_exists(‘add_theme_support’) )

     add_theme_support( ‘nav-menus’ );

2，修改header.php，把

<div class="art-nav">

     <div class="l"></div>

     <div class="r"></div>

     <ul class="art-menu">

          <?php art_menu_items(); ?>

     </ul>

</div>

改成

<div class="art-nav" >

     <div class="l"></div>

     <div class="r"></div>

     <?php wp_nav_menu( array(

          ‘sort_column’ => ‘menu_order’,

          ‘menu_class’ => ‘art-menu’,

          ‘title_li’ => ‘<div class="l"></div><div class="r"></div>’,

          ‘menu’ => ‘menu‘, // 这个名字要和后台设置的菜单组名称一致

          ‘link_before’ => ‘<span class="l"></span><span class="r"></span><span class="t">’,

          ‘link_after’ => ‘</span>’

     ) ); ?>

</div>

3，修改style.css，找到

.art-menu a.active .l, .art-menu a.active .r

{

top: –66px; /* 这个数值，每个主题不同 */

}

.art-menu a.active .t

{

color: #070807; /* 这个数值，每个主题不同 */

}

加上

.art-menu li.current-menu-item a .l, .art-menu li.current-menu-item a .r ,

.art-menu li.menu-item-parent a .l,.art-menu li.menu-item-parent a .r     {

top:-66px; /* 把这个数值改的和上面找到的那个一样 */

}

.art-menu li.current-menu-item a .t, .art-menu li.menu-item-parent a .t {

color:#070807; /* 把这个数值改的和上面找到的那个一样 */

}

这样就可以了。后台设置的地方可能还是会显示主题不支持菜单，但是实际可以用。菜单的风格样式和主题完全配合，很美观。我现在这个主题就是用这种方法支持的菜单，效果还不错吧。 ：）

导航菜单

你可能感兴趣：