वर्डप्रेस 的 多 级 垂直 分层 嵌套 菜单

多层次,嵌套,搜索引擎友好的导航菜单添加到वर्डप्रेस -第2部分

2009年7月10日 gesman

追求完美的垂直菜单...

वेब万吨的主题网页上,但是当我开始尝试所有这些样品-
继续对完美的追求...

6.

所以这里有云:


(你可能从来没有想过什么...)

  1. EXEC
  2. 执行步骤1 -
  3. 点击'menu1'组上的"齿轮"图标来编辑它的属性:
    navt_customize_menu
  4. 如下步骤7.1 -7.3第1部分教程设置"选项", "显示"和"सीएसएस"选项卡设置.
  5. -你不会失去任何东西-但这些变化是必要的,因为我已经改变了一些代码,从第1步.
    下面是如何需要填写此对话框:

    1. .jquerycssmenu, .jqueryslidemenu
    2. 设置为"行动", "替换为"
    3. 里面的"添加标签之前,导航组"区域中输入验证码:
      <div class='jquerycssmenu' style='margin-top:5px;'>
    4. 导航组"区域里面的"添加标签后输入验证码:
      <br style='clear: left' /></div>
    5. 点击[保存/关闭]按钮.
  6. 现在去वर्डप्रेस管理面板->外观->部件.

  7. 注:我相信你有"侧边栏"存在论文选项允许你把它关掉-但为了让本教程它..
  8. 一旦你拖拽这个小部件-它会像一朵花(我现在感觉浪漫的, MSIE斗争)打开.
  9. -你刚出生的垂直菜单,文本将上面去.
  10. 在大面积的文字-输入PHP代码:
    <?php
    if (function_exists('navt_getlist'))
    $menu_html = navt_getlist ('menu1', false, '', 'ul id="dd_vertical"');
    else
    $menu_html = "";
    $menu_html = preg_replace ('#class=[\'\"]jquery(css|slide)menu[\'\"]#', 'class="dd_vertical"', $menu_html);
    echo $menu_html;
    ?>
  11. 按[保存]按钮,单击"关闭"链接.
  12. 下载更新的文件在这里设置 .
    此档案包括:


    • 更新版本的"亮"水平菜单代码
    • "暗"版本的横向菜单
    • 垂直菜单代码
    • 的更新版本custom_functions.php的
  13. 现在你需要解压存档,并把它上传到你的论文主题的"自定义"目录.
    注意:如果你做的任何自定义内custom_functions.php -你需要将它们合并如果没有-感到覆盖它与我的版本..
  14. 瞧!现在你可以刷新您的网站,并看到相同的"光明"水平菜单+ neato这类垂直菜单在左侧边栏.
  15. बोनस任务:让我们变"亮"的横向菜单上的"黑暗"的配色方案.
    1. 文件内custom_functions.php:
      更换此代码:
      echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
      //echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu

      此代码:
      //echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
      echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu

      基本上,我们注释掉一行取消注释.
    2. 现在去到वर्डप्रेस管理->工具-> NAVT列表,按上述的"齿轮"图标来编辑属性'menu1'组.
    3. 单击"主题"选项卡.
    4. 里面的"添加标签之前,导航组"区域中输入验证码:
      <div class='jqueryslidemenu' style='margin-top:5px;'>
    5. -刷新页面-水平主导航菜单"神奇地"变得黑暗,类似的东西:
      Thesis theme - multilevel nested CSS menu - dark palette

      论文的主题-多层嵌套的सीएसएस菜单-黑暗的调色板

    6. 要回到"亮"的配色方案-只要撤销上述"红利"的步骤.
  16. 结论:

20美元


享受!

格列布·艾斯门

此项目的评论被关闭.