如何添加WordPress侧边栏悬浮固定小工具?

在WordPress网站中是否有侧边栏是一个百万美元的争论。随着CoreWebVitals、AMP和其他速度的改进,侧边栏正在失去与早期不同的名声。默认的WordPress主题(例如二〇二一和二〇二二)甚至

Sticky-Sidebar-1024x576.pngo_

在WordPress网站中是否有侧边栏是一个百万美元的争论。随着Core Web Vitals、AMP和其他速度的改进,侧边栏正在失去与早期不同的名声。默认的WordPress主题(例如二〇二一和二〇二二)甚至没有附带侧边栏选项。但是,侧边栏小工具是用作号召性用语的最强大方式。

此外,将最后一个小工具设置为悬浮固定可以使您的点击率飙升。在本文中,我们将解释如何在WordPress中添加悬浮固定侧边栏小工具。

在尝试完全依赖侧边栏小工具之前,请注意WordPress开发的最新趋势。完整的站点编辑已经在这里,它完全改变了您使用侧边栏和小工具的方式。目前,您可以在“外观”菜单下看到小工具部分,以使用类似于Gutenberg区块编辑器界面的区块。

Blocks-Based-Widget-Editor.pngo_

基于区块的小工具编辑器

如果您尝试了WordPress主题二〇二二,将没有小工具区域。您所能做的就是从没有侧边栏的模板部分创建页面。如果您仍然坚持使用旧的经典编辑器或任何其他页面构建器插件,那么您应该切换到Gutenberg并为这一变化做好准备。但是,许多商业主题仍然提供侧边栏布局作为选项之一,您可以继续使用这些主题的侧边栏小工具。

当用户继续向下滚动页面时,固定小工具将显示为固定区域。由于固定小工具在大部分阅读时间都是可见的,因此您可以通过以下方式使用它:

  • 在您的网站上展示热门内容以增加流量。
  • 展示广告,让你赚更多的钱。请记住,某些广告程序(例如 Google AdSense)不允许您使用粘性小工具。如果您是AdSense发布商,您可以在移动和桌面设备上使用锚定广告,这是自动广告设置的一部分。
  • 显示会员优惠券或交易,以便用户可以通过您的链接购买,您可以从会员佣金中赚钱。
  • 从您自己的商店或亚马逊销售一本受欢迎的电子书,并尝试将点击转化为潜在收入。
  • 显示倒数计时器以推动用户采取行动,例如限时购买产品。

可能性是无穷无尽的,与普通小工具相比,您将清楚地看到使用固定小工具时的影响。

有多种方法可以将悬浮固定小工具添加到WordPress侧边栏。如果您是超级极客,您可以尝试自己的CSS,并为侧边栏上的最后一个小工具设置固定位置。但是,让我们专注于普通用户正在寻找的现成解决方案。

这是WordPress博主最常用的选项,因为它非常容易实现。早些时候,它被称为Q2W3 Fixed Widget,随后被Advanced Ads接管并在插件存储库中积极维护。转到WordPress管理面板中的“插件 > 安装插件”部分,然后搜索“fixed widget”。您可以找到“Fixed Widgets and Sticky Elements for WordPress”插件并将其安装在您的网站上。

Fixed-Widget-WordPress-Plugin.pngo_

WordPress插件Fixed Widget

激活插件后,转到“外观 > Fixed Widget Options”部分。在这里,您可以通过提供Stop ID来调整插件的设置,例如边距以及要在哪里停止浮动。通常,您不需要在此处进行任何更改,并保持设置不变。如果您发现小工具在滚动时碰到屏幕的顶部或底部,则增加边距顶部/底部大小以提供足够的间隙。

Q2W3-Fixed-Widget-Plugin-Settings.pngo_

Q2W3 Fixed Widget插件设置

现在,转到“外观 > 小工具”部分,您可以在每个小工具下方看到一个额外的复选框选项。如果您使用的是经典小工具区域,您可以为要显示为粘性浮动的项目启用“固定小工具”复选框。

Fixed-Widget-Option.pngo_

Fixed Widget选项

保存小工具并检查您的实时站点在滚动内容时小工具是否具有粘性。例如,我们将搜索小工具添加为第一项并将其设置为固定小工具。当您在已发布的网站上滚动页面内容时,它会如下所示(选中侧边栏顶部的搜索框)。

悬浮固定小工具示例

悬浮固定小工具示例

我们建议对侧边栏中的最后一项使用悬浮固定小工具,这样它就不会通过避免元素重叠而影响用户体验。如果您使用的是Gutenberg小工具区块,则小工具区域中所有添加的区块都将具有如下所示的“Fixed Widget”选项。

Fixed-Widget-Option-in-Widget-Blocks-.pngo_

小工具区块中的Fixed Widget选项

WordPress市场上的许多杂志主题如themeforest都提供了用于添加固定小工具的内置选项。例如,您可以将小工具固定在最流行的报纸主题中。您可以在主题面板中选择选项,而无需安装其他插件。但是,您在切换主题时会遇到问题,并且您最终会为此目的搜索插件。因此,轻量级的Q2F3小工具是一个不错的选择,除非您打算长期使用杂志风格的主题。

如前所述,Google AdSense不允许在侧边栏中显示浮动固定小工具。锚定广告将在移动和桌面设备的顶部或底部显示浮动横幅。如果您的主要关注点是通过在线内容赚钱,那么您需要尝试任何其他允许粘性侧边栏广告的展示广告程序。查看AdSense替代计划并申请适合您的流量和布局的计划。

您还可以向AdThrive、Mediavine或Ezoic等Google认证的广告合作伙伴申请计划。这些广告代理商可以帮助您获得Google AdX的批准,并允许您使用固定的侧边栏广告。同样,您可以尝试像BuySellAds这样的市场来轻松获得批准并在侧边栏上使用粘性广告。如果您是任何此类程序的成员,请要求他们为您创建一个浮动小工具。他们可以创建一个仅在桌面端口视图上固定显示的广告单元。这可以使您的收入与其他广告技术(如广告轮播和反广告拦截)成倍增加。

如您所见,有多个选项可以在WordPress侧边栏中添加浮动固定小工具。但是,解决方案取决于您的目的和您使用的当前设置。最简单的方法是使用可以与任何主题无缝协作的固定小工具WordPress插件。您可以测试固定小工具如何为您工作并测量号召性用语的性能以确定是否继续浮动固定选项。

本文内容来源于公开网络,出于传递信息之目的整理发布。原文版权归原作者所有,若涉及侵权请先提供版权后联系我们删除

(0)
WP之家WP之家
上一篇 2025年3月13日 下午5:29
下一篇 2025年3月13日 下午5:30

相关推荐

  • WordPress外观-自定义报错解决:Uncaught Exception: Supplied nav_menu_item..

    最近不少用户反馈说WordPress后台的外观-自定义点开后直接报错,错误信息如下: Fatal error: Uncaught Exception: Supplied nav_menu_item value missing property: description 复制 这个错误其实是WordPress程序…

    WP教程 2025年3月12日
  • 如何更改您的WordPress用户名

    创建WordPress帐户后,您可能出于各种原因想要更改用户名。不幸的是,WordPress默认不允许您更改用户名。如果您尝试过,您可能会看到如下内容:您将在本教程中了解如何解决此问题虽然WordPress不允许修改,但

    2025年3月13日
  • WordPress小工具完整指南:如何使用、添加和实施它们来自定义您的网站

    WordPress小工具非常有用。它们允许您在文章正文或页面本身之外向您的网站添加各种额外内容,从而鼓励用户获取信息、关注链接或采取行动。在这篇文章中,我将向您展示您需要了解的有关WordPress小工具的所有信息。如何将它们添加到您的站点,如何创建小工具区域以放置它们,如何安装为您提供更多它们的插件

    2025年3月13日
  • 如何快速克隆复制一个WordPress网站

    以下是克隆 WordPress 网站的 5 个简单步骤: Step 1. 在 WordPress 网站上安装 Duplicator 您需要做的第一件事就是安装 Duplicator 插件。这很简单,只需登录到管理仪表盘,点击侧边栏上的插件>添加新插件。然…

    2025年3月23日
  • 使用或不使用插件嵌入WordPress谷歌地图指南

    正在寻找一种在您的网站上嵌入WordPress谷歌地图内容的方法?与WordPress中的许多内容一样,您可以通过多种不同的方式将Google地图嵌入您的网站,具体取决于您想要包含的地图内容类型。在这

    2025年3月13日
  • 如何更改GoDaddy域名服务器

    GoDaddy拥有超过1700万客户,是最受欢迎的域名注册商之一。GoDaddy还获得ICANN认证,管理着多达4000万个域名。当您将域指向服务器主机时,您有两个选项,第一个是使用Godaddy的域名管理A记录,第二个是使用第三方DNS解析服务商指向。第二个选项要求您更改名称服务器。如

    2025年3月13日
  • 如何将AdSense广告代码添加到WordPress

    您想从您的网站赚取被动收入吗?使用AdSense是在线赚钱的最佳方式之一!本文将向您展示如何将AdSense添加到您的WordPress网站并帮助您入门。什么是GoogleAdSense?AdSense的优势如何在您的WordPress网站上设置Adsense?第1步.创建AdSense帐户并连接到网站第2步.插入广告单元第3步.将广告代码嵌入WordPressAdSense最佳做法AdSen

    2025年3月13日
  • 如何通过FTP批量上传文件到WordPress媒体库

    批量上传文件到您的WordPress媒体库允许您上传大量文件或文件大小较大的文件,而无需尝试使用WordPress内置上传功能。但是,虽然这个过程在某些情况下绝对可以让您的生活更轻松,但它并不像通过FTP上传文件那么简单。如果您希望这些文件在您的WordPress媒体库中实际可用,您需要完成一些额外的步骤。下面,我们将带您完成从开始到结束的完整过程。只要您不尝试上传,常规的WordP

    2025年3月13日