论文的主题 - 多层次,徐友好菜单嵌套 - 教程

论文主题教程 - 加入多层次,嵌套,搜索引擎优化友好的导航菜单到Wordpress

gesman2009年7月8日

为追求完美的菜单...

这是第1部分教程
本教程的第二部分讲授如何建立垂直菜单+深色调色板的水平1

我决定让论文的主题 ,因为我的一个客户告诉我的我的论文和有关兼容性问题上的WordPress的成员网站插件 MemberWing。 我固定,然后决定采取在论文仔细研究和实际费心去观看影片的主要论文Diythemes.com在头版的网站- 。
给我印象最是注重细节,用户友好,最重要的是 - 搜索引擎优化功能,那么经过深思熟虑的。
MemberWing会员插件的目的是从根本上针对会员的网站将需要拉尽可能多的SEO汁。 因此,我付出了很多关注的搜索引擎优化增强以及MemberWing的完善,众说纷纭。 我自己的很多客户都询问不同的主题,使用和拥有这么好的主题,是从内心深处的SEO优化将是一个非常适合门户企业家会员。

搜索引擎优化相结合的权力与权力的MemberWing徐将给予最好的机会向我的客户的排名。 所以我得到了论文,并用它玩了一天。

这是一个在各方面出色的主题。 在它的导航功能的一部分,虽然是在有限的一点点。 从论文1.5 +开始,它是唯一的一级菜单。 我通常的愿望就是能够自定义导航多达需要。 有些网站只有几页,很多人有静态页面的文章不计其数吨+ / +职位类别很多。
因此,在理想的世界有机会创造好看的等级组织用户友好的导航菜单是必须的。 论文关闭蝙蝠权好看导航,但我注意到,所有的论文为基础的网站就像一对孪生期待。 定制论文导航菜单是不是真的容易让大多数人只是离开它是。 有没有办法改变目前的菜单类别的顺序或位置之间的网页中。 再次,能够创建嵌套菜单结构缺失。 所以,我决定去看看有什么可以对此采取行动。
经过努力大约半打菜单/导航相关的插件设置选择对我的WordPress的插件NAVT导航列表
NAVT插件基本上是无序的幻想和超有点列表发电机难以数字非传统的管理界面。 怎么样误导是它实际上并没有创造自己喜欢看菜单。 它的工作,但最困难的部分 - 给你一个直观的能力拉在一起,产生无序列表 - 菜单将要骨架。 而你也可以创造很多的菜单。 您可能会拉入所有的WordPress导航菜单类的东西:网页,帖子,文章,分类,用户,代码块,外部链接,分隔,分离和混合和匹配和巢,并安排和自定义任何树状结构他们你想要的。
NAVT为你生成的HTML导致无序列表。 对NAVT第二的优点在于它可以帮助您插入您的新主题,通过著名的JQuery菜单基础的逻辑,但没有必要改变任何代码! NAVT允许你指定:“我的新NAVT替换菜单”这个#元素。 #内容可以是一个ID或现存菜单或div元素标记,是由您的当前主题生成的类路径。 因此NAVT并没有强迫你进入主题的代码,使它比现在更混乱的是,为您更换。 如果这一切听起来像废话 - 不用担心 - 我会引导你一步一步很快。 每个人的NAVT挑战性的部分是,你必须拿出实际的CSS菜单自己+图像+ javascript代码了。 它取决于你找出何处以及如何整合这些文件并作出妥善得到这些东西连接在一起。
真诚不知道JQuery的一些PHP + + + CSS的有体面的经验与WordPress的 - 这一点是很难拉。
我很高兴地知道这一点的东西,所以我决定忍辱负重,引导人类在建设为WordPress的最佳导航菜单最好的自由。 我只是需要找出一些好看的CSS横向菜单来源。 我拿起动态驱动网站为他们的最佳选择,演示和来源。

我每天专门研究论文和NAVT插件播放。 在结束我自豪地创建了自定义,灵活的,搜索引擎优化优化,多层次,嵌套为我的WordPress +论文基于现场nagivation结构。

名单为特征的多层次,嵌套导航菜单WordPress的
一定喜欢这个东西):

  • 专业,廉洁的外观和感觉。
  • 支持所有现代浏览器,包括6,7的MSIE,歌剧,Safari浏览器,火狐3.x中,谷歌浏览器的JavaScript和非JavaScript模式。
  • 优雅downgradable非JavaScript的浏览器。 您菜单将可用,视觉相似,工作禁用JavaScript的浏览器虽然只有顶级导航(甚至可以看到,没有flyouts当然会发生,因为它们是由JavaScript制造)。
  • 搜索引擎友好的功能 - 无序列表菜单代码内生成的HTML。 谷歌和其他搜索引擎蜘蛛将能够索引你的导航结构,并找到内页的链接。
  • 支持无限嵌套层次和能级。
  • 任何命令或网页,通过职位定义的URI用户(支持),类别,用户自定义的代码块,并在菜单的外部链接。
  • 支持文本,如基于图像的菜单内容好。 (我还没有尝试这些虽然)。
  • 菜单结构和内容是通过视觉NAVT管理区可调。
  • 紧凑型:对嵌套层次JQuery的基础flyouts。
  • 快速:为菜单加载jQuery是从谷歌服务器(我爱论文本身也这样做,而不是拉在本地)。 这将加快一点事情。
  • 可扩展性 - 这类型的菜单在任何时间通过NAVT插件设置可编辑和可配置的任何地方而不需要任何编码。

我用这个充满活力的优秀菜单驱动从基础入门网站,作为一个。 我有一个自定义JavaScript代码位以及纳入custom_functions.php的PHP块,使其与论文。 此外,还有预先存在的页面的数量,种类和职位从我的网站被用来组装菜单结构。 您的网站细节会有所不同 - 但是概念是一样的。
因此,让继续,好吗?

指示一步一步设置NAVT的嵌套,可定制,多层次,徐友好
仅仅是纯凉看导航和菜单为Wordpress 论文主题

  1. 前往WordPress的管理面板。 插件->“添加新的”navt“,搜索。 该插件会被显示。 单击[安装],[立即安装],“激活插件”。
  2. 工具-> NAVT名单内“导航组”区域,找到“组名称”,然后输入:“menu1在外地”,按[创建]按钮。 “menu1”矩形3.489创建。
    这种“menu1”区域将是菜单建设的主要场所。 你会在这里拖放您的菜单内容。
  3. 在“资产”方面找到“其他”列表框和“家”的选择即可。 “家”thingie内将出现“未分配”区。 奇怪的,是吗? 不用担心,只要作品 - 它为我们的意愿。
  4. 拖动从“资产”区分为“menu1”矩形的面积这个“家”thingie。 这将成为“家”中的菜单项。
    • 重复步骤3-4可以从“网页”方面,以及在“类别”区域类别的一些网页。 拖动任何你想要在你的菜单是内其他项目“menu1”矩形。 您可以点击网页,分类,用户,如“名单分”和“代码块”一些自定义元素。 代码块凉爽的方法来添加自定义的菜单里面片段。
    • 你可以拖动菜单项内部“menu1”区域,以重新排列它们的顺序。
    • 你可以调整每个菜单项的等级地位与“<”和“>”箭。
    • 基于文本的每个菜单项的名称点击 - 打开超乎想象这个项目的额外定制对话框。 我大多使用默认但在技术上你可以去疯狂,开始生产基于图像的菜单选择并添加到它的HTML代码块。 虽然谨慎行事。
    • 对于linkless unclikable子,将作为“父母对其他”子孩子们“我使用的”代码块“类型”。 例如,当项目自定义代码块等我进入“菜单项别名”=“MemberWing”和“输入代码块:”=“的<a href='#'> MemberWing </一>”。 的HREF =“#”将使得无法点击,但家长作为一个有效的“”菜单选择。
  5. 以下是如何我NAVT'menu1'建立结构看上去像接近完成:
    navt_building_icon
  6. 完成初步建设,然后“齿轮”图标来定制你的菜单结构:
    navt_customize_menu
  7. 这将打开4个标签:选项对话框,显示的CSS,主题。
    1. 进入“选项”标签,并确保一切是泛滥,“组名”说:“menu1”
    2. 进入“显示”标签,并就“显示导航组确保一切就...”区被选中的[x]。 给在默认的休息。
    3. 转到“0”标签,并选择单选按钮(X)“不要应用CSS班”。
    4. 进入“主题”标签,并填写如认为:
      navt_configuration_theme_tab_icon
      插入“添加标签之前...”地区代码:
      <div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
      插入“添加标签后...”地区代码:
      <br style='clear: left' /></div>
    5. 按[保存/关闭]按钮
  8. 在这个范围内NAVT插件选项点菜单的建设已完成。
    现在是时候做一点调整为1 得到它准备。 为此,我们需要添加一些自定义的文件 - CSS和JavaScript的,属于菜单和更新论文'custom_functions.php
  9. 下载一套完整的档案在这里
  10. 解压缩档案。 如果你更新你定制你的custom_functions.php - 你需要我的东西与他们合并。 我会留给你。
    如果你还没有触及它 - 随时与我它覆盖。 请注意:我更喜欢在网站标题(默认位置菜单上) - 所以我的调整,包括这也偏爱。
  11. 上传档案包括所有子目录和文件在你的 '定制'目录本,如:
    .../themes/THESIS-DIR/custom/custom_functions.php
    .../themes/THESIS-DIR/custom/jquerycssmenu/...

    我还没有触及custom.css - 我喜欢保持自己的位置菜单下的特定的CSS,以免造成混乱内custom.css
  12. 此时,您可以重新载入您的网站,看看新的美丽新的多层次,嵌套,搜索引擎优化优化的菜单。
  13. 你可能总是返回NAVT设置和定制更多的选择或重新定位任何菜单。 这将反映在直播现场自动。

前面的道路...

本教程包括一个创新型的菜单的例子。我打了一个又一个 - 只要看看深色菜单会是什么样子:

Thesis theme - multilevel nested CSS menu - dark palette

-多级嵌套的CSS菜单-黑暗调色板

我认为这是相当好的。 还有更多的样本在可航行动态驱动器 -他们都是有可能的定制论文和其他一些主题WordPress的努力:

Dynamic Drive Horizontal Menus

动态车道横向菜单

我希望你会发现这个教程有益的和有用的。 正如我所说,这是可以自定义为任何这些菜单论文 - 这是给定的时间和欲望,使之发生。

我能为你做一个合同的基础上进行这项工作。 只需选择您喜欢的菜单, 与我联系 ,我会指示工作的代码和您的网站。

20元

当然,如果你到搜索引擎优化建设超白金WordPress的成员门户网站 - 这一问题的最佳解决方案:
论文主题 + MemberWing成员插件 + 托管WordPress的自我的过程。

发表评论

曾任职务:

下一步邮编: