Wordpress+可视化编辑器=最好的系统+零基础制作网页

网站上所有布局,颜色与设置均可在后台修改,无需编程基础

Astra教程

Astra无与伦比的性能,每一行代码都适用于快速表现网站,渲染阻塞jQuery会影响性能优化。所以Astra使用的是Vanilla JavaScript。需要不到50 KB的资源,而大多数其他WordPress主题需要至少300 KB。使用默认的WordPress数据,Astra加载时间不到半秒。它专为速度而设计,并针对性能进行了全面优化。

在Astra Pro 中禁用产品数量(+ -)按钮

在Astra Pro Addon的2.1.0版本中,我们改进了“产品数量”输入的旧数字字段,并将其替换为“加减”按钮。

为此,我们提供了一个过滤器,该过滤器将禁用产品数量的正负按钮。这将用于WooCommerce购物车和“单个产品”页面上的“产品数量”字段。

现在可以在WooCommerce购物车和“单个产品”页面上的“产品数量输入”字段中看到此更改。

Astra Pro主题自定义设置:页脚(Footer)

进入位置:外观 –》自定义 –》页脚 页脚有2个区域:页脚小工具,页脚栏。布局,支持1个禁用,7个常用布局列。每一个列对应一个小工具区域,可以在外观 –》小工具 中找到对应位置的小工具区域。宽度,设置页脚小工具的宽度,支持2种模式,一种是全屏宽度,另一种是网站全局设置中的内容宽度。内间距,页脚小工具的内间距(padding).顶边框颜色与厚度,颜色和背景,设置页脚小工具的背景颜色与图片,点击更多可以对背景图片做更多的设置;设置里面标题与内容的默认与悬停颜色。排版,设置小工具标题与内容的字体,字号大小与行高。

Astra Pro主题自定义设置:侧边栏(Sidebar)

侧边栏支持无,左,右三种形式。在以下几个文章类型中显示:默认布局 所有采用侧边栏的地方默认采用这布局,其它页面设置了侧边栏则会替换此布局,也就是说其它页设置侧边栏只是优先级高于此设置,其它页没有设置会采用默认设置。页面 wordpress页面类型文章采用侧边栏时的布局。文章详情页 wordpress文章采用侧边栏时的布局。归档 分类与归档列表页侧边栏时的布局。

Astra Pro主题自定义设置:博客(Blog)

进入位置:外观 –》自定义 –》博客 设置文章页的布局。布局 支持图片与内容的三种布局,上下,两种左右 Astra Pro文章列表布局 选择上下布局时,会出现网格布局,支持每行1至4列布局 文章结构 支持特色图片和标题&博客元信息。元信息 此项只有在标题&博客元信息启用时才会显示。提示:文章结构与元信息内容内容都支持拖动改变排序,点击左边的眼睛图片可以隐藏或显示对应的内容,灰色虚线时表示隐藏。

Astra Pro主题自定义设置:导航(Header)

进入位置:外观 –》自定义 –》导航 有以下几种:网站标识 主导航 主菜单 导航上方区块 导航下方区块 置顶导航 透明导航 Logo 支持普通logo;视网膜Logo(如果启用视网膜Logo,那此logo应该是普通PC端logo的2至3倍,不然会显示模糊);移动端Logo与宽度设置。 网站标志 此处是设置网站ICO图标,打开网页时在浏览器标签左边的图片。

Astra Pro主题自定义设置:全局 (Global)

进入位置:外观 –》自定义 –》全局 有以下五个类型设置: 字体样式 颜色 容器 按钮 回到顶部 基础字体样式 设置主体内容字体样式与段落外边距 标题 设置H1-H6的字体样式与大小 注意:当采用谷歌字体时,会有一个变形选项,是引用谷歌字体的加粗形式

Astra Pro模块:回到顶部按钮 (Scroll To Top)

启用后,只需单击图标即可将您带到顶部!它使访问者可以轻松地滚动回到页面顶部。该按钮仅在用户向下滚动时出现。它对于单页网站以及基于内容的长网站很有用。激活模块后,您可以在外观>自定义>布局>回到顶部 下找到设置。在设置中,您将找到以下选项:

Astra Pro模块:网站布局 (Site Layout)

使用“网站布局”模块,您可以管理网站的整体布局。激活模块后,您可以在 外观>自定义>全局>容器>网站布局下找到网站布局设置。网站通常具有主布局,后跟容器。主布局由页眉,内容,侧边栏和页脚(整个网站)组成;容器是包含内容和侧边栏的子布局。当您选择“全宽网站布局”时,网站的主布局将随浏览器边缘移动。而内容由容器宽度管理。

Astra Pro模块:自定义布局 (Custom Layouts)

Astra Pro模块:自定义布局 (Custom Layouts) 自定义布局是Astra Pro中提供的功能非常强大的模块。使用此模块,您可以在各种挂钩位置上创建完全自定义的页面头部,页脚,404页以及自定义内容或代码。前面三个都比较好理解,自定义页面头部,页脚,404页面后,就会替换你需要显示页面,文章,分类里对应的设置。稍复杂些的是钩子/片段(Hooks)

Astra Pro模块:页面标题(Page Headers)

您可以设计带有面包屑,背景色/图像有吸引力的页面标题/页面标题区域。您还可以设计网站标题以适合特定页面上的页面标题设计。激活模块后,单击设置选项以开始使用。现在,您可以在“外观”选项卡下的“ Astra选项”下看到“页面标题”选项。

Astra Pro模块:导航置顶(Sticky Header)

启用了这个模块后,可以在 外观 –》自定义 –》导航 –》置顶导航 中设置需要置顶的内容,有如下内容:置顶主导航上方区块 置顶主导航 置顶 航下方内容区块 置顶主导航用不同Logo?启用收缩效果 向下滚动时隐藏置顶 选择动画 启用(自适应断点) 各区块内容颜色设置

Astra Pro模块:导航菜单-创建超级菜单 (Nav Menu)

该插件提供Mega Menu功能。您需要为顶级菜单项启用超级菜单功能,您希望将其子菜单项变成超级菜单。以下是解释如何创建大型菜单的步骤。步骤1:从WordPress仪表板,导航至 外观> 菜单。步骤2:选择要在其中添加大型菜单的菜单。从所选菜单中单击顶级/父菜单。步骤3:点击Astra菜单设置按钮。

Astra Pro模块:导航区域添加(Header Sections)

Astra Pro模块:导航区域添加(Header Sections) 启用此功能后,在主导航上方与下方各添加一个区域 每个区域支持两种布局,禁用,1列,2列 每列支持以下5种形式:空 菜单 搜索 文本或html 小工具 还有一些其它的设置,比如高度,边框,背景与颜色,间距等。

Astra Pro模块:移动端导航 (Mobile Header)

从WordPress仪表板导航到 “外观”>“自定义”>“导航栏”>“主菜单”。移动标题选项在不同选项卡下列出。移动端Logo(可选) 平板屏幕需要一个更宽的Logo。移动设备上的此Logo可能会隐藏视口的大部分。移动Logo的单独选项提供了在移动设备上使用其他菜单的灵活性。可以在“ 布局”>“标题”>“网站品牌形象”下找到该设置。选择移动设备的其他Logo选项吗?并在此处添加移动设备Logo图像。要调整Logo的大小,请单击Logo宽度的响应切换按钮,然后调整宽度。

Scroll to Top

QQ群962782975