使用条件小部件控制 WordPress 小部件可见性
已发表: 2023-02-12小部件是宣传您网站其他方面的绝佳方式,而不会打断访问者当前正在阅读的内容。 通常,这是在侧边栏或您的 WordPress 主题为小部件指定的其他区域中完成的。
然而,有时您可能只想在某些页面上显示一个小部件。 幸运的是,条件小部件仅适用于这种情况。 例如,如果您的网站上有一个日历小部件,您可能只希望它出现在您的活动页面上。
在本文中,我们将概述什么是条件小部件以及如何创建它们。 我们还将探讨两个设置选项。 让我们开始吧!
什么是条件小部件?
简而言之,条件小部件是具有附加控制变量的 WordPress 小部件。 这使您能够确定每个小部件是否会出现在特定页面或帖子中。 这可以通过几种不同的方式帮助您。
首先,您可以最大化宝贵的网站空间。 在大多数主题中,只有这么多的侧边栏空间可供使用。 当您使小部件有条件时,您可以控制每个功能专用的空间大小。 您可以根据需要在侧边栏中包含或排除某些小部件。
此外,通过使您的小部件有条件,您可以确保您的侧边栏与每个页面更相关。 例如,您可以从所有其他页面中删除地图和方向小部件,但让它们在“关于”页面上可见。 这释放了侧边栏小部件空间,用于其他页面上的更多相关内容。
如何制作条件小部件(不使用 Jetpack)
在使用条件小部件时,您可以使用几种工具。 其中一些需要调整您的主题代码,而另一些则不需要。
我们将首先了解如何使用需要一些额外编码知识的插件来激活条件选项。 然后我们将探讨如何使用 Jetpack 插件实现相同的结果
第 1 步:选择条件小部件插件
有几个插件选项可以使小部件有条件。 对于这个例子,我们将使用 Widget Logic。
该插件向您的所有小部件添加一个字段,您可以在其中包含任何 WordPress 条件标签或通用 PHP 代码。 首先,您需要安装并激活该插件。
第 2 步:打开您的小部件面板
接下来,您可以导航到外观 > 小部件并打开任何小部件上的设置面板以访问新的小部件逻辑字段。
您可以在此处添加我们之前提到的任何 WordPress 条件标签。 例如,如果您希望一个特定的小部件显示在除“关于”页面之外的每个页面的侧边栏中,您可以添加:
!is_page('about')
同样,您可以组合多个条件标签来进一步自定义小部件的显示。 例如,您可以使用类别名称指定某些小部件仅显示在特定类别的单个帖子中。 如果您希望“烘焙食品”类别中的所有帖子都显示特定的小部件,您可以使用:
is_single() && in_category('baked-goods')
此外,您会在外观 > 小部件页面底部找到更多选项。
这些设置使您能够指定新小部件逻辑的加载顺序。 这对于与更标准的 WordPress 选项有显着差异的主题尤为重要。
最后,您需要非常了解您的主题代码,以避免在使用此插件时出错。 此外,您需要熟悉 WordPress 循环,这样您才能更全面地了解某些元素在您网站上的加载顺序。
使用 Jetpack 更改小部件可见性
正如我们之前提到的,自定义小部件显示选项的另一种解决方案是使用 Jetpack。 这个多用途插件具有许多功能,可以帮助您调整 WordPress 网站的性能,并且还可以让您管理条件小部件。
第 1 步:打开 Jetpack 的设置
完成必要的 Jetpack 安装和设置步骤后,您需要访问 WordPress 仪表板中的Jetpack > 设置页面。 然后单击“写作”选项卡。
默认情况下不启用小部件可见性功能。 您需要向下滚动到小部件设置区域并打开此选项。
您的更改将自动保存。 完成此步骤后,您将能够控制小部件在您网站上的显示位置。
第 2 步:添加新规则
现在您的可见性功能已经打开,您可以导航到 WordPress 仪表板中的外观 > 小部件。 如果您单击活动小部件,您将看到一个新的“可见性”按钮。
如果您选择可见性,您会发现一个新的选项面板,您可以在其中创建可见性逻辑语句。 这些将使您能够控制每个特定小部件在您的 WordPress 网站上的显示位置。
您可以创建多个逻辑语句来控制小部件的可见性,但您随后需要决定是否应匹配所有条件。 如果是这样,您需要选中“匹配所有条件”框。
例如,如果您想隐藏网站首页上的“最近的帖子”小部件,但仅当帖子由特定作者撰写时,您可以像这样设置逻辑。
通过使用 Jetpack 自定义您的小部件,您不必调整主题的代码。 但是,我们仍然建议在将新设置部署到您的实时网站之前,先在暂存服务器上测试它们。
使用 WP Engine 自定义您的网站
现在您知道如何更好地控制您的 WordPress 小部件出现在哪些页面和帖子上,您可以为您的网站创建高度相关的侧边栏。 在 WP Engine,我们了解如果您想创建一个真正的自定义站点,那么访问正确的开发人员资源是多么重要。
此外,网站定制通常需要大量的测试、试验和错误。 这就是为什么我们提供各种托管计划以及构建令人惊叹的数字体验所需的所有工具和资源。 查看我们为您的下一个项目提供的所有 WordPress 解决方案和产品!