如何在 WordPress 中使用 Notes Widget Wrapper 来显示粘滞便笺

便签是办公室生活中一个独特的小方面。 它们允许您为自己和他人留下很酷的笔记,并且可以是不同的颜色和样式。 如果您可以在 WordPress 网站上执行此操作会怎样? 好了,现在您可以使用 Notes Widget Wrapper 插件了。

没错,您现在可以使用站点的小部件区域来嵌入和设置小便笺的样式。 将它们用作提醒或作为侧边栏或其他小部件区域的图形布局的一部分。

为什么要在 WordPress 中添加便笺?

这是个有趣的问题。 每个人都有不同的答案。 老实说,便签样式小部件非常有趣且独特。 您可能会想到它的多种用途。 将几个不同的添加到您的侧边栏中,并在您的站点的右侧或左侧创建类似便利贴的图形注释。

您还可以简单地使用 Notes Wrapper Widget 插件来创建令人惊叹的便签图形和字体,然后将项目嵌入便笺中并创建您想要的任何内容。

这些可以用作您自己或网站用户的提醒。 它们可以添加到网站上,甚至可以用作促销工具来宣传或推广产品。

今天,我将向您展示如何使用一个流畅的小插件在 WordPress 中轻松添加手写记事本样式。 让我们看一下我们今天要使用的插件,看看它提供了什么。

Notes 小部件包装器

Notes Widget Wrapper 插件

Notes 小部件包装器 是一个简单易用的插件,可让您在 WordPress 网站上添加类似便利贴的笔记。 安装插件后,您将能够将这些样式注释添加到特定站点上的任何小部件区域。

该插件实际上添加了将您的小部件包装在“便笺”样式框中并以手写样式显示文本的代码。 这个想法是您可以在小部件区域中编写和显示您想要的所有 HTML 内容,然后插件会自动将该文本小部件包装在 Notes Widget Wrapper 样式中。

该插件非常简单,并且确实具有一些非常酷的功能。 一些亮点包括:

  • 能够向任何 WordPress 小部件添加便笺样式
  • 完全控制所有 HTML
  • 嵌入图像、视频、Google 地图和 iFrame
  • 完全控制 HTML 元素定位
  • 与 TinyMCE 小部件兼容
  • 文本、背景和图钉设置
  • 字体大小控制
  • 添加自己的 CSS

如果您正在寻找一种有趣且简单的方法来向您的网站添加便利贴和便笺,那么这绝对是适合您的插件。

让我们一起安装并运行它。

笔记: 该插件有一个专业版,可为您提供更多功能。 专业版的主要功能之一是让您能够使用简码并在任何帖子或页面上放置便签。 如果您认为这是您可能感兴趣的东西,那么请随意看看。 本教程的其余部分基于该插件的免费版本。

为您的 WordPress 网站添加便笺

第 1 步:安装并激活插件

在开始使用 Notes Widget Wrapper 在 WordPress 中添加便签之前,您首先必须安装并激活该插件。 您可以通过弹出到 WordPress 管理仪表板中的插件页面轻松完成此操作。

安装和激活笔记小部件包装器

在这里,您将看到有一个可用的搜索字段。 使用该搜索字段按名称搜索插件。 当您看到它弹出时,请继续从那里安装并激活它。

第二步:进入设置页面

现在插件已安装并激活,您需要访问它的主设置页面,以便您可以根据需要对其进行配置。 为此,请单击位于仪表板左侧菜单区域的设置 > Notes Widget Wrapper。

点击设置页面

您可以看到此选项已出现并可用,因为您已成功激活插件。

第 3 步:配置插件设置

现在您已经到达插件的设置页面,您可以开始浏览并按照您的需要配置它们。 这些设置基本上将作为您包装内容以创建便笺的包装器设置应用。

继续并应用您想要的所有默认设置。

默认插件设置

向下滚动一些并选择要在包装中显示的字体样式。

选择字体样式

完成配置后,单击“保存更改”按钮以确保应用所有设置。

笔记: 您还可以在站点的小部件区域中单独配置每个注释。 您将在下面看到。

第 4 步:转到小部件

现在,转到仪表板中的小部件页面。 您可以通过单击仪表板左侧菜单区域中的外观 > 小部件来到达那里。

单击外观,然后单击小部件

第 5 步:拖放小部件

您可以在您设置样式的 Notes Wrapper 中包装几乎任何小部件。 如果您想创建大量样式化的 HTML 内容,请将 HTML 小部件拖放到您希望它显示的位置。

对于这个例子,我只是简单地拉过日历小部件。

拖放一个小部件

单击可用的“应用笔记小部件样式”复选框以应用您在设置页面上配置的样式。 如果要创建不同的样式,请使用小部件框中的设置。

第 6 步:在前端查看便笺

当您为您选择的小部件设置样式并根据需要进行设置时,请继续在您的网站前端查看它并查看它的外观。

前端注释

您可以看到我的设置为蓝色,带有白色文本和红色图钉。 您的将根据您所做的配置显示。 如果您看到要更改的内容,请返回小部件并进行所需的更新。

而已! 您可以创建尽可能多的便利贴式便笺并将它们显示在您想要的所有小部件区域中。 玩得开心!

其他 WordPress 便笺选项

实际上,同一作者还有另一个名为 WP Notes Widget 的插件。 与 Notes Widget Wrapper 相比,它有一些优点和缺点。 让我们快速浏览一下,如果您更喜欢这个,它绝对是一个选择。

WP笔记小部件

WP Notes 小部件插件

WP笔记小部件 如果您正在寻找另一种向 WordPress 网站添加便签的方法,这是另一个可用选项。 创建 Notes Widget Wrapper 的开发人员创建了这个。

话虽如此,有一些主要区别。 它们包括:

  • 这个具有更多限制性的 HTMNL 元素,并且它还具有这些元素的标准顺序。
  • 这将允许管理和组织笔记比 Notes Widget Wrapper 更容易一些
  • 您必须使用此按顺序显示注释
  • 这一个强制所有笔记的标准外观,而上面的一个具有更大的灵活性。

试试它们,看看你最喜欢哪一个,但我推荐 Notes Widget Wrapper。

最后的想法

向您的 WordPress 网站添加独特的项目并不困难。 只要您拥有正确的插件,它实际上就会非常有趣,并让您的网站脱颖而出。

你以前有没有尝试过像 Notes Widget Wrapper 插件这样的东西? 您在您的网站上添加了哪些其他很酷的东西?

  如何在 Joomla 中制作自定义短链接

类似文章