论文主题 - 多层次,,搜索引擎优化友好菜单嵌套 - 教程

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

gesman2009年7月8日

对于完美的菜单探索...

这是部分教程1
部分本教程2教如何建立垂直菜单+为横向深色调色板

我决定让论文的主题 ,因为我有一个客户了解和我之间的论文WordPress的成员网站的插件 MemberWing我的兼容性问题。 本人固定,然后决定采取的论文仔细研究,真正困扰观看的主要论文网站头版视频- Diythemes.com。
给我印象最是注重细节,用户友好和最重要的 - 搜索引擎是如此周全的功能。
MemberWing会员插件的目的是从地面会员站点最多,将需要从尽可能多的搜索引擎优化汁。 因此,我付出了很多关注的搜索引擎优化改进和MemberWing波罗蜜,众说纷纭。 我自己的很多客户都询问不同的主题,使用和有主题,得到了很好的搜索引擎优化从内心深处,优化将是一个非常适合门户网站会员的企业家。

结合同搜索引擎优化权力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的的导航菜单功能
(你必须热爱这个东西):

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

我用这从作为基础的动态驱动器门户优秀菜单 我自定义JavaScript代码1位以及纳入custom_functions.php的PHP块,使其与论文工作。 此外,还有一些预现有网页,分类,并从我的网站职位,用于组装的菜单结构。 您的网站细节会有所不同 - 但概念是相同的。
因此,让继续,好吗?

一步一步的指示,安装NAVT的嵌套,可定制的,多层次,搜索引擎优化友好
仅仅是纯凉看导航为Wordpress和论文菜单主题

  1. 转到WordPress的管理面板。 插件->“添加新的,搜索”navt“。 该插件将显示。 单击[安装],[现在安装],“激活插件”。
  2. 工具“NAVT名单内”导航组“区域,找到”组名称“,然后输入:”在外地menu1“,按[创建]按钮。 “menu1”长方形的面积得到建立。
    这种“menu1”区将是菜单建设的操场。 您将在这里拖放菜单元素。
  3. 在“资产”方面找到“对”家“的选择其他”列表框,然后点击。 “家”thingie内部将出现“未分配”区。 奇怪,不是吗? 不用担心,只要它工作 - 它会为我们。
  4. 拖动的“资产”方面的这个“家”thingie为“menu1”长方形的面积。 这将成为“家”项目在菜单中。
    • 重复步骤3-4从“页”区域某些网页,以及类别的“类别”区域。 拖动任何你想成为内部“menu1在您的菜单上”矩形的其他项目。 您可以点击网页,分类,用户和一些自定义的元素,例如“列表分隔”和“代码块”。 代码块凉爽的方式添加自定义菜单内的片段。
    • 您可以拖曳内“menu1菜单项”地区重新安排它们的顺序。
    • 您可能会调整“的每个菜单项的等级地位”“和”“”箭头。
    • 对文本的每个菜单项的名称点击 - 打开了这个项目的令人震惊的额外定制对话框。 我大多使用的默认值,但在技术上你可以去疯狂,开始生产基于图像的菜单选择并添加到它的HTML代码块。 虽然谨慎行事。
    • 对于linkless unclikable子,将作为“父母”其他“子孩子说:”我用“代码块”型。 例如,当自定义代码块等项目我进入“菜单项别名=”MemberWing“和”输入代码块“:”=“的<a href='#'> MemberWing”/ 1“”。 之后的HREF =“#”将使得无法点击,而是一个有效的“父”菜单中选择代理。
  5. 以下是如何我NAVT'menu1'建立结构看上去差不多完成:
    navt_building_icon
  6. 初步建设完成,然后“齿轮”图标,自定义您的菜单结构:
    navt_customize_menu
  7. 这将打开4个标签对话框:选项,显示的CSS,主题。
    1. 进入“选项”标签,并确保一切都不受制约,“组名”说:“menu1”
    2. 进入“显示”标签,并就“显示航运集团确保一切就...”区域被选中[x]。 留在默认的休息。
    3. 转到“的CSS”选项卡,选择单选按钮(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插件选项点菜单上的建设已完成。
    现在是时候做一些调整,为得到它准备好。 为此,我们需要添加一些自定义文件 - 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的

发表评论

曾任职务:

下一个职位: