WP主题制作-第6-2课:页面链接列表

现在您已经熟悉了补充工具栏的结构,我们将继续使用页面链接 列表来开发补充工具栏  。常规补充工具栏完成后。我将向您展示如何对侧边栏进行微件化。

在Categories块的顶部添加以下代码:

<?php wp_list_pages(); ?>

wp-list-pages

保存文件并刷新浏览器。看起来是这样的:

wp-list-pages-listing

默认情况下,只有一个页面链接,即关于链接。我在离线博客中添加了更多页面和子页面。这就是为什么我有四个级别的页面链接。

转到  查看>页面源  ,查看  wp_list_pages()  为您生成了整个结构和所有代码。这是一个例子:

wp-list-pages-default

首先,它将所有内容包装在列表项(LI)中。其次,它为您的列表命名为  Pages。第三,它在列表项的“页面”标题下添加了另一个无序列表(UL)。第四,它将每个链接嵌套在一组  <li>  和  </ li>  标记内。

在上面的屏幕截图中,请注意,列表的“ Pages ”标题与类别链接列表的“ Categories ”标题的大小不匹配。

您如何匹配它?将  'title_li = <h2> Pages </ h2>'添加  到  wp_list_pages()

标题

保存文件并刷新浏览器以查看更改。

wp-list-pages-listing-2

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

进一步的定制
在我的示例中,我有四个级别的页面链接。某些布局/设计无法处理侧边栏中的这么多级别的链接。要限制要列出的链接级别的数量,请将depth  属性添加  到  wp_list_pages()  并将其设置为  3

增加深度3

注意,我添加了  depth = 3&  而不是  depth = 3  。 此处使用  符号来分隔  depth  和  title_li  属性。(如果只有“关于”链接,则不会有任何区别。)

这是我的列表的区别:(将此屏幕截图与上面的屏幕截图进行比较。)

wp-list-pages-listing-3

 从一开始就遵循此  WordPress主题教程系列

未经允许不得转载:创之梦博客 » WP主题制作-第6-2课:页面链接列表

赞 (0)
分享到:更多 ()

欢迎各位吐槽评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址