您的位置:首页»WordPress 教程, 新手入门»  如何为 WordPress 文章创建导航目录

如何为 WordPress 文章创建导航目录

当我们要写的材料很长很长时,你是否迫切需要一个类似图书目录的东东呢?对,这个东东就是本文要讲的锚链接!!!我在 wp_page_menu 函数使用详解这篇文章中就创建了几个锚链接,大家可以先看看演示。
什么是锚链接?
我们知道,链接是一个网站中指向其它资源的部分,其它资源包括其它 HTML 文档、文本文件、PDF 等。链接又包括两类:
① 通过使用 link 元素创建的链接,浏览器会自动导入。这类链接我们通常会在 WordPress 主题的 header.php 文件中见到

<link rel="stylesheet" href="styles.css">

② 另一类则是用户可选择去激活的链接,被称为 anchors(锚),我们可以通过使用 a 元素把锚加入文档。
锚元素具有以下几个可用属性:

* href 属性:锚指向的资源(外部文件或一个锚 ID)。
* id 属性:如果锚被充当一个目标,而不是一个链接时,使用锚 ID。
* title 属性:锚所指向外部资源的附加信息。

好了,P话不多说了,切入正题,下面我们就来讲讲如何利用锚链接为 WordPress 文章创建导航目录吧,只需要两段简单的 HTML 代码:
① 创建导航目录
为 herf 属性加上 ‘#锚 ID’ 即可,如:

1
2
3
4
	<a href="#primary">WordPress 页面多级菜单</a>
	<a href="#subtitle">WordPress 页面副标题</a>
	<a href="#class">WordPress 页面链接分类</a>
	<a href="#dynamic">WordPress 动态菜单</a>

② 指向导航目录
为每段文章增加一个导航标题,使导航目录能指向正确位置,如:

1
2
3
4
	<a id="#primary">WordPress 页面多级菜单</a>
	<a id="#subtitle">WordPress 页面副标题</a>
	<a id="#class">WordPress 页面链接分类</a>
	<a id="#dynamic">WordPress 动态菜单</a>

经过上面简单的两步,一个同一业内的导航目录就添加成功了,如果我们想在其他页面引用这个导航目录,只需要在 href 属性中加上页面 URL 地址就可以了,即:

<a href=″URL#id″>....</a>

当然,这个导航目录可以用于任何地方,并不仅限于 WordPress,如果你还有其他好的想法,欢迎向站趣-分享建站的乐趣反馈。

12个评论

  • Reply 1 welee

    April 23rd, 2009 at 15:14

    很不错,不过内容太长的文章我通常会分成几篇文章来发布 ^^

    • Reply 2 辐射鱼

      April 23rd, 2009 at 16:01

      弄成一篇,被引用的次数多,相应权重就高,对 seo 有帮助哦

      • Reply 3 Showfom

        April 23rd, 2009 at 18:03

        嗯 不错不错不错

  • Reply 4 Showfom

    April 23rd, 2009 at 18:04

    其实就是HTML中的书签嘛……瞄链接,真俗的名字,哈哈

    • Reply 5 辐射鱼

      April 23rd, 2009 at 19:01

      书签?不带这么翻译的,实在找不到写的,滥竽充数一下

      • Reply 6 Showfom

        April 23rd, 2009 at 19:02

        额……FrontPage里就有

        • Reply 7 辐射鱼

          April 23rd, 2009 at 19:04

          那个东东你都看啊,微软都不屌他了

    • Reply 8 任平生

      May 16th, 2009 at 09:31

      这个就叫做锚,罚你查手册去

      • Reply 9 辐射鱼

        May 16th, 2009 at 10:04

        其实锚这个译法挺晦涩的

  • Reply 10 西风

    April 24th, 2009 at 12:34

    试试看看

  • Reply 11 wooec

    July 4th, 2009 at 18:44

    这是不是就本站上面的分类标签?如(首页、主题、插件。。。这样的标签)

    • Reply 12 辐射鱼

      July 5th, 2009 at 08:02

      当然不是,这个类似书目,文中有演示