明了的导航链接

边栏和/或页脚中清晰的导航链接能帮助访客更好地浏览你的网站。它能帮助访客查找你的日志和文章。在你的WordPr…

边栏和/或页脚中清晰的导航链接能帮助访客更好地浏览你的网站。它能帮助访客查找你的日志和文章。在你的WordPress网站中实现这种用户用好的站点导航的方法不止一种。

让用户会使用你的网站就是要把东西放在他们能找得到的地方。你可以仿照新闻邮件的格式,大多数的网站用户都习惯在网页边栏或底部查找网站内部链接。而理论上来说,作为设计者的你可以将它们放在任何位置,但就目前来说还是按照惯例进行布局比较好。因为你肯定希望自己的WordPress是用户友好的不是?

WordPress附带的两个WordPress主题都使用边栏来容纳站点导航链接。而其他的外观主题可能会将它们使用在页头或页脚中。其实这些导航链接可以显示在所有模板文件中,一般说来导航链接包括有:

  • 页面
  • 分类
  • 归档(按月)
  • 链接
  • Admin或Meta

与生成此列导航链接相关的模板标签可以在WordPress默认外观主题嵌套列表内的边栏中找到。现在让我们来逐个了解这些标签,然后再看看该如果来扩展导航链接在WordPress站点中的应用。

页面

自从WordPress v1.5问世以来,页面就可用来帮助管理员创建位于WordPress主循环(loop)之外的独立页面了,如联系我们(Contact Us)关于我们(About Us)和最近更新(What’s New)。用来显示单个页面的模板标签是wp_list_pages。

<?php wp_list_pages(); ?>

定制wp_list_pages()标签以使其更具用户向的方法有很多。冗长的页面和子页面列表浏览起来是很累人的,所以在边栏中只加入重要页面则比较体贴。

如果要将某些页面从列表中剔除,你可以设定exclude参量。下面我们来演示一下如何剔除Page-ID号为17和38的页面。

<ul>
<?php wp_list_pages('exclude=17,38' ); ?>
</ul>

有关定制wp_list_pages()模板标签的更多信息请见wp_list_pages的模板标签页面

分类

能在导航菜单创建分类列表的模板标签有两个:wp_list_categories和list_cats()。二者作用基本相同,但前者使用boolean参量而后者使用字串。你可以根据需要进行选用。

分类列表标签的默认用法是:

<?php wp_list_cats(); ?>

<?php list_cats(); ?>

页面模板标签一样,你可以使用exclude来限制分类列表的长度,这样用户看起来就清爽许多。下面让我们来演示剔除category-ID为10和15的分类。

<ul>
<?php wp_list_cats('exclude=10, 15'); ?>
</ul>

如果你希望在分类列表中只包括单个或多个children或子分类的话,可以使用child_of参量。

<ul>
<?php wp_list_cats('child_of=8, 14'); ?>
</ul>

有关定制这些模板标签的更多信息请见wp_list_categories和 list_cats()的模板标签页面。

归档

分类模板标签一样,产生归档的标签也有两个:wp_get_archives 和 get_archives()。二者作用基本相同,但前者使用boolean参量而后者使用字串。你可以根据需要进行选用。

使用归档模板标签是不用插件列出WordPress日志的唯一手段。你可以限制显示在归档模板标签中的日志数量,但无法将它们全部显示出来,可显示的数量是有限制的。但该标签允许你按月,周,日或是最新的日志来显示最近的内容。

归档列表标签的默认用法是:

<?php wp_get_archives(); ?>

<?php get_archives(); ?>

要按月显示最近3个月的日志,你可以使用:

<ul>
<?php get_archives('monthly','3'); ?>
</ul>

按日期显示归档,你可以展示最近15天的日志:

<ul>
<?php wp_get_archives('type=daily&limit=15'); ?>
</ul>

如果你想显示实际的日志,可以使用postbypost参量,它会显示最近的日志,显示数量则受limit参量的限制。如果要按日志标题显示最近的25篇日志,就应使用:

<ul>
<?php wp_get_archives('type=postbypost&limit=25'); ?>
</ul>

有关定制这些模板标签的更多信息请见get_archives()和wp_get_archives的模板标签页面。

链接

链接的Link列表来自WordPress的链接管理器特色,它允许显示外部链接,如blogroll,因为用户们可能希望在他或她的网站上使用此特色。这些链接是由若干不同的模板标签生成的:

  • get_links_list: 显示一个嵌套的HTML未排序的链接列表。
  • wp_get_links: 显示与数字链接分类ID相关的链接。
  • get_links: 跟wp_get_links()一样,此标签允许用户控制标签参量显示链接的方式,而不是通过管理 > 链接页面来达成的(当在多个模板上显示链接时则变得有用)。
  • wp_get_linksbyname: 显示与已命名链接分类相关的链接。
  • get_linksbyname: 跟wp_get_linksbyname()一样,此标签按分类来显示链接,但允许用户控制标签参量显示链接的方式。

你可以点击上面这些标签名称来查看这些模板标签的举例和详细信息。

Admin或Meta

WordPress变量中Admin或Meta列表链接是管理员所使用的链接,管理员登入后可以通过它们来访问网站的管理面板。它们可能还具有RSS Feeds以及其他管理或网站使用相关的信息。以下给出的这些标签可以帮助你进行网站管理或帮助注册用户使用你的网站:

  • wp_register() – 注册你的网站进行评论或达到其他管理目的
  • wp_loginout() – 使用密码登入或登出站点管理面板
  • bloginfo() –  网站和评论的RSS/Atomz/RDF feeds设定相关的多种可用参量
  • 模板标签 – 在此可查看网站中用到的各类模板标签的详细信息

其他导航位置

除了用边栏帮助用户浏览你的网站,你还可以在别处使用导航标签,比如网站页面的页头和页脚之中。使用上面说到的导航链接模板标签,你可以将链接列表定制成水平菜单,而不一定是竖直的列表形式。

日志和页面链接

在比较狭小的位置,日志或页面的显示就受到了限制,你可能只能突出其中的一部分以节省空间并将用户引导至特定区域继续浏览。要包括进某日志或页面的特定链接,你可以使用get_permalink()模板标签。

下面的例子中展示的是 post-ID号1和10的链接,并在网站中列出了分类,但分类中剔除了category-ID为2 和 4的分类链接。

<li><a href="<?php echo get_permalink(1); ?>">About My Blog</a></li>
<li><a href="<?php echo get_permalink(10); ?>">About Me</a></li>
<?php wp_list_cats('exclude=2, 4'); ?>

该列表看起来如下:

  • About My Blog
  • About Me
  • My Stories
  • My Travels
  • My Friends

下一篇和前一篇日志链接

在设计网站时你可以使用两类导航帮助方式。这两类方式都牵涉到了用户在站内的跨日志移动行为。

第一类仅用于非单个/非永久链接的页面上,模板标签是posts_nav_link。该标签于WordPress循环之内在页面底部创建2个链接,以显示索引,归档,搜索以及分类的上一页下一页的链接。

posts_nav_link默认外观如下

« 上一页下一页 »

修改此链接外观的详细方法请参看posts_nav_link的模板标签页面。

另一类导航帮助方式控制单个/永久链接日志底部的下一篇日志上一篇日志链接。这将会将用户引导至下一篇或上一篇按时间顺序创建的日志中。

模板标签分别是previous_post()next_post()。它们可以用多种不同的方式进行定制,使用下一篇日志上一篇日志标题或使用实际的日志标题。

以下例子中展示了带有箭头的前后篇日志标题,这样就可以突出用户所选的浏览方向。

<?php previous_post('&laquo; &laquo; %', '', 'yes'); ?>
| <?php next_post('% &raquo; &raquo; ', '', 'yes'); ?>
« « 前一篇日志标题    |    下一篇日志标题 » »

修改这些链接外观的详细方法请参看previous_post()next_post()的模板标签页面。

 

定制导航链接的风格

正如你所看到的,WordPress帮助用户浏览网站的手段是多种多样的。我们在前面已经例举了一些WordPress模板标签,但还有很多插件也可以用来协助网站导航,比如,提供相关主题,自定义的日志列表以及其他自定义的网站导航方式。

以下信息可能会对你进行导航列表风格定制和自定义有帮助。

  • Next和Previous链接
  • 使用CSS定制列表风格
  • 创建水平菜单
  • 动态菜单高亮

分类:中文手册

类别:WordPress教程

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT

登录 账号发表你的看法,还没有账号?立即免费 注册