spot_img
HomeDTC品牌出海独立站教程如何在 WordPress 中使用 Notes Widget Wrapper 来显示便签

如何在 WordPress 中使用 Notes Widget Wrapper 来显示便签

JasperAI 10000字免费额度试用

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

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

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

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

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

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

谷歌SEO优化服务

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

笔记小部件包装器

Notes Widget Wrapper 插件

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

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

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

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

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

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

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

为您的 WordPress 网站添加便利贴

第 1 步:安装并激活插件

在开始使用 Notes Widget Wrapper 在 WordPress 中添加便签之前,您首先必须安装并激活该插件。 您可以通过跳转到 WordPress 管理仪表板中的插件页面轻松地做到这一点。

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

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

第二步:进入设置页面

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

点击设置页面

你可以看到这个选项已经出现并且可以使用了,因为你成功激活了插件。

第 3 步:配置插件设置

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

H10的年终大促

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

默认插件设置

向下滚动一些并选择您希望在换行中显示的字体样式。

选择字体样式

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

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

第 4 步:转到小部件

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

单击外观然后小部件

第 5 步:拖放小部件

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

对于此示例,我只是简单地拉过日历小部件。

高质量外链购买

拖放小部件

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

第 6 步:在前端查看便签

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

前端注释

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

JasperAI 10000字免费额度试用

而已! 您可以创建任意数量的便利贴样式的便签,并将它们显示在您想要的所有小部件区域。 玩得开心!

其他 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 插件之类的东西? 您还向您的网站添加了哪些其他很酷的东西?

5分钟生成10篇英文软文article forge软件试用
siteground

【WordPress花园提醒您】如果想购买国外正版WordPress主题和插件,您需要一张VISA信用卡才能支付,这里我们推荐光大银行信用卡!赶快免费申请,别耽误了买插件哦!

guangda
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES