您需要自定义 WordPress 存档在侧边栏中的显示方式吗?

默认的 WordPress 存档小部件提供有限的自定义。您可能希望您的帖子档案占用更少的空间、显示更多信息或具有更有吸引力的外观。

在本文中,我们将向您展示如何自定义侧边栏中 WordPress 存档的显示。

为什么要在侧边栏中自定义 WordPress 档案的显示?

您的 WordPress 网站附带一个存档小部件,可让您在侧边栏中显示每月博客文章存档链接。

该小部件有两个自定义选项:您可以将存档列表显示为下拉菜单,并且可以显示每个月的帖子计数。

但是,您可能希望以不同的方式显示侧边栏存档列表。例如,随着您的网站的增长,默认列表可能会变得太长,或者您可能希望让访问者更容易访问o 导航。

让我们看看一些在侧边栏中自定义 WordPress 档案显示的方法:

  • 创建紧凑档案
  • 在可折叠大纲中显示档案
  • 限制显示的档案月数
  • 每天、每周、每月列出档案或每年
  • 显示按年份排列的每月档案

创建紧凑档案

如果您的存档列表变得太长,那么您可以创建一个紧凑的存档,使用更少的空间来显示您的帖子。

您需要安装并激活由 WPBeginner 团队开发和维护的 Compact Archives 插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。

激活后,您可以使用“WPBeginner 的紧凑档案”块将紧凑档案添加到帖子、页面或小部件中。

紧凑的档案库st 稍宽一点,节省了垂直空间。这意味着它可能比侧边栏更适合页脚或档案页面。

但是,该插件的可配置性很强,您可以通过仅显示每个月的第一个首字母或数字来缩小范围。您可以在我们的指南中了解有关如何在 WordPress 中创建紧凑存档的更多信息。

在可折叠大纲中显示档案

处理长档案列表的另一种方法是显示您发布博客文章时的年份和月份的可折叠大纲。

为此,您需要安装并激活折叠档案插件。激活后,您需要访问外观»小部件页面并将“紧凑档案”小部件添加到侧边栏。

折叠档案小部件使用 JavaScript 按年份折叠您的档案。您的用户可以单击年份来展开它们以查看每月档案。你c甚至可以折叠每月存档,并允许用户查看下面的帖子标题。

您可以参考我们指南中的方法 1 了解更多信息,了解如何限制 WordPress 中显示的存档月数。

这是它在我们的演示网站上的外观。

限制显示的存档月份数

阻止档案列表变得太长的第三种方法是将显示的月份数限制为最近六个月。

为此,您必须将代码添加到 WordPress 主题的文件中。如果您以前没有这样做过,请参阅我们关于如何在 WordPress 中复制和粘贴代码的指南。

第一步是将以下代码片段添加到您的functions.php 文件中、在特定于站点的插件中或使用代码片段插件。

// 获取有限月份的档案列表的函数
函数 wpb_limit_archives() {

$我的弧蜂巢 = wp_get_archives(数组(
‘类型’=>’每月’,
‘限制’=>6,
‘回声’=>0
));

返回 $my_archives;

}

// 创建一个短代码
add_shortcode(‘wpb_custom_archives’, ‘wpb_limit_archives’);

// 在文本小部件中启用短代码执行
add_filter(‘widget_text’, ‘do_shortcode’);

由 WPCode 与 ❤️ 主办

在 WordPress 中一键使用

您可以通过编辑第 6 行的数字来更改显示的月份数。例如,如果您将数字更改为“12”,那么它将显示 12 个月的档案。

您现在可以转到外观»小部件页面并将“自定义 HTML”小部件添加到侧边栏。之后,您应该将以下代码粘贴到小部件框中:

    [wpb_自定义_档案]

由 WPCode 与 ❤️ 主办

在 WordPress 中一键使用

单击“更新”按钮后,您的侧边栏将仅显示六个月的存档。

欲了解更多详情,请参阅我们指南中的方法 3,了解如何限制 WordPress 中显示的存档月数。

每天、每周、每月或每年列出档案

如果您想更好地控制档案的列出方式,那么年度档案插件将会有所帮助。它可以让您每天、每周、每月、每年或按字母顺序列出您的档案,并可以按十年对列表进行分组。

开始安装并激活年度存档插件。之后,您可以转到外观»小部件页面并将年度存档小部件拖到侧边栏。

您可以为小部件指定一个标题,然后选择是否显示天、周、月、年、十年或帖子的列表。您可以向下滚动到其他选项来限制显示的存档数量、选择排序选项并添加其他文本。

如果您导航至“设置”»“年度存档”,那么您可以使用自定义 CSS 进一步自定义存档列表。

显示按年份排列的每月档案

有一次,我们正在为客户进行网站设计,需要在侧边栏中按年份排列每月档案。这很难编码,因为该客户只想在左侧显示一次年份。

我们能够修改 Andrew Appleton 的一些代码。安德鲁的代码没有档案的限制参数,因此列表将显示所有档案月份。我们添加了一个限制参数,允许我们在任何给定时间仅显示 18 个月。

您需要做的是将以下代码粘贴到主题的 sidebar.php 文件或您想要显示自定义 WordPress 存档的任何其他文件中:

get_results(“选择不同的月份( post_date ) AS 月份,YEAR( post_date ) AS 年,COUNT( id ) as post_count FROM $wpdb->posts WHERE post_status = ‘publish’ and post_date 年;
如果($year_current!= $year_prev){
if ($year_prev != null){?>

  • <a href="/year; ?>/”>年; ?>
  • <a href="/year; ?>/月, 1, $月->年)) ?>”>月, 1, $月->年)) ?>
  • = 18) { 中断; }

    结束foreach; ?>

    由 WPCode 与 ❤️ 主办

    在 WordPress 中一键使用

    如果您想更改显示的月数,则需要编辑第 19 行,其中当前 $limit 值设置为 18。

    您还可以通过在上述代码的第 12-16 行之间的任意位置添加这段代码来显示每个月的帖子数量:

    post_count; ?>

    由 WPCode 与 ❤️ 主办

    在 WordPress 中一键使用

    您将需要使用自定义 CSS 才能在您的网站上正确显示存档列表。我们在客户网站上使用的 CSS 看起来像这样:

    .widget-archive{填充:0 0 40px 0;向左飘浮;宽度:235px;}
    .widget-archive ul {边距:0;}
    .widget-archive li {边距:0;填充:0;}
    .widget-archive li a{ border-left: 1pxsolid #d6d7d7;内边距:5px 0 3px 10px;边距:0 0 0 55px;显示:块;}
    li.archive-year{float: 左;字体系列:Helvetica、Arial, 无衬线字体;内边距:5px 0 3px 10px;颜色:#ed1a1c;}
    li.archive-year a{color:#ed1a1c;保证金:0;边框:0px;填充:0;}

    由 WPCode 与 ❤️ 主办

    在 WordPress 中一键使用

    我们希望本教程能帮助您了解如何自定义侧边栏中 WordPress 存档的显示。您可能还想了解如何在 WordPress 中安装 Google Analytics(分析),或者查看我们使用 WordPress 撰写博客赚钱的行之有效的方法列表。

    如果您喜欢这篇文章,请订阅我们的 WordPress 视频教程 YouTube 频道。您还可以在 Twitter 和 Facebook 上找到我们。

    By

    发表回复

    您的电子邮箱地址不会被公开。 必填项已用 * 标注