云题海 - 专业文章范例文档资料分享平台

当前位置:首页 > WordPress 主题教程 - 从零开始

WordPress 主题教程 - 从零开始

  • 62 次阅读
  • 3 次下载
  • 2026/1/10 4:55:12

当处理侧边栏,无序列表和列表元素的时候,我们一定记得规则 #1:按顺序关闭所有标签。

#6b:页面链接列表

页面链接列表是从零开始创建 WordPress 主题系列教程的第六篇的第二部分,通过上一篇的学习,现在已经熟悉了侧边栏的结构,接下来我们将继续修改侧边栏,完成页面链接(Page-link)列表。当完成常规的侧边栏之后,我们将学习如何窗体化(widgetize)侧边栏。

在分类链接上面添加以下代码:

保存并刷新浏览器。效果如下所示:

41

在默认情况下只有一个页面链接,就是 About 链接。我在我的本地的博客增加了很多多页面和子页面,这样我就有四级页面链接。

查看页面源代码,我们可以看到 wp_list_pages() 产生的完整结构以及代码,如下:

第一,它把所有东西放入列表元素标签(LI),第二,它给列表一个名字,Pages。第三,它增加一个无序列表(UL)。第四,它把每个链接放入到

  • 标签之间。

    在上面的截图中,注意到“Pages”这个列表标题和“Categories”这个分类链接标题的大小不一样。

    如何使它们一致呢? 添加 ‘title_li=

    Pages

    ’ 到 wp_list_pages() 作为参数。

    保存并刷新浏览器结果如下:

    42

    title_li 是一个用来定制化页面链接列表的标题的参数。

    Pages

    是 title_li 这个参数的值 进一步定制化:

    在我的例子中,我有四级页面链接。由于布局或者设计的原因使得不能在侧边栏处理那么多级别的链接。为了限制显示列表的层数,增加了 depth 这个参数,并把它设置为 3:

    注意,我添加了 depth=3& 而不是仅仅 depth=3。这个 & 在这儿用于把 depth 和 title_li 这两个参数区分开。(如果你只有一个 about 页面链接,你将不会注意有什么不同。)

    这里是我的列表的不同之处:(对比这个截图和上面的截图。)

    43

    #6c:存档和链接列表

    第1步 – 增加存档链接列表。 ? 第2步:增加友情链接列表

    ?

    存档和链接列表是从零开始创建 WordPress 主题系列教程的第六篇的第三分,这篇将比较简单,讲解如何调用存档链接列表和友情链接(blogroll)列表。

    第1步 – 增加存档链接列表。

    在侧边栏区域的 Categories 列表下面输入以下代码:

  • 复制之后检查下代码是否和下面一样:

    44

    搜索更多关于: WordPress 主题教程 - 从零开始 的文档
    • 收藏
    • 违规举报
    • 版权认领
    下载文档10.00 元 加入VIP免费下载
    推荐下载
    本文作者:...

    共分享92篇相关文档

    文档简介:

    当处理侧边栏,无序列表和列表元素的时候,我们一定记得规则 #1:按顺序关闭所有标签。 #6b:页面链接列表 页面链接列表是从零开始创建 WordPress 主题系列教程的第六篇的第二部分,通过上一篇的学习,现在已经熟悉了侧边栏的结构,接下来我们将继续修改侧边栏,完成页面链接(Page-link)列表。当完成常规的侧边栏之后,我们将学习如何窗体化(widgetize)侧边栏。 在分类链接上面添加以下代码: 保存并刷新浏览器。效果如下所示: 41 在默认情况下只有一个页面链接,就是 About 链接。我在我的本地的博客增加了很多多页面和子页面,这样我就有四级页面链接。 查看页面源代码,我们可以看到 wp_

    × 游客快捷下载通道(下载后可以自由复制和排版)
    单篇付费下载
    限时特价:10 元/份 原价:20元
    VIP包月下载
    特价:29 元/月 原价:99元
    低至 0.3 元/份 每月下载150
    全站内容免费自由复制
    VIP包月下载
    特价:29 元/月 原价:99元
    低至 0.3 元/份 每月下载150
    全站内容免费自由复制
    注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
    微信:fanwen365 QQ:370150219
    Copyright © 云题海 All Rights Reserved. 苏ICP备16052595号-3 网站地图 客服QQ:370150219 邮箱:370150219@qq.com