Oxygen Builder页面构建器Global Styles

Oxygen Builder页面构建器Global Styles

Oxygen Builder页面构建器Global Styles

  Oxygen Builder是一个非常强大且易于使用的WordPress页面构建器,可以大大简化设计与自定义WordPress网站的工作流程。它是快速高效构建WordPress网站的好选择,Global Styles全局样式允许您为页面上的元素设置站点范围的样式。这为您提供了一种简单的方法来立即更改整个网站的设计外观和感觉。

  如果某个元素没有专门为其创建的样式,则将使用全局样式。本文晓得博客为你介绍Oxygen Builder页面构建器Global Styles。

  注意:全局样式可以通过“管理”>“设置”>“全局样式”进行编辑 。

  推荐:[最新版]YITH WooCommerce Stripe Premium插件WordPress付款插件

颜色

  定义站点范围的调色板。在此处编辑颜色将在使用该颜色的所有地方进行更新。有关详细信息,请参阅 全局颜色 。

字体

  选择您网站上使用的字体。有关详细信息,请参阅 全局字体

标题

Oxygen Builder页面构建器Global Styles
Oxygen Builder页面构建器Global Styles

  您可以指定标题的全局样式(h1、h2、h3、h4、h5h6)。 对于每个标题标签,您可以自定义以下内容:字体大小字体粗细行高颜色

  推荐:如何禁用右键单击WordPress图像

主体

  正文是您网站上的所有文本。标题设置会覆盖正文文本样式。对于正文文本,您可以配置以下内容:字体大小字体粗细行高颜色

链接

  在 Oxygen 中,存在三个链接元素:文本链接、链接包装器按钮“全部”中的设置适用于所有类型的链接元素,也适用于在 Oxygen 外部创建的链接 – 例如,博客文章内容中的链接。文本链接和链接包装设置颜色字体粗细文字修饰(下划线)悬停颜色悬停文字装饰

Oxygen链接元素样式
Oxygen Builder页面构建器Global Styles

  按钮设置字体粗细边界半径

  推荐:如何将自定义字体添加到Elementor

宽度和断点

  • 页面宽度:设置网站的页面宽度。有关详细信息,请参阅页面宽度
  • 平板电脑:设置平板电脑断点。
  • 横向:设置横向断点。
  • 纵向:设置纵向(移动)断点。

  更改这些断点后,您必须通过 Oxygen > 设置 > CSS 缓存,重新生成 Oxygen 的 CSS 缓存。

Section Container块部分

  控制Section Container部分 元素容器的填充 。顶部和底部边缘的默认值为 75 像素,左侧和右侧边缘的默认值为 20 像素。标题生成器 元素将使用左侧和右侧填充,但忽略顶部和底部。

滚动动画

  使用Animate on Scroll 库配置滚动时触发的动画。此处选择的设置将成为任何启用动画的元素的默认动画设置。这些全局动画设置可以根据每个元素进行覆盖。

  • 动画类型 – 确定将使用的动画类型,例如翻转、滑动或淡入淡出。
  • 动画持续时间 – 确定动画发生的毫秒数。
  • 动画锚点 – 定义元素相对于视口的哪个位置应触发动画。
  • 动画缓动 – 定义动画的速度曲线。例如,缓入会导致动画在开始和结束时变慢,在中间变快。
  • 动画触发偏移 – 定义动画触发点的偏移(相对于视口滚动位置),以 px 为单位。正值可用于确保在触发动画之前整个元素都在视口中,而负值可用于在元素进入视口之前触发动画。
  • 动画延迟 – 确定动画被触发和动画开始之间的时间长度。
  • 仅动画一次 – 默认情况下,离开视口的元素会重新设置动画,并在元素重新进入视口时重新触发动画。您可以通过选择“是”来禁用此行为。
  • 禁用打开 – 这允许您选择视口宽度,低于该宽度将禁用动画。禁用移动设备的动画以提高性能是个好主意。

  推荐:Oxygen Builder页面构建器Effects动画效果

Scripts脚本

  通过脚本启用额外功能。Smooth Scroll to Hash Links平滑滚动到哈希链接,平滑滚动到哈希链接脚本会导致哈希链接(URL 引用页面上元素的 ID 的链接)将视口平滑地滚动到目标元素。要启用它,请勾选“平滑滚动到哈希链接”复选框。

  • 滚动时间– 视口滚动到目标元素所需的毫秒数。

  推荐:Oxygen Builder页面构建器设计库User Design Library

  推荐:Contact Form 7插件教程WordPress设置Contact Form表单插件

给文章评分

晓得博客,版权所有丨如未注明,均为原创
晓得博客 » Oxygen Builder页面构建器Global Styles

转载请保留链接:https://www.pythonthree.com/oxygen-builder-global-styles/

Claude、Netflix、Midjourney、Chatgpt Plus账号购买,ChatGPT API购买,优惠码XDBK,用户购买的时候输入优惠码可以打95折

Chatgpt-Plus注册购买共享账号
Kinsta-free-hosting主机
Kinsta-free-hosting主机
Elementor可视化创建WordPress网站
Elementor可视化创建WordPress网站
滚动至顶部