如何为 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,如果你还有其他好的想法,欢迎向站趣-分享建站的乐趣反馈。


1 welee
April 23rd, 2009 at 15:14
很不错,不过内容太长的文章我通常会分成几篇文章来发布 ^^
2 辐射鱼
April 23rd, 2009 at 16:01
弄成一篇,被引用的次数多,相应权重就高,对 seo 有帮助哦
3 Showfom
April 23rd, 2009 at 18:03
嗯 不错不错不错
4 Showfom
April 23rd, 2009 at 18:04
其实就是HTML中的书签嘛……瞄链接,真俗的名字,哈哈
5 辐射鱼
April 23rd, 2009 at 19:01
书签?不带这么翻译的,实在找不到写的,滥竽充数一下
6 Showfom
April 23rd, 2009 at 19:02
额……FrontPage里就有
7 辐射鱼
April 23rd, 2009 at 19:04
那个东东你都看啊,微软都不屌他了
8 任平生
May 16th, 2009 at 09:31
这个就叫做锚,罚你查手册去
9 辐射鱼
May 16th, 2009 at 10:04
其实锚这个译法挺晦涩的
10 西风
April 24th, 2009 at 12:34
试试看看
11 wooec
July 4th, 2009 at 18:44
这是不是就本站上面的分类标签?如(首页、主题、插件。。。这样的标签)
12 辐射鱼
July 5th, 2009 at 08:02
当然不是,这个类似书目,文中有演示