首页 » 博文 » wpbeginner » 最佳主题 » 如何自定义侧边栏中 WordPress 档案的显示

如何自定义侧边栏中 WordPress 档案的显示

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

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

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

如何自定义侧边栏中 WordPress 档案的显示

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

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

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

默认 WordPress 档案小部件

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

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

创建紧凑档案

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

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

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

紧凑档案插件

紧凑的档案列表稍微宽一些,从而节省了垂直空间。这意味着它可能比侧边栏更适合页脚档案页面。

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

在可折叠大纲中显示档案

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

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

折叠档案插件

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

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

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

折叠存档的预览

限制显示的存档月份数

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

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

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

1234567891011121314151617 号18// Function to get archives list with limited monthsfunctionwpb_limit_archives() {  $my_archives= wp_get_archives(array(    'type'=>'monthly',     'limit'=>6,    'echo'=>0));     return$my_archives;  }  // Create a shortcodeadd_shortcode('wpb_custom_archives', 'wpb_limit_archives');  // Enable shortcode execution in text widgetadd_filter('widget_text', 'do_shortcode');

WPCode与 ❤️ 主办

在 WordPress 中一键使用

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

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

123<ul>[wpb_custom_archives]</ul>

WPCode与 ❤️ 主办

在 WordPress 中一键使用

将简码添加到自定义 HTML 小部件

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

有关更多详细信息,请参阅我们关于如何限制 WordPress 中显示的存档月数的指南中的方法 3 。

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

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

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

年度存档插件

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

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

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

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

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

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

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

1234567891011121314151617 号18192021<?phpglobal$wpdb;$limit= 0;$year_prev= null;$months= $wpdb->get_results("SELECT DISTINCT MONTH( post_date ) AS month ,  YEAR( post_date ) AS year, COUNT( id ) as post_count FROM $wpdb->posts WHERE post_status = 'publish' and post_date <= now( ) and post_type = 'post' GROUP BY month , year ORDER BY post_date DESC");foreach($monthsas$month) :    $year_current= $month->year;    if($year_current!= $year_prev){        if($year_prev!= null){?>                 <?php } ?>         <li class="archive-year"><a href="<?php bloginfo('url') ?>/<?php echo $month->year; ?>/"><?php echo$month->year; ?></a></li>         <?php } ?>    <li><a href="<?php bloginfo('url') ?>/<?php echo $month->year; ?>/<?php echo date("m", mktime(0, 0, 0, $month->month, 1, $month->year)) ?>"><span class="archive-month"><?php echodate_i18n("F", mktime(0, 0, 0, $month->month, 1, $month->year)) ?></span></a></li><?php $year_prev= $year_current; if(++$limit>= 18) { break; } endforeach; ?>

WPCode与 ❤️ 主办

在 WordPress 中一键使用

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

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

<?php echo$month->post_count; ?>

WPCode与 ❤️ 主办

在 WordPress 中一键使用

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

123456.widget-archive{padding: 0040px0; float: left; width: 235px;}.widget-archive ul {margin: 0;}.widget-archive li {margin: 0; padding: 0;}.widget-archive li a{ border-left: 1pxsolid#d6d7d7; padding: 5px03px10px; margin: 00055px; display: block;}li.archive-year{float: left; font-family: Helvetica, Arial, san-serif; padding: 5px03px10px; color:#ed1a1c;}li.archive-year a{color:#ed1a1c; margin: 0; border: 0px; padding: 0;}

WPCode与 ❤️ 主办

在 WordPress 中一键使用

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

发表评论

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

Scroll to Top