Astra主题升到3.7后的全局调色板、按钮和排版预设设置介绍

Astra主题受到数百万WordPress用户的喜爱，因为它允许你在几分钟内建立漂亮的、功能丰富的网站。随着Astra 3.7版本的推出，官方引入三个强大的新功能，在全站范围内提供精简的视觉控制，进一步实现我们使网页设计变得简单的使命。

在Astra官方DNA的核心部分是提供一个坚实的框架来建立快速、高性能的网站。这次更新是这一点的另一个证明。

这些控制功能包括：

• 全局调色板：一个新的动态色彩系统。创建调色板，从一个地方控制整个网站的颜色。
• 排版预设：从美丽而有效的排版组合中选择，只需一次点击就可以将它们应用到整个网站。
• 按钮预设：预置的设计可以快速而轻松地设计你的网站按钮。

此外，Astra主题是首批为古腾堡调色板实施theme.json的默认主题之一。我们确信，你会喜欢用这些新控件设计你的网站，并欣赏它们给你的工作流程带来的便利。

一、建立你自己的调色板并在全局范围内使用它 

颜色在建立品牌识别方面起着重要作用。有时，我们可能会有一个以上的颜色方案来配合网站的概念。但在以传统方式应用颜色时，你只能选择一种颜色方案。如果你想添加你自己的自定义颜色，你必须在你的主题上手动添加颜色代码，使其发挥作用。

好了，有了全局调色板，这一切都改变了!有了这种新的动态应用颜色的方式，你可以：

• 策划你自己的调色板，并在你的网站上使用它--不仅在Astra定制器中，也在Gutenberg编辑器和Elementor编辑器中。
• 在一个地方改变一个全局颜色，并看到它反映在所有使用该颜色的元素上。

可以从搬主题网站直接下载汉化中文版本《Astra 3.7.1/Astra Pro 3.6.0完美汉化中文版|页面自定义设计轻量响应式WordPress主题模板》

全局调色板如何帮助你改善你的工作流程。

• 它让你有能力为你的网站创建一个以上的颜色方案。在一个区域使用一个方案，在另一个区域使用另一个方案，以此类推
• 帮助你为客户网站预设不同的颜色
• 为你的网站在圣诞节等特殊事件中设置一个新鲜的外观
• 在销售期间设置有吸引力的颜色

全局调色板使用起来非常灵活，是一个巨大的时间节省者。你可以从一个地方轻松设置和定制你的网站的颜色。

1、创建和使用调色板  

有了Astra 3.7，你可以保存你的主题颜色，并在整个网站上全面应用。

这可能是深色，你的主色调的阴影，圣诞节的节日色彩，或任何你喜欢的。

你可以创建多个调色板，它们将在整个定制器颜色设置中可用。你不必记住确切的色调或颜色代码。只要从你的调色板中选择一种颜色就可以更快地完成设计。

如何创建一个调色板

第1步：访问Astra定制器，进入全局>颜色>基础颜色。

在这里你会看到3个带有默认颜色的调色板。每个调色板有9种不同的颜色。

第二步：选择调色板并添加你的颜色。

你可以尝试用不同的颜色创建调色板。然后你可以选择不同的调色板，只需点击一下，你的网站将立即有一个新的外观。

二、将静态颜色链接到全局颜色

通过调色板，你可以设置全局颜色，这些颜色将与定制器中的所有颜色设置一起使用。你还可以把各种元素的颜色设置与全局颜色联系起来。因此，当你改变全局颜色时，所连接的元素的颜色也会被改变。

1、如何在全局元素上链接静止的颜色 

第1步：考虑到我们已经为标题设置了一个静态颜色。编辑该设置，并从调色板中选择你想要的颜色。

一旦你选择了这个颜色，你就会看到它附近有一个地球图标。这意味着你的颜色现在已经与全局颜色相连。

第2步：当你改变一个全局颜色时，它将改变你网站上所有标题的颜色。 

2、古腾堡和Elementor编辑器内的Astra全局调色板 

你选择的全局调色板也将在Gutenberg编辑器中可用。因此，只要你在Gutenberg的块中有颜色选项，Astra调色板就可以使用。 

同样，对于 Elementor 编辑器也是如此。Astra调色板将与Elementor全局颜色一起使用。  

三、用预设值快速设置网站排版 

排版是任何网站设计的另一个重要部分。合适的字体可以创造更好的用户体验，因为它影响了可读性，并反映了你的品牌。

这就是为什么Astra现在给定制器带来了额外的排版选项。你可以在定制器中的全局>排版>预设下找到新的选项。

排版预设包括：

• 字体家族
• 字体重量
• 字体大小
• 线条高度
• 文本转换

四、用预设值为你的网站按钮设计

有没有想过改变默认的按钮形状和样式？现在你有预置的设计可以做到这一点，Astra集成了按钮预设，它将使按钮的风格设置变得快速而简单。

在自定义器中，在全局>按钮下找到该选项：

你可以从 "按钮 "部分设置样式，整个网站的所有按钮都会有这种样式。

Tags：Astra   Astra Pro   WordPress   WordPress教程

转载：感谢您对Jerbo个人博客网站平台的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源Jerbo个人博客”。/web/wordpress/393.html

很赞哦！ ()