小部件区域

在本文中,我们将向您展示如何使用Widget Area元素来实现侧栏等功能。

  1. 如何在X或Pro中添加边栏
  2. 如何将小部件分配到边栏
  3. 小部件区域设置
  4. 小部件区域设计设置
  5. 定制
  6. 演示
  7. 总结

如何在X或Pro中添加边栏

若要添加侧栏,请先转到>侧边栏

外观栏

在上输入侧栏的名称添加新的边栏然后按添加工具栏按钮。

管理栏

成功添加侧边栏后,您将看到可用的选项。你不需要触摸它们中的任何一个,但如果你这样做了,一定要点击更新栏按钮。

更新栏

如何将小部件分配到边栏

要将小部件添加到侧栏,只需转到外观>小部件

外观部件

在Widgets页面上,您将看到您创建的侧边栏。

小工具栏

在这页的左边,你会看到可用的小部件.要将小部件添加到您创建的侧边栏或任何侧边栏,您有两种方法:

  1. 拖动小部件并将其拖放到侧栏中
拖动Widget 拖动Widget
  1. 单击小部件。您将看到一个侧栏列表。单击列表中的侧边栏,然后单击添加小部件
添加小部件

现在,加入小部件区域元素,搜索“widget”并将“widget Area”拖到画布上。

元素小部件区域

小部件区域设置

小部件区域设置

侧边栏下拉菜单,选择要显示的侧栏。您可以更改小部件中文本的基本字体大小,也可以更改整个小部件的背景颜色。

小部件区域设计设置

您可以自定义侧边栏的外观。

保证金

使用此选项可设置边栏的边距。您可以更改侧边栏所有边的设置,也可以单独修改它们。

小部件面积边际

填充

使用此选项可设置边栏的填充。您可以更改侧边栏所有边的设置,也可以单独修改它们。

小部件区域填充

边境

使用此选项可设置边栏的边框。您可以设置风格宽度而且颜色边境线的所有边或每边的边境线。

小部件区域边界

边界半径

使用此选项可设置侧边栏的边框半径。你可以在所有边都设置曲线,也可以单独设置。

小部件区域边界半径

盒阴影

可以使用box-shadow控件在边栏上设置阴影。

  • x-使用此选项设置侧边栏阴影的X偏移量。
  • y-使用此选项设置侧边栏阴影的Y偏移量。
  • 模糊-使用此选项在侧边栏中设置模糊效果的强度。
  • 传播和定位-使用此选项设置项目部分阴影的扩散量,并决定您希望阴影位于侧边栏内部还是外部。
  • 颜色—设置侧边栏阴影的颜色。
小部件区域框影

定制

自定义窗格由各种功能组成,允许您进一步控制元素的样式和功能:

  • ID - - - - - -在元素上设置HTML ID。
  • - - - - - -在元素上设置HTML类。
  • 元素的CSS - - - - - -使用此特性可以增加对Element的风格控制,特别是对嵌套标记的控制。点击在这里有关此特性的详细信息,如使用el美元来动态地定位基本标签,等等。
  • 在断点期间隐藏 - - - - - -当需要改变设计时,以不同的屏幕尺寸隐藏元素。点击在这里获取更多信息。
  • 条件 - - - - - -当满足某些条件时,从页面中添加/删除元素。如果设置了特色图像…)。点击在这里获取更多信息。
  • 自定义属性 - - - - - -使用此选项将自定义HTML属性添加到元素的根标记(例如:data-info = " 123 ")。这在与各种脚本和库集成时尤其有用。
  • 循环器提供者和消费者 - - - - - -使用这些控件来访问您的WordPress安装中的信息,并使用我们的构建器中的元素将其输出到您的网站前端。点击在这里获取更多信息。

演示

要查看小部件区域元素的现场演示,请单击在这里

总结

现在您知道了如何将小部件添加到侧边栏,以及如何在Cornerstone中使用小部件区域元素。

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

Baidu
map