专注国内外云服务器
分享建站技术教程

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

立即购买

阿里云服务器 ¥102元/年 云数据库37.5元/年 限时

个人、企业均可购买 | 更多配置0.8折特惠

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

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

完整的站点编辑和小工具

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

基于区块的小工具编辑器

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

固定小工具如何帮助您?

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

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

在WordPress中添加悬浮固定侧边栏小工具

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

1. WordPress的固定小工具和固定元素

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

WordPress插件Fixed Widget

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

Q2W3 Fixed Widget插件设置

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

Fixed Widget选项

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

悬浮固定小工具示例

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

小工具区块中的Fixed Widget选项

2. 固定浮动小工具的主题

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

3. AdSense和其他广告合作伙伴

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

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

小结

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

文章来源于互联网:如何添加WordPress侧边栏悬浮固定小工具?

相关推荐: 如何在WooCommerce中创建多SKU产品

当您第一次启动WooCommerce商店时,您可能会专注于添加新商品、设置购物车和简化结帐流程等基础知识。但是,设置WooCommerce多SKU商品对您来说可能有点神秘。 或者,至少,这不是最重要的事情。但是当你遇到一个有很多变化的商品时,它突然变得相当紧迫…

赞(0)
未经允许不得转载:吾上云 » 如何添加WordPress侧边栏悬浮固定小工具?
分享到: 更多 (0)
  • 阿里云
    基础型云服务器

    1核CPU

    2G内存

    40G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥89/1年 原价¥903.40

  • 阿里云
    超值型云服务器

    2核CPU

    4G内存

    40G硬盘

    3M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥899/3年 原价¥8281

  • 阿里云
    高性能云服务器

    2核CPU

    8G内存

    40G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥1399/3年¥14765

  • 腾讯云
    基础型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、个人站长类网站

    ¥95/1年 原价¥834

  • 腾讯云
    超值型云服务器

    1核CPU

    2G内存

    50G硬盘

    1M带宽

    独立IP

    分布式存储

    适合企业官网、行业门户类网站

    ¥288/3年 原价¥2502

  • 腾讯云
    高性能云服务器

    4核CPU

    8G内存

    50G硬盘

    5M带宽

    独立IP

    分布式存储

    适合电商、数据库等企业级应用

    ¥2188/3年¥13986

评论 抢沙发

评论前必须登录!

 

吾上云 专注服务器选购

购买云服务器联系我们