追求完美的菜单...
这是本教程的第1部分
本教程的第 2部分讲授如何建立垂直菜单+暗调色板水平
我决定论文主题 ,因为我的一个客户告诉我有关论文和我之间的兼容性问题的WordPress的会员网站插件MemberWing。 我固定,然后决定采取仔细一看在论文,其实困扰的主要论点网站的头版上观看影片- Diythemes.com 。
什么给我印象最深是注重细节,用户友好和最重要的 - 搜索引擎优化,是经过深思熟虑的功能。
MemberWing成员插件的目的是从地上爬起来,成员网站,将需要尽可能多的搜索引擎优化汁拉。 因此,我付出了大量的关注,众多的搜索引擎优化的增强和完美MemberWing。 许多我自己的客户要求使用不同的主题,主题是这样的SEO优化,从内心深处将是一个非常适合会员门户企业家。
SEO MemberWing SEO的权力与权力结合论文的主题将给予排名的机会给我的客户最好的。 所以,我的论文和与它起到了一天。
这是一个在各方面的优秀主题。 它的导航部分,虽然是在功能上的限制位。 从论文1.5 +它是唯一的一个一级菜单。 我通常的愿望是能够尽可能需要自定义导航。 有些网站只有几页,许多人都静态页面+文章/职位不计其数+类地段吨。
因此,在理想的世界有机会创造好看分层组织的用户友好的导航菜单是必须的。 论文了蝙蝠的权利,具有良好的前瞻性导航,但我注意到,所有的论文为基础的网站就像双胞胎。 定制论文导航菜单,是不是真的很容易,所以大多数人刚刚离开它。 有没有办法改变菜单类别的顺序或位置在页面之间。 再次,缺少能够创建嵌套菜单结构。 所以我决定看看有什么可以做。
相关的插件试图半打菜单/导航后,我踏上我的选择WordPress的导航列表插件 NAVT 。
NAVT插件基本上是无序列表生成具有超强的花式,有点难以图非传统的管理界面。 它误导的是,它实际上并没有创造看中寻找自己的菜单。 它的工作虽然最困难的部分 - 给你一个能够直观地拉在一起,并产生无序列表 - 骨架的菜单。 您可以创建许多菜单。 您可能会拉WordPress的东西:所有进入导航菜单页,文章,文章,分类,用户,代码块,外部链接,除法,分离和混合和匹配和巢,并安排和任何树状结构进行自定义您要。
NAVT产生对你造成HTML无序列表。 NAVT二的优点在于它可以帮助您将其插入到你的主题,通过著名的jQuery基础的逻辑,但新的菜单,而不需要更改任何代码! NAVT允许您指定:“我的新NAVT菜单取代#元素”。 #元素可以是现有的菜单或div元素的标签,是由您的当前主题的路径ID或类。 所以NAVT不会更换这对你,迫使你进入主题的代码,使比现在更凌乱。 如果这听起来像乱码 - 不用担心 - 我会引导你一步一步很快。 NAVT为大家有挑战性的部分是,你必须拿出实际的CSS +图像+ JavaScript代码为您的菜单自己。 它给你要弄清楚在何处以及如何整合这些文件,使这正确地得到连接在一起的东西。
真诚而不知道的jQuery +一些PHP + CSS +体面与WordPress的经验 - 这东西是很难拉。
乐意我知道这东西有点,所以我决定咬建设为WordPress最好的导航菜单的最佳子弹和引导人类自由。 我只是需要一些好看的水平CSS菜单,找出来源。 我拿起他们最好的选择,演示和源的动态驱动网站。
我每天致力于研究论文和发挥NAVT插件。 在最后,我自豪地创建定制的,灵活的,多层次的嵌套nagivation结构,为我的WordPress的论文为基础的网站,SEO优化。
论文主题为多层次,嵌套WordPress的导航菜单的功能列表
( 你喜欢这个东西):
- 专业,廉洁的外观和感觉。
- MSIE 6,7,歌剧,Safari浏览器,火狐3.x中,谷歌在这两个JavaScript的浏览器和非JavaScript的模式,包括所有现代浏览器的支持。
- 优雅非JavaScript的浏览器downgradable。 您的菜单将被使用,在视觉上相似,甚至停用JavaScript的浏览器(虽然只有顶级导航将是可见的,并没有弹出按钮,当然会发生,因为它们是由JavaScript)。
- 搜索引擎友好的功能 - 无序列表菜单内生成的HTML代码。 谷歌和其他搜索引擎蜘蛛将能够的索引您的导航结构,并发现内页的链接。
- 支持无限嵌套层次和亚层。
- 支持任何命令或网页,职位(通过用户定义的URI),分类,用户,自定义代码块,并在菜单的外部链接。
- 支持文本以及基于图像的菜单元素。 (我还没有尝试这些虽然)。
- 通过NAVT管理区的菜单结构和内容是视觉调节。
- 紧凑型:嵌套级别的jQuery的弹出按钮。
- 快速:菜单jQuery是从Google服务器上(我爱论文本身相同的,而不是做本地拉)加载。 这将加快东西位。
- 可扩展性 - 这种类型的菜单,编辑和编码任何地方的需要在任何时间通过NAVT插件设置配置没有任何。
我从动态驱动使用这个优秀的菜单为基地的门户。 我不得不自定义JavaScript代码位以及纳入custom_functions.php,使其工作与论文的PHP块。 既存的页面,类别,并从我的网站岗位也被用来组装菜单结构。 您的网站细节会有所不同 - 但概念将是相同的。
因此,让我们继续,我们应?
一步一步的指示设置NAVT基于嵌套的,可定制,多层次,搜索引擎友好的
和平原凉爽寻找Wordpress和导航菜单论文主题
- 转到WordPress管理面板。 插件 - >添加新的搜索,“navt”。 该插件将显示。 单击[安装],[立即安装],“激活插件”。
- 工具 - > NAVT列表,里面的“导航集团”区域找到“组名称”,然后输入:“MENU1”在外地,按[创建]按钮。 了创建“MENU1”长方形的面积。
这种“MENU1”区域将菜单建设的主要游乐场。 您将拖放在这里你的菜单元素。 - 在“资产”区域找到“其他”列表框,点击“主页”选择。 “家”thingie会出现“未分配”区域内。 怪异,不是吗? 不用担心,只要它的工作原理 - 它会为我们。
- 这个“家”thingie,从“资产”区域拖动到“MENU1”长方形的面积。 它将成为“家”的菜单项。
- 重复步骤3-4从“页”区域中的一些页面,以及在“类别”区域类别。 拖动你想在你的菜单“MENU1”矩形内的任何其他项目。 您可以点击页面,类别,用户和一些自定义的元素,如“清单分压器”和“代码块”。 代码块是冷静的方式来增加自定义菜单内片段。
- 你可以拖动“MENU1”区域内的菜单项重新排列它们的顺序。
- “<”和“>”箭头,您可以调整每个菜单项的分层位置。
- 点击每个菜单项的文本名称 - 打开心中的这个项目令人难以置信的额外的定制对话框。 我大多使用默认值,但在技术上,你可以去疯了,开始做基于图像的菜单选择,并添加到HTML代码块。 虽然谨慎行事。
- linkless unclikable子菜单,将作为“父母”其他“子儿”我用“代码块”型。 例如,当定制这样的代码块项目时,我进入“菜单项的别名”=“MemberWing”和“输入代码块:”=“<a href='#'> MemberWing </ A>”。 在HREF =“#”将无法点击,但作为一个有效的“父”菜单选择。
- 下面是如何看着我NAVT“MENU1”建立结构一样,几乎完成:
- 完成初步建设,然后单击“齿轮”图标来定制你的菜单结构:
- 这将打开4个选项卡的对话框:选项,显示,CSS,主题。
- 在此点菜单NAVT插件选项内建设完成。
现在是时候做一点点调论文主题得到它准备。 为此,我们需要添加一些自定义的文件 - CSS和JavaScript属于菜单和更新论文“custom_functions.php - 这里下载一套完整的档案 。
- 解压存档。 如果您更新您的自定义你的custom_functions.php - 你需要合并他们与我的东西。 我将离开你了。
如果你还没有触及它 - 感觉自由来覆盖它与我的。 请注意:我的首选位置下的网站标题(默认以上)菜单 - 让我的调整以及这种偏好。 - 上传存档,包括你的论文主题“定制”目录下,这样,所有的子目录和文件:
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
我没有触及custom.css - 我宁愿保持自己的位置下菜单特定的CSS,以免造成内部custom.css一塌糊涂 - 在这一点上,你可能刷新您的网站,看到新的美丽的新的多层次,嵌套,SEO优化菜单。
- 您可以随时回去NAVT设置了更多的选择和定制你的菜单,或重新定位任何东西。 它会自动反映在直播现场。
前进的道路... ...
本教程包括一个菜单式的创意例子。 我打了一个又一个 - 只是为了看看如何深色菜单会是什么样子:
论文的主题 -多级嵌套的CSS菜单-黑暗的调色板
我认为这是相当不错的。 有很多更航行的样品提供动态驱动器-所有的人都可以定制,论文和其他一些努力的WordPress主题:
我希望你会发现本教程是有益的和有用的。 正如我所说,它是可以定制这些菜单论文 - 这是给定的时间和欲望,做到这一点。
根据合同,我能为你做这项工作。 只要挑你喜欢的菜单, 请与我联系,我会为您的网站上的代码和说明工作。
$ 20
当然,如果你建立超级SEO优化溢价WordPress的成员门户 - 此最好的解决办法:
论文主题 + MemberWing成员插件 +当然自我主办WordPress的 。


