什么是 WordPress 中的小部件?

作者 : 慕源网 本文共3283个字,预计阅读时间需要9分钟 发布时间: 2021-09-24 共553人阅读

WordPress 小部件是向您的网站添加额外内容、片段和交互性的好方法。

它们使您的网站不仅仅是一个博客,而且它们使您可以灵活地确定要在网站的每个页面上显示的内容,并确保人们不会错过它。

在本文中,您将了解有关 WordPress 小部件的所有信息。您将了解如何将它们添加到您的站点、它们的去向以及如何充分利用它们。我还将研究小部件的一些更技术方面的内容,并帮助您创建自己的小部件区域以显示小部件。我甚至会让您开始创建自己的小部件插件。

什么是 WordPress 小部件?

让我们从准确识别小部件是什么开始。

在 WordPress 中,小部件是位于页面流或发布内容之外的内容片段。

WordPress 小部件包含独立于实际帖子或页面的导航、信息或媒体。在大多数情况下,每个小部件都会显示在站点的每个页面上,但您也可以为特定页面(例如主页)注册小部件区域。

要将小部件添加到您的站点,请将其添加到小部件区域。小部件区域由您的主题创建,因为它们是您网站设计和布局的一部分。

大多数主题在侧边栏和页脚中都有小部件区域,尽管有些主题会在很多地方有多个小部件区域,例如内容下方或上方或标题中。或者它们可能在侧边栏和/或页脚中有多个小部件区域,这为您提供了更大的灵活性。

下面的屏幕截图来自我自己的网站之一,在侧边栏和页脚中显示了小部件。

如何使用小工具

您可以使用小部件做很多事情;事实上,选项仅受您的想象力的限制。

但这里有一些小部件的常见用途,您可能希望为自己的网站考虑:

  • 使用预装的导航菜单小部件添加额外的导航菜单 – 在页脚中很有用,因此人们在到达帖子末尾时可以去某个地方。
  • 添加带有文本小部件或自定义 HTML 小部件的号召性用语按钮,非常适合鼓励人们做一些特定的事情。
  • 通过安装链接到您的社交媒体帐户的插件来添加社交媒体提要。将这些放在页脚中是很常见的。
  • 添加购物车——大多数电子商务插件都带有购物车小部件。
  • 使用图像小部件添加您最喜欢的图像。
  • 使用“最近的帖子”小部件添加您最近发布的帖子列表 – 带有博客的网站最受欢迎的小部件之一。

还有很多选择。如果您通过在您的站点中转至插件 > 添加新来访问 WordPress 插件目录,然后搜索widget,您将找到数百个插件,这些插件为您提供了额外的小部件,您可以将其添加到侧边栏、页脚或其他小部件区域。

如何向您的网站添加小部件

WordPress 预装了一组小部件,因此您无需安装任何插件或编写任何代码即可使用它们。但是您也可以通过安装插件或自己编写代码来添加更多小部件。这些可以涵盖广泛的内容类型,例如媒体、社交媒体提要、导航、搜索、地图等等。在您的网站上,您可能想要的很少是您找不到小部件的。事实上,最大的挑战往往是在所有选项之间做出选择而不是过火。

让我们首先看看如何将预安装的小部件添加到您的站点。

   将预加载的小部件添加到您的站点

WordPress 已经安装了一些很棒的小部件:

  • 档案:按月链接到档案,专为博客而设计,但现在已经过时。
  • 音频:嵌入播客、歌曲或其他音频。
  • 日历:您帖子的日历,同样适用于博客,特别是如果您的博客对时间敏感(但现在不太常见)。
  • 类别:您博客中的类别列表,带有指向存档页面的链接。
  • 自定义 HTML:最大的灵活性——通过在 HTML 中键入(或粘贴)添加您想要的任何内容。如果您对编码不满意,请避免使用此方法!
  • 图库:比图像小部件更先进,让您显示图像库。
  • 图像:显示媒体库中的图像。
  • Meta:元数据,例如登录链接和 RSS 提要。WordPress 早期的宿醉,现在不是很有用。
  • 导航菜单:显示主导航菜单或您专门创建的单独菜单。
  • 页面:显示带有链接的站点页面列表。
  • 最近的评论最近的评论列表以及指向它们的链接。
  • 最近的帖子:显示您最近的帖子列表,以鼓励人们阅读它们。
  • 搜索:一个简单的搜索框。
  • 标签云:云格式的标签列表,带有指向相关档案的链接。
  • 文本:您要添加的任何文本,例如有关站点的信息。
  • 视频:嵌入来自 YouTube 或 Vimeo 等流媒体服务的视频。

您可以从以下两个位置之一向您的站点添加小部件:定制器和小部件屏幕。

  • 定制器允许您在保存更改之前预览更改,这意味着您可以尝试一下并查看它们的外观。
  • 小部件屏幕添加了额外的功能,例如能够保存您可能已配置并希望保存以备后用的未使用小部件。它还可以更轻松地在小部件区域之间移动小部件,并且具有无需鼠标即可使用的辅助功能模式。

要访问定制器中的小部件,请转到外观 > 自定义 > 小部件。选择要使用的小部件区域。

然后单击添加小部件按钮并选择要添加的小部件。它将在右侧显示为预览,您可以对设置进行调整或尝试不同的小部件,直到您对它感到满意为止。完成后,单击顶部的“发布”按钮以保存更改。

注意:如果您离开定制器而不点击发布,您的任何更改都不会被保存。不要忘记!

要访问小部件屏幕,请转到外观 > 小部件。在这里,您将看到左侧的可用小部件列表和右侧的小部件区域。请记住,小部件区域是由您的主题创建的,因此如果您需要更多,您可能需要切换主题。(或者您可以使用代码添加新的小部件区域,我将在下面解释。)

然后你需要做的就是将你想要的小部件拖到你想要的小部件区域。然后您可以在小部件区域调整设置(如果小部件有设置),并用鼠标移动小部件。

小部件屏幕还具有辅助功能模式。要访问它,请单击屏幕右上角的启用辅助功能模式链接。

要退出辅助功能模式,请再次单击该链接 – 它会让您退出辅助功能模式。

   安装和激活小部件插件

如果您想向您的网站添加超出 WordPress 开箱即用功能的小部件,您可以使用 WordPress 插件。

要将免费的小部件插件添加到您的站点,请转到插件 > 添加新并搜索widget. 或者,如果您想要一个可以执行特定任务的小部件,请搜索该任务。有很多插件包含小部件,但不仅仅是小部件插件,例如带有购物车小部件的电子商务插件。

找到所需的插件后,单击“安装”按钮。片刻之后,这将更改为“激活”按钮。单击它以激活插件。

现在,当您进入定制器或小部件屏幕时,您将能够将插件提供的小部件添加到主题中的小部件区域。

如果您从CodeCanyon等外部提供商处购买了小部件插件,则需要将该插件上传到您的站点。您可以直接从管理屏幕执行此操作。

转到插件 > 添加新。单击上传插件按钮。

上传插件的 zip 文件(不要上传未压缩的文件——只有 zip 文件才有效)。

单击立即安装按钮,然后激活插件。当您转到定制器或小部件屏幕时,小部件将可用。

如何为您的主题添加额外的小部件区域

如果您的主题没有您想要的小部件区域,最简单的解决方案是找到一个有的主题。但是,如果您对主题的设计感到满意,但只想添加一个或多个额外的小部件区域,该怎么办?

WordPress 允许您使用该register_sidebar()功能创建自己的小部件区域。这样做包括两个步骤:

  • 使用functions.php文件中的函数注册小部件区域。
  • 将小部件区域添加到主题中的相关位置。

如果您正在使用第三方主题(即您从主题目录下载或从 CodeCanyon 之类的地方购买的主题),那么您不能直接编辑您的主题。相反,创建一个子主题并将您的新代码添加到其中。

   注册小部件区域

要注册小部件区域,您可以在functions.php文件中编写这样的函数

if ( is_active_sidebar( 'after-content-widget-area' ) ) { ?>
            <aside class="after-content widget-area full-width" role="complementary">
                        <?php dynamic_sidebar( 'after-content-widget-area' ); ?>
            </aside>
<?php }

添加后,您添加到该小部件区域的任何小部件都将显示在站点中的正确位置。

编写自己的小部件

您的网站上有数百个小部件可供您使用,但如果您想自己编写代码怎么办?

编写小部件插件比注册小部件区域更高级,但您可以按照我们编写小部件插件的系列来完成。您自己的插件的细节将取决于您希望小部件做什么。

但在开始编写自己的小部件之前,请检查它是否尚不可用。你可以为自己节省很多工作。


慕源网 » 什么是 WordPress 中的小部件?

常见问题FAQ

程序仅供学习研究,请勿用于非法用途,不得违反国家法律,否则后果自负,一切法律责任与本站无关。
请仔细阅读以上条款再购买,拍下即代表同意条款并遵守约定,谢谢大家支持理解!

发表评论

开通VIP 享更多特权,建议使用QQ登录