WordPress 主题制作系列教程#6b:页面链接列表

WordPress 主题制作系列教程#6b:页面链接列表

原文地址:http://www.wpdesigner.com/2007/03/03/wp-theme-lesson-6b-page-link-listing/
翻译:票友山

tutorial-series.gif 既然你已经对侧边栏的结构比较熟悉了,那接下来我们就开始讨论侧边栏的页面链接 列表。等一个常规的侧边栏构建完毕,我就开始教大家如何窗体化侧边栏。

在分类模块之上添加如下代码:

<?php wp_list_pages(); ?>

wp-list-pages.gif

保存文件并刷新浏览器,会显示出如下内容:

wp-list-pages-listing.gif

默认情况下,你只有一个页面,就是关于。我的加了很多页面和子页面,这就是我这显示出四级页面链接。

转到查看 > 页面源代码 去看看wp_list_pages() 生成的整个结构和源代码,如下例:

wp-list-pages-default.gif

首先,列表项目标签(LI)围住了所有的东西;然后它赋予你的列表一个名称, Pages;再之后,它在页面链接之下添加了另外一个无需表(UL)而这一切都在这个列表项目之中;最后,它将每个链接都嵌入到<li></li> 标签之中。

在上面的截图中,注意一下“Pages(页面)” 标题和“Categories(分类)” 标题打下并不一致。

如何让它们一致呢?添加‘title_li=<h2>Pages</h2>’wp_list_pages() 之中。

title-li.gif

保存文件并刷新浏览器,看看变化。

wp-list-pages-listing-2.gif

title_li 是一个用来定义页面链接列表的标题外观一个属性。<h2>Pages</h2>title_li 属性的值。

进一步定制
在我的这个例子之中,我有四级页面链接,一些布局设定没法在一侧边栏中处理这么多级的页面谅解。要限定链接级数,添加depth 属性到wp_list_pages() 并将它的值设为3

add-depth3.gif

注意,我添加的是depth=3& ,而不是depth=3& 这个符号在这使用来分开depthtitle_li 两个属性。(如果你仅有关于页面,你不会看到任何的不同。)

下图显示了在我这所显示出的不同:(请对比上面的截图)

wp-list-pages-listing-3.gif

版权说明

无特殊说明均为原创文章,转载请注明。
本文链接地址: http://sunxun.info/2009/07/wp-theme-6b-page-link-list/

分享家:Addthis中国
本文目前尚无任何评论.

发表评论

XHTML: 您可以使用这些标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。请务必注意user必须和评论者名相匹配(大小写一致)。