轻量级/响应快/多功能主题Astra

官方Demo：进入

官方价：49-149美元，本站提供持续新版本及汉化更新

注重整体效果

没有 jQuery

Astra 使用 Vanilla JavaScript 来防止渲染阻塞 jQuery 妨碍并影响性能。

只需半秒即可加载！

Astra 专为速度而打造，并针对性能进行了全面优化。作为最轻量级的主题，它的加载时间不到 0.5 秒！

自托管谷歌字体

Astra 提供了在您的网站上获取 Google 字体并将其本地存储在您的服务器上的功能。因此，字体加载速度将更快并提高 Core Web Vitals (CWV – CLS) 分数。

小于 50 KB

Astra 需要不到 50KB 的资源，而其他 WordPress 主题则需要 100KB 的资源。

优化代码

Astra 使用默认的 WordPress 数据并遵循最佳编码标准，以确保每一段代码都得到优化。

强大的设计选项

布局

使用布局来管理网站容器的布局，例如标题、博客、单页、帖子等。

透明标头

使用透明标题设置透明标题背景并将页面向上拉，将两者合并。

移动标头

通过此功能，您可以自定义和调整标题断点，为移动设备设置不同的Logo、菜单样式、颜色等。

超级菜单

使用您最喜欢的页面构建器创建漂亮的模板，或者输入短代码以将布局包含在您网站上的大型菜单中。

专用侧边栏

使用 Astra，您可以创建页面特定的侧边栏，这些侧边栏可以覆盖网站上默认侧边栏的设置和自定义。

页眉和页脚选项

Astra 附带了几个内置的页眉和页脚选项，可以通过 Astra Pro 插件进一步扩展。

粘性标题

这是一个即使用户滚动时也会粘在页面顶部的标题。它允许从页面的任何部分快速访问菜单。

页眉

您可以添加自定义页面标题并设置显示规则，以将其显示在网站的特定页面和帖子上。

颜色和版式

您可以设置与您的品牌完美融合的颜色和字体，并轻松管理整个网站的颜色和排版。

WooCommerce 支持

Astra 完全支持 WooCommerce，可通过定制器本身帮助您构建和设计您的商店。今天您就可以建立一家快速且有吸引力的商店！

网站布局

盒装

Astra 允许您以盒装布局显示主要内容，以将其与页面上看到的其他内容区分开来。

带衬垫

您可以在内容的边缘插入特定的边距，以使其具有填充外观。Astra 的衬垫布局让您可以轻松做到这一点。

间距控制

Astra 的 Spacing Addon 允许您管理所有元素周围的边距和填充，并覆盖默认的空间设置。

全屏宽度

Astra 附带默认的全宽布局，可让您使用网站上主要内容的整个宽度。

流体布局

Astra 为您提供了选择流体布局的选项，使您可以将整个网站拉伸到屏幕末端。

默认容器

Astra 为您提供了一个默认容器，称为主容器，在定制器本身内具有自己的特定布局和设置。

版式

预设

版式预设是一组现成的文本和标题字体选项。​​只需点击一下即可选择合适的字体，以获得更好的用户体验。

谷歌字体

Astra 允许您从多达 700 多种 Google 字体中进行选择，以确保您获得适合您网站的最佳排版。

响应式字体大小

Astra 允许您根据要查看的设备来控制版式大小。您可以为不同的设备选择不同的字体大小。

字体大小 PX、EM

希望使用您最喜欢的单位来确定字体大小？Astra 允许您在 PX 或 EM 中设置它们。选择您熟悉的一个。

自定义字体

希望在您的网站上使用自定义字体？通过免费的自定义字体插件，您可以导入和使用您喜欢的任何自定义字体。

段落边距选项

Astra 为您提供了一个选项，可以使用段落边距选项来管理段落之间及其周围的间距。

文本转换

Astra 支持标题标签的文本转换。您可以为特定标题标签选择统一的文本格式。

颜色和背景

主标题

Astra 为您提供了一系列选项来控制网站主标题内的颜色和背景。您可以针对移动设备和桌面设备更改它们。

标题下方

您想更改下面标题中的颜色和背景吗？Astra 可以让你改变里面所有东西的颜色。

粘性标题

Astra 为您提供了一系列选项来控制网站粘性标题内的颜色和背景。

博客/档案

您可以通过 Astra 的颜色和背景定制器设置来管理博客或存档页面上的颜色。

侧边栏

您是否想过自定义侧边栏的颜色和背景？您可以使用定制器中的 Astra 颜色和背景设置来执行此操作。

标题上方

您也可以管理上面标题上的颜色和背景！您可以为移动设备设置不同的颜色和背景。

透明标头

您也可以在透明标题上设置不同的颜色并轻松修改它们！Astra 在定制器中为您提供简单的颜色和背景设置。

内容

Astra 为您提供了一个简单的界面，可以从一个位置管理不同类型内容的颜色。您可以控制标题标签等的颜色。

单页

您想管理网站单个页面上的颜色和背景吗？Astra 允许您通过定制器控制它们。

页脚

除了页眉、侧边栏和整个页面中的所有内容之外，Astra 还为您提供了各种选项来管理页脚上的颜色。

博客布局

网格布局

使用 Astra 主题中的博客布局在博客页面上以网格布局展示所有博客文章。

砌体布局

想要以时尚的砖石布局显示您的博客文章吗？Astra 为您提供了这个很棒的布局来显示您的所有帖子。

日期盒

Astra 允许您为您在博客页面上添加的每个帖子元素显示一个流行的日期框。以时尚的方式显示发布日期！

博客结构控制

您可以管理单个帖子在博客页面上的显示方式。通过按顺序放置特征图像、标题和元文本来控制结构。

后分页

Astra 允许您添加时尚的分页，将您的博客文章分布在多个页面中，这些页面可以通过下面的按钮进行访问。

相关文章

Astra 可以轻松地在所有单个帖子上显示相关帖子。您可以完全控制自定义相关帖子的布局和外观。

列表布局

设置您的博客页面，以列表布局显示您的博客文章，该布局将每篇文章一个接一个地放置。

突出显示第一篇文章

您想让用户确保他们已经阅读了您的第一篇文章吗？Astra 允许您突出显示列表中的第一个帖子。

摘录数

摘录作为帖子的摘要。您可以获取要在博客页面上的每篇文章中显示的相应摘录。

博客内容宽度

您可以使用博客内容宽度选项管理博客页面的内容宽度。此选项更改此页面的容器宽度。

无限加载

您可以选择无限加载选项，当用户继续向下滚动时，该选项会在同一博客页面上不断加载博客文章。

全局设计选项

全局调色板

借助 Astra，您可以创建动态调色板并从一个地方控制整个网站的颜色。构建您自己的调色板并在全球范围内使用它。

左Logo标题

Astra 允许您在标题左侧显示您的组织logo。将其左对齐，并将剩余空间用于其他内容。

右logo标题

您可以在标题中显示网站logo，并使用 Astra 主题中的logo设置将其向右对齐。

标题内容

Astra 允许您在网站的上述标题中添加所有类型的内容。想要添加 HTML 代码、小部件、短代码或只是纯文本？你可以做到的！

标题上方布局

通过易于使用的布局，Astra 允许您管理和控制上述标题的布局及其内容。

灵活的页脚布局

Astra 提供了多种选项来选择灵活的页脚布局以包含不同类型的内容，例如小部件。文本、HTML 代码、短代码等。

克隆/删除页眉/页脚元素

克隆将创建元素的精确副本，删除将删除未使用的元素以清理空间。这将节省您使用可视页眉页脚构建器的时间。

中心Logo标题

想要在标题的中央部分显示您的Logo吗？Astra 允许您对齐Logo并放置在标题的中心。

移动标题设计

Astra 允许您根据网站的需要添加断点并显示弹出菜单、汉堡菜单等。

标题内容下方

Astra 允许您添加不同的小部件、HTML 内容、简码等来管理网站下方标题中的内容。

标题下方布局

想要更改您网站上以下标题的布局吗？Astra 为您提供了管理以下标题布局及其内容的选项。

页脚栏布局

Astra 允许您选择要在网站上的页脚栏上显示的正确布局。您可以选择和管理其中的内容。

网络故事

网络故事是一种展示网站内容的引人入胜的方式，就像 Facebook 或 Instagram 故事一样。您可以以现代风格分享有关您的业务的最新动态、亮点和所有令人兴奋的新闻。

按钮预设

整个网站的按钮的预构建设计。使用一组现成的按钮形状、尺寸和边框轻松快速地设计按钮样式。

WooCommerce

网格设置

Astra 的 WooCommerce 模块允许您以网格布局显示您的产品，您可以根据需要进行自定义。

画布外侧边栏

Astra 允许您在商店页面上添加画布外侧边栏。该侧边栏最初保持在屏幕之外，可以通过按钮或链接触发。

图库选项

在商店页面的产品库中显示您的所有产品。您可以将布局设置为网格或列表并进一步自定义。

销售泡沫风格

您可以在产品上展示时尚且有吸引力的销售气泡，鼓励快速购买并促进销售。

集成

支持LifterLMS

Astra 与 LifterLMS 无缝集成，帮助您构建一个有吸引力且无干扰的在线课程网站。

模式集成

Astra 附带了基本的架构标记实现，可以帮助搜索引擎更好地理解您的网站。

支持LearnDash

Astra 与 LearnDash 无缝集成，帮助您构建用户友好且有吸引力的网站来提供在线课程。

搜索引擎优化

Astra 遵循理想的编码标准并为速度创建良好的网站结构而构建，带有内置的架构标记，使其成为 SEO 友好的主题。

网站建设者

自定义页眉

您可以使用您最喜欢的页面构建器创建自定义标题。构建您自己的自定义标头并在整个网站或特定页面上启用它。

自定义 404 页面

使用 Astra，您可以设计一个有吸引力的自定义 404 页面，其中包含您选择的内容，并且看起来比默认 404 页面好得多。

显示条件

您可以选择在整个网站上显示自定义布局，或选择您希望显示它们的特定页面。

自定义页脚

Astra 允许您使用您最喜欢的页面构建器构建自定义页脚，并在整个网站或您希望显示的特定页面上使用它们。

自定义布局 – 挂钩

使用钩子，您可以将自定义代码和内容注入到您想要添加的任何位置。Astra 提供各种动作挂钩供您选择。

古腾堡页面内的网站构建器

您可以使用您最喜欢的页面构建器设计自定义部分，并将其显示在选定的古腾堡页面/帖子上的特定位置。