WordPress 小工具:完整指南

已发表: 2021-05-08

WordPress 如此受欢迎的原因有很多,包括它的灵活性。 例如,WordPress 小部件可帮助您执行简单有效的自定义。 了解这些模块的工作原理可以帮助您优化和增强您的网站——特别是您的侧边栏和页脚——而无需接触任何代码。

在这篇文章中,我们将向您介绍 WordPress 小部件并解释它们的用途。 我们将讨论您可以在网站上的哪些位置显示它们,然后引导您了解如何展示、禁用以及导入或导出它们。

让我们开始吧!

订阅我们的 YouTube 频道

WordPress 小工具简介

小部件是您可以用来在 WordPress 侧边栏和页脚区域中轻松显示各种类型内容的元素。 其中包括文本、链接、图像等。

对于许多用户,尤其是没有太多技术经验的初学者来说,小部件非常有用。 您可以使用这些预先构建的模块来增强页面的设计和功能,而无需手动编写新功能。

小部件是小块内容,通常不是页面的主要焦点。 然而,这并不意味着它们没有发挥重要作用。 例如,您可以使用它们来显示天气、在地图上突出显示某个位置或为访问者提供方便的导航菜单。

WordPress 主题使您可以更改网站的整体外观,而小部件则可让您添加和自定义特定区域的特定功能。 WordPress 带有多种默认选项:

默认的 WordPress 小部件。

您可以将这些小部件用于从显示搜索栏到展示最近评论或帖子列表的所有内容。 除了这些开箱即用的选项之外,还有一些方法可以创建您自己的小部件。

此外,一些主题和插件也带有自己独特的小部件。 例如,MetaSlider 使您能够将图像滑块添加到您的小部件区域:

具有图像滑块的小部件。

另一个例子是我们的 Monarch 社交分享插件,它可以让您展示您的社交媒体帐户:

具有社交媒体图标的小部件。

无论您正在寻找什么样的小部件,您都一定会找到合适的选择。

您可以在哪里显示 WordPress 小部件

WordPress 站点上通常有多个小部件区域。 通常,小部件放置在侧边栏或页脚中。 然而,这并不是仅有的两种选择。

您可用的小部件区域的数量将在很大程度上取决于您的主题。 某些主题可能提供多个侧边栏,或者使您能够在站点标题等位置添加小部件。

下面是侧边栏 (1) 和页脚 (2) 中的小部件示例:

放置在侧边栏和页脚区域的 WordPress 小部件。

您可以选择仅在特定页面上或在您网站上的所有页面上展示小部件。 例如,虽然您可能希望在每个页面上都包含一个搜索栏小部件,但您可能只想在您的博客上显示“最近的帖子”小部件。

如何显示 WordPress 小部件

在您的 WordPress 网站上展示小部件时,您有几个选择。 首先,它有助于了解您网站的哪些区域是小部件友好的。

从 WordPress 管理屏幕添加小部件

要查看可以在当前主题中显示 WordPress 小部件的位置,您可以前往仪表板中的外观 > 小部件

The WordPress Appearance > WidgetThe WordPress Appearance > Widgets menu item.s menu item。

在 WordPress 的最新默认主题“二十二十一”中,您只会在页脚中找到一个小部件区域:

WordPress 二十一个主题的小部件屏幕。

但是,如果您使用我们的 Divi 主题,您将可以访问大量小部件区域,包括侧边栏和多个页脚。 您还可以选择创建自己的新小部件区域以在侧边栏模块中使用:

Divi 主题的小部件区域。

要在这些部分之一中显示小部件,您所要做的就是将您选择的模块拖放到指定部分下。 例如,如果您想向侧边栏添加一个小部件,您可以将它放在侧边栏面板下。 正如您在上面的示例中看到的,我们当前显示了“最近的帖子”和“最近的评论”

或者,您只需单击小部件,选择要将其添加到的区域,然后单击“添加小部件”

添加 WordPress 小部件。

外观 > 小部件屏幕是您可以用来显示小部件的两种方法之一。 另一种选择是使用 WordPress 主题定制器。

从主题定制器添加小部件

首先,导航到仪表板中的外观 > 自定义

WordPress 外观 > 自定义菜单项。

在这个页面上,通常会有一个Widgets部分:

Divi 主题定制器的“小部件”部分。

接下来,您可以从可用选项中选择要添加小部件的区域。 然后点击添加小部件

WordPress 主题定制器中的“添加小部件”按钮。

接下来,从小部件选项列表中,选择要添加的模块:

在 WordPress 主题定制器中添加日历小部件。

如果您愿意,您可以给小部件一个标题,尽管这不是必需的。 请注意,如果您确实输入了标题,则访问者可以在前端看到该标题。

完成后,单击发布以保存更改。 现在,当您访问您的网站时,您应该会看到显示的小部件:

放置在 WordPress 侧栏中的日历小部件的预览。

就是这样! 您可以重复此过程,将任意数量的模块添加到站点上任何小部件友好区域。

如何禁用 WordPress 小部件

当您尝试使用 WordPress 小部件时,您可能需要知道如何删除或禁用它们。 幸运的是,这样做的过程既快速又简单,您有几个选择。

手动删除小部件

第一种方法是手动删除小部件。 导航到外观 > 小部件,然后浏览到包含要删除的模块的小部件区域。 单击箭头将其展开,然后单击“删除”

删除 WordPress 小部件的选项。

如果您想使用定制器,过程是类似的。 导航到外观 > 自定义 > 小部件。 打开小部件面板,找到要删除的模块,然后单击删除

在 WordPress 主题定制器中删除小部件的选项。

确保选择定制器顶部的发布以保存更改。

将小部件标记为非活动

也许您想删除小部件而不永久删除它。 例如,您可能希望将其存储以备将来使用,而不会丢失您自定义的设置。

如果是这样,您可以暂时将其标记为非活动状态。 为此,请导航到Appearance > Widgets 。 接下来,将您想要的任何模块拖放到Inactive Widgets部分:

WordPress 的非活动小部件部分。

如果您希望将来将这些小部件添加回您的站点,只需将它们拖到活动小部件部分或您选择的小部件区域即可。 或者,您可以单击“清除非活动小部件”按钮。

另请注意,如果您更改了 WordPress 主题并且您的新主题提供了不同的小部件区域选项,则任何不适合新主题小部件部分的模块都将被列为不活动。

使用插件禁用小部件

禁用 WordPress 小部件的第三个选项是使用插件。 有一些可用的质量选项,具体取决于您要完成的任务。 让我们来看看一些最好的工具。

小部件禁用

WP 小部件禁用插件。

如果您想使用插件禁用一个或多个小部件,那么 Widget Disable 不会出错。 这个免费工具非常容易使用。

安装并激活它后,只需导航到外观 > 禁用小部件:

WP Widgets Disable 插件的菜单项。

在此屏幕上,选择要禁用的小部件:

WP 禁用小部件插件屏幕。

完成后,单击Save Changes 。 请记住,此选项可让您禁用小部件,但如果您只是想隐藏模块,则它不是理想的解决方案。 例如,如果您打算在不久的将来再次使用这些小部件,您将需要使用不同的工具(例如下一个插件)。

小工具选项

小部件选项 WordPress 插件。

另一个可用于控制和自定义 WordPress 小部件的免费插件是小部件选项。 此工具可让您完全禁用小部件,或仅针对单个页面关闭小部件。

在您的站点上安装并激活插件后,您可以通过导航到设置 > 小部件选项开始使用它:

WordPress 中的小部件选项菜单项。

在下一个屏幕上,检查以确保启用了页面可见性设备限制设置:

Widget Options 插件的设置屏幕。

接下来,您可以转到小部件屏幕来探索各种自定义选项:

使用小部件选项插件从 WordPress 页面隐藏小部件的选项。

如您所见,您只需选择要隐藏或显示特定小部件的页面即可。 完成后,单击Save

使用 PHP 停用小部件

您可以用来禁用小部件的最后一种方法是手动编辑您网站的代码。 当然,这种策略并不适合所有人。 如果您对使用 PHP 感到不舒服,我们建议您坚持使用插件。

但是,如果您有一些开发经验并且不想使用第三方插件占用您网站上不必要的资源,您可能会发现此解决方案更可取。 要取消注册 WordPress 小部件,请先导航到您的functions.php文件。 (我们建议使用子主题。)

在该文件中,添加代码片段以取消注册小部件。 例如,如果您想删除Calendar小部件,您可以使用以下内容:

 function unregister_default_wp_widgets() { unregister_widget('WP_Widget_Calendar'); } add_action('widgets_init', 'unregister_default_wp_widgets' ); 

完成后,保存文件。 现在该模块不会作为选项出现在您的 WordPress小部件屏幕上。 如果您以后想再次激活它,只需删除此代码即可。

如何导入和导出 WordPress 小部件

一旦您的 WordPress 网站上线一段时间并且您已经投入时间和精力来自定义您的小部件,您可能希望在另一个网站上重复使用它们。 如果是这种情况,了解如何导入和导出 WordPress 小部件会有所帮助。

正如您所料,最简单的方法是使用插件。 我们推荐小部件导入器和导出器:

Widget Importer & Exporter WordPress 插件。

首先,导航到Tools > Widget Importer & Exporter

WordPress 中的工具 > 窗口小部件导入器和导出器菜单项。

在此屏幕上,您将有两个选项:(1)导入小部件和 (2)导出小部件

窗口小部件导入器和导出器设置屏幕。

如果您选择导出小部件选项,该插件将为当前在侧边栏和页脚区域(以及您拥有小部件的任何其他位置)中活动的小部件创建一个.wie文件。 这很有用,因为这意味着它只会保存您的活动小部件,而不是您未使用的所有默认模块的副本。 您可以在任何代码编辑器中下载和查看该文件。

之后,您可以将小部件导入到另一个站点。 在新站点上安装并激活 Widget Importer & Exporter,然后再次浏览至Tools > Widget Importer & Exporter 。 单击Choose File ,选择您刚刚下载的.wie文件,然后点击Import Widgets

在 WordPress 中导入小部件文件的选项。

完成导入过程后,WordPress 会将您带到结果页面,以便您知道它已成功。 如果有任何重复的小部件,它会通过标记“小部件已存在”标签来通知您:

来自窗口小部件导入器和导出器插件的“窗口小部件已存在”通知。

导入完成后,您可以通过导航到Appearance > Widgets来查看您的小部件。 您现在应该看到您的小部件显示在新站点上,类似于它们在旧站点上的排列方式。

但是,请注意新站点上小部件区域的标题必须与.wie文件中保存的小部件区域的标题相匹配。 否则,插件将不知道将模块放在哪里。 例如,如果您的旧主题有一个名为“Footer #1”的部分,插件将不知道将模块放置在将同一区域标记为“Footer A”的主题中。

如果发生这种情况,您将看到“主题中不存在小部件区域(使用非活动)”消息。 您可以在非活动小部件部分找到这些小部件,然后手动将它们放置在适当的小部件区域中。

结论

WordPress 是一个强大、灵活的平台,可以让您快速轻松地构建一个漂亮的网站。 但是,为了充分利用您的站点,了解如何使用 CMS 最通用的功能之一非常重要:小部件。

正如我们在这篇文章中所讨论的,您可以在网站上的多个位置显示这些小内容模块,包括侧边栏和页脚。 WordPress 提供了大量可供选择的默认小部件。 如果您使用诸如 Divi 之类的主题,您甚至可以创建自己的主题。 如果您想禁用或删除特定的小部件,您可以手动或使用插件(例如 Widget Options)来执行此操作。

您对使用 WordPress 小部件还有其他疑问吗? 在下面的评论部分让我们知道!

特色图片来自 Anastacia Trapeznikova/shutterstock.com