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; /* 把这个数值改的和上面找到的那个一样 */

}

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

导航菜单