wopus.org

Tag: WordPress3.0

  • WordPress3.0导航菜单图文使用教程

    上一篇写过如何为WordPress主题添加多个自定义导航菜单，可能很多刚接触WordPress3.0的朋友对这个自定义菜单功能，不知如何使用，今天弄个图文教程，也是为了配合新发布的HotNews pro 2.2版的一个补充使用教程。

    这个新增加的自定义菜单功能，使用其实很简单。

    一、首先，选择进入自定义导航菜单设置页面。

    （以WOPUS发布的WordPress 3.01中文语言包中文为例），还可以下载中文字体样式文件，上传到languages文件夹中，来改善中文字体小，不美观问题。WordPress3.0汉化中文样式文件下载

    登录WordPress后台，管理首页→外观→导航菜单

    如果你的主题不支持WordPress3.0导航菜单功能，顶部会有下图的提示：

    可以参考下面两篇文章，增加主题对导航菜单功能的支持。

    为主题添加多个WordPress3.0自定义菜单

    WordPress 3.0来了，你的主题准备好了吗？

    也可以下载我新发布的HotNews pro 2.2版主题，完全支持WordPress3.0导航菜单功能。

    二、接下来是新建一个自定义菜单．

    在菜单名输入框中键入一个菜单名称（任意），之后点击“创建菜单”。

    也可点击上边的+号，创建多个菜单，这里分别创建了”菜单A”和”菜单B’两个自定义菜单。

    三、菜单创建完成，下面开始进行菜单内容组合。

    选择准备显示在菜单中的内容，包括自定义链接、页面、分类等，点击“添加到菜单”，添加到＂菜单A＂中．

    最后不要忘记点击＂保存菜单＂，完成菜单组合设置．如下图：

    同样为”菜单B”，添加内容，不要忘记保存菜单．

    第三，在不同的位置显示”菜单A”和”菜单B’（以HotNews pro 2.2版为例）．

    分别在不同的位置选择不同的菜单组合，最后点＂保存＂，完成全部菜单功能设置．

    另外，就是如何显示多级下拉菜单.

    这里有一个小技巧，就是用鼠标按住某个菜单项目，向右拖动，就会形成下级菜单或多级菜单，修改后，同样不要忘记保存菜单．不过会不会显示下拉菜单，这就要看主题有无此功能了，HotNews pro 2.2版可支持多级下拉菜单．

    最后形成下图所示：

  • 为主题添加多个WordPress3.0自定义菜单

    一直认为菜单管理功能（Menus），是WordPress3.0的一个亮点（除了集成了MU，这也可能是唯一的亮点），让你可以灵活地控制导航菜单。通 过便捷的拖放界面，摆脱主题自身的限制，自由创建各种组合的链接：内部链接、外部链接、分类等，并且可以将这些自定义菜单嵌入到主题的任意位置，感觉WordPress越来越接近CMS程序了。当然这些功能都需要主题的支持。之前写过一篇让主题如何支持Wordpress3.0自定义菜单的文章。今天教大家，如何添加多个自定义菜单，就以两个为例。
    一、激活主题WordPress3.0自定义菜单功能。
    打开主题的functions.php模板文件，添加：

    // 自定义菜单
    register_nav_menus(
    array(
    'header-menu' => __( '导航自定义菜单' ),
    'footer-menu' => __( '页角自定义菜单' )
    )
    );

    其中：header-menu和footer-menu是菜单的名称之后会用到（可以任意），中文部分将显示在后台菜单设置页面中。

    注：添加上面函数后，主题将不能在WordPress3.0以下版本中使用。
    二、将调用代码添加到准备显示的位置。
    一般是在header中，打开header.php，查找类似：

    <?php wp_list_pages('depth=2&title_li='); ?>

    或

    <?php wp_list_categories('title_li=&orderby=id'); ?>

    替换为：

    <?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>

    或

    <?php wp_nav_menu( array( 'theme_location' => 'footer-menu' ) ); ?>

    其中：header-menu和footer-menu是调用的菜单名称，要与第一步中的相同。
    上面的两句函数先只用一个，另一个可放在其它位置，比如sidebar或footer中，看自己喜好了。
    三、根据不同的位置适当定义一下CSS样式。
    至此完成全部主题修改操作。
    再打开后台菜单选项页面，会看到如下显示：

    nav-5ff

    然后根据自己需要组合不同的两组菜单，分别应用到两个菜单中。