使用无限边栏

在这篇文章中,我们将解释如何为你的网站添加边栏,并使用它们来分配小部件。

  1. 什么是边栏
  2. 为什么需要使用侧边栏
  3. 如何添加侧边栏
  4. 如何将小部件分配到侧边栏
  5. 将侧边栏分配到带有代码的非标准位置
  6. 总结

什么是边栏

侧边栏本质上是一个自定义小部件区域你可以使用X和Pro主题中给出的设置来创建小部件,并将该小部件区域分配给任何你想要的页面、帖子、标签存档或类别存档页面。添加侧栏后,可以转到外观>小部件将您想要的任何小部件分配到侧边栏。

为什么需要使用侧边栏

WordPress小部件区域可用于整个网站。这就是为什么无论X和Pro主题有什么小部件区域,比如侧边栏小部件是可以通过转到访问的外观>小部件会显示在整个网站上。但在某些情况下,您希望为特定页面或类别提供特定的边栏。不能为特定页面的小部件区域分配小部件。但是随着X和Pro主题的无限侧边栏功能,您可以添加一个自定义小部件区域,我们称之为侧边栏,并将该小部件区域分配给特定的页面。这将确保您分配给侧边栏的任何小部件将只在您所选择的页面上显示。

如何添加侧边栏

按照下面的步骤在你的网站上添加侧边栏:

管理栏
  1. >侧边栏
  2. 为侧边栏键入一个名称。(关于侧边栏在我们这里)
  3. 点击添加工具栏在这页的右下角。
  4. 添加一个描述对于侧栏。
  5. 决定是否希望侧栏可用于子页面。(点击在这里以了解更多有关子页的资料。)
  6. 决定是否要在博客索引页上设置侧边栏。
  7. 决定是否要在商店主页上设置侧边栏。(如果你有Woocommerce插件安装)
  8. 选择想让侧边栏可用的页面或文章。(在我们的例子中,是关于页面。)
  9. 选择希望使侧边栏可用的类别或标记(分类法)。
管理栏

如何将小部件分配到侧边栏

现在我们创建了侧边栏,一个新的小部件区域将可用,其名称与我们刚刚创建的侧边栏相同。现在,我们可以添加任何我们想要的小部件到那个小部件区域。

外观>小部件
  1. 外观>小部件
  2. 将文本小部件拖到您创建的侧边栏。(在我们的案例中,关于侧边栏.)
  3. 配置并保存小部件。
  4. 检查网站的前端。(在我们的案例中,关于页面。)
小部件示例

将侧边栏分配到带有代码的非标准位置

使用X和Pro主题的无限侧边栏功能是为你想要的页面、帖子、类别或标签添加侧边栏的好方法。但在某些情况下,您需要将侧边栏添加到多个页面,例如,在侧边栏编辑屏幕的页面选择部分中不可用的所有Woocommerce页面。在这种情况下,您需要安装子主题并通过代码添加侧边栏。

我们将分配关于侧边栏我们之前创建的所有与Woocommerce相关的页面:

分配到关于侧边栏 侧边栏ID
  1. 安装Pro或X儿童主题这取决于你为你的WordPress实例安装了哪一个。
  2. >侧边栏并选择您想要的侧边栏并复制侧边栏ID,以便稍后在代码中使用。(在我们的案例中,ups-sidebar-about-sidebar
  3. 访问显然也您的儿童主题文件转到外观>编辑器然后点击主题函数显然也)或使用FTP连接直接编辑文件。
  4. 的末尾添加下面的PHP代码显然也文件。
  5. 保存文件。
外观主题编辑器
Add_filter ('ups_sidebar', 'assign_sidebars');函数assign_sidebar ($sidebar){if(is_woocommerce()){返回'up -sidebar-about-sidebar';}返回$sidebar;}

上面的代码使用与Woocommerce相关的条件标记称为is_woocommerce来检测所有的Woocommerce页面。此外,ups-sidebar-about-sidebar代码的一部分是我们在上面的步骤2中找到的ID。

点击在这里有关Woocommer条件标签和的更多信息在这里WordPress条件标签。

总结

我们已经了解了X和Pro主题中提供的无限边栏,并讨论了配置该特性所需的步骤,最后,我们讨论了为专业用户定制边栏分配。

看到不准确的东西了吗?让我们知道

Baidu
map