如何给wordpress的文章添加浮动目录

这篇文章教你如何在WordPress的文章中添加浮动目录。
 

这篇文章教你如何在WordPress的文章中添加浮动目录。

每个有经验的站长都知道,Google喜欢内容很长的文章,因为这样的内容为用户提供了更多优质的信息。因此,网上成千上万字的文章已经变得相对普遍。但另一方面,在阅读过程中找不到位置的用户人数也在增加。

应该有助于浏览长篇文章的一件事是目录(TOC,Table of Content)。比较不舒服的一点,大部分的TOC的都是固定在某个位置,并在用户滚动后迅速消失。如果可以让TOC随着文章滚动,那将是一种很不错的体验。

加入TOC目录

第一步是插入TOC目录。推荐一个TOC插件是 Table Of Contents Plus。该插件将根据文章的若干标题自动生成TOC。

如何添加浮动目录到您的WordPress的帖子

安装和激活后,插件将可以从设置中访问,你可以将插件设置为自动显示在某些内容类型上,比如文章等。在激活之前还可以设置最小标题数量,使用快捷键启用或者禁用它,并将其插入到文章/页面的特定位置,还有更多自定义的设置内容。

如何添加浮动目录到您的WordPress的帖子

要在侧栏中显示TOC,需要转到小工具页面,在侧边栏中拖入 TOC+,点击保存,TOC 就会在符合条件的页面上出现了。

如何添加浮动目录到您的WordPress的帖子

效果如下所示。

如何添加浮动目录到您的WordPress的帖子

但是,TOC组件仍然不会随着文章滚动。为了把它固定下来,我们需要做下一步操作。

制作固定目录

为了实现我们的第二个目标,我们需要另一个 Q2W3 fixed widget 的插件。在WordPress 插件页面搜索它,然后安装并激活插件。

如何添加浮动目录到您的WordPress的帖子

Q2W3插件使用很简单。回到小工具页面,在 TOC+组件下面点击“fixed widget”即可。

你会注意到一个新的复选框出现在“保存”按钮上方,称为固定窗口小部件。只需选中此框,您将有一个固定的目录。

如何添加浮动目录到您的WordPress的帖子

当然此功能不限于目录。你也可以用它固定住任何侧边栏的组件。

注意事项

在使用TOC时,有两个注意事项:

  • 将固定的TOC组件放在侧边栏底部。这样在滚动时不会覆盖其他组件。由于TOC 组件具有透明的背景,因为看到重叠在一起的两个不同的透明组件视觉效果很糟糕。
  • 在边栏上尽可能少放组件。通过这种方式,TOC组件将在页面滚动之前都是可见的。

总结

使用固定侧边栏的另一个优点是,当读者滚动页面时,侧边栏永远不会变得空白。

本文由 106B 作者:空谷 发表,其版权均为 106B 所有,文章内容系作者个人观点,不代表 106B 对观点赞同或支持。如需转载,请注明文章来源。
6
空谷
 

发表评论