AstraPro主题超详细使用及设置最新图文教程2023

启用AstraPro功能前,请确保是AstraPro版(免费版是不能启用的)。前往后台直接点选Astra,就会看到AstraPro版Modules,点ActivateAll启用全部模组,才能使用接下来的高级功能。

然后后面章节,会特别介绍MiniAgencyBundle方案才有的功能,如果是购买此方案的,也可以学习的到。

Astra免费版就有许多文字样式可调整,前往「全局>排版样式」,即可做设置。

全局(Global)是指全站通用的文字设置,至于下面的文字设置介绍,如果有设置就会覆盖上去,没有的话就会维持预设。

AstraPro专业版的排版样式,则是对不同项目做了更多的文字样式的设置扩充,可以管理整个网站的字型,提供设置网站排版的完全控制权。

按钮文字设置

内文字型&标题字型设置

前往「全局>排版样式」,可以针对H1~H6字型进行详细调整。

资讯栏的字型排版

前往「资讯栏>DESIGN」,即可设置资讯栏的标题字型、内容字形,还能细调尺寸大小。

进阶还提供外侧与内侧的间距调整,可以针对顶端、右侧、底端、左侧进行微调。

网站说明的字型设置

以上,就是大致AstraPro专业版的排版样式功能。

前往「后台>Astra>色彩及背景>自订」,即可快速前往设置区域。

Astra免费版主题,原来就可以设置文字&背景颜色,而AstraPro专业版的Color&Background模组,则是开启了更多文字、背景可设置选项。

全局性颜色选项

点选「全局>色彩」,即可来到全局调色盘。

Astra主题本身就提供了基本的全局性颜色选项,进阶则是可以针对个别标题调色,表层色彩也提供Color单色、Gradient渐层、Image图档,这3种背景选择。

导览标记的色彩设置

点选「导览标记>DESIGN」,即可设置导览标记的更多色彩细节。

资讯栏的色彩设置

前往「资讯栏>DESIGN」,即可设置资讯栏的标题、内文、连结、背景的色彩。

有地球符号代表这是系统提供的色号,如果是自选色号就会消失这个符号。

Spacing模组是一个AstraPro专业版功能,可以对指定区块调整距离,达到网站美化效果。

网站Logo间距调整

前往「页眉编辑器>网站标题及标志」,也可以直接点选Logo的笔,即可快速前往设置。

标志宽度可设置Logo图片大小、间距则是设置Logo与上下左右的边界距离。

网站页脚内距设置

直接点选「网站页脚的笔>DESIGN」,即可设置网站页脚小工具的内距。

在设置间距的数据时,只要输入其中1个栏位,系统就会统一4个栏位的数据,如果只想要设置上方和下方的间距,将右手边的连结取消,就能个别设置啰!

手机版切换不同Logo

前往「页眉编辑器>网站标题及标志」,或是直接点选Logo附近的笔,即可设置对手机版标志。

因为手机版的宽度较窄,或是手机页眉的背景颜色不同,可能需切换不同Logo应对。

手机版主选单调整

如果想要调整手机装置的选单项目,可在下方的OFFCANVAS直接新增和拖曳项目,这是Astra的基础功能。

NavMenu模组,是AstraProTheme用来强化选单功能。

最特别的就是可制作MegaMenu超级选单,新版Astra称为巨型选单,这功能对有规模的网站,是很实用的功能!

除了简单版的MegaMenu,Astra还可以套用Elementor模板,完成客制化选单设计。

这章节,我会分3个步骤,教大家制作简单版MegaMenu,可先看一下完成图。

Step1:设置选单层级

前往WordPress外观>选单,先设置一个三阶层的选单。

Step2:设置最上层选单

找到最上层的选单,点击Astra选单设置,英文介面则是AstraMenuSettings。

备注:这里是选最上层的选单唷,这样子选单们才会套用巨型选单的功能。

当你点选Astra选单设置时,右侧就会自动跳出AstraMenuOptions的设置选项,开启巨型选单后,可以选择选单的宽度,完成后记得储存变更。

如果想要针对个别选单进行外观设置,点选DESIGN则设置背景类型、色彩、分隔线、强调标签色彩、栏位宽度、内距与外距的排版设置。

特别的是背景类型提供2种模式可以切换,左边主要设置图片背景,右边则是设置渐层背景。

Step3:设置第二层选单&MegaMenu完成

点选第二层选单的Astra选单设置。

子项目的Astra选单设置的功能会有些不同,可以设为AsHeading作为标题、隐藏选单标签、停用连结,其中最强的功能是设置图示,可以直接选用系统提供的Icon范本,高达74页可以随意挑选。

当然你也可以选择中间的上传选项,自己制图专属的子项目Icon,专业版还能设置图示间距、位置、大小…等细部调整,最后记得储存设置喔!

依照此流程,完成其他第二层选单的标签设置。如果不设置标签也可以,依照自己需求调整即可。

最后来看一下成果,就会跟上面提供的巨型选单成品图一样啰:)

StickyHeader模组,是AstraProTheme提供的页眉置顶功能,在页面滚动时,选单会持续在顶端功能,可达到美观的效果。

前往Astra>固定式页眉>自订,也可以点选页眉编辑器>页眉类型的固定式页眉。

新版的AstraPro可以调整固定式页眉的呈现效果,功能说明如下:

如果想要调整固定式页眉的外观,直接点选笔,就会自动跳到DESIGN,可调整固定定页眉的背景色彩、边框间距和边界。

以上,就是固定式页眉的详细说明,不仅可以美观网站,还能让用户在任一页面时,都能随时轻松找到选单。

PageHeaders模组,是AstraProTheme的页面标题功能,可以更明确的表示当前页面的目的,另一方面也有美观效果。

前往「Astra>页面页眉>设置」,即可快速前往页面页眉的设置。

这章节,我会分3个步骤,教大家制作页面标题,可先看一下完成图。

Step1:设置页面页眉

当你前往页面页眉时,点选最上方栏位的「AddNew」。

设置覆盖的背景颜色(调偏黑色),点选「选择图片」即可上传背景图片,并打勾「覆盖背景色彩」。

视差是设置不同装置是否要显示页面页眉,如果想统一出现,就选择「桌上型装置+行动装置」。

Step2:设置网站首页

如果你想要将页面页眉与网站首页合并,前往中间栏位的「网站页眉」将其功能打勾。

Step3:设置显示规则

可以根据自己的需求设置显示条件,简单介绍显示规则的选项:

最后记得点选发布&更新,到WordPress网站前台就会看到成果啰!

以上只是教程范例,你可参考流程并设计自己喜欢的样子。

CustomLayouts模组,是AstraProTheme的客制化布局功能。

能自订客制化的Header页眉、Footer页脚、Hooks钩子,在指定页面上出现,达到真正客制化网页的目的。

备注:Hooks钩子的意思是,Astra在网页的不同位置有设置标注代码,使用者可自行客制化区块,并放入到指定的Hook位置上,就能达到多样化的网站设计。

下面是完成图。

Step1:前往自订版面配置&设计区块

前往WordPress外观>Astra>自订版面配置,点AddNew。

根据自己的需求选择版面,这边示范Hooks勾点的设计。

设计CustomLayouts区块内容,有WordPress预设编辑器、Elementor页面编辑器、CodeEditor几种编辑可选。

这里我示范新增一个联络表单区块。

Step2:自订版面配置的设置

首先,点选右上角的符号,就会跳出自订版面配置的更多设置。

Layout选Hooks勾点类型,Action置入位置选entry_content_after,其余设置依照个人需求调整。

最后再进行发布,前往网站前台,就会看到上面的成果图啰:)

以上只是单一情况的示范,你也可新增新闻区块、商品行销区块等..,并让它在指定页面出现,就能达成CustomLayouts客制化布局。

很强大的AstraPro功能吧,发挥你的创意吧!

SiteLayouts模组,是AstraProTheme的全站布局功能,提供4种版面可选择:全幅宽度、最大宽度、边框四边留白、流体版面配置。

前往「全局>内容容器」,即可设置网站版面配置。GENRAL可设置网站版面配置、DESIGN则可设置更详细的内外侧间距。

因为这功能要实际操作,才能比较明确感受差异,这里就大约说明在哪做更改。

FooterWidgets模组,是AstraProTheme的页脚小工具功能强化。

直接点选页脚区域的笔,即可在GENERAL设置栏位数量、页脚版面配置、内部元素版面配置…等设置。

DESIGN则可以设置页脚的内部栏位间距,以及边框与边界的间距,弹性调整页脚的留白空间。

ScrollToTop模组,是AstraProTheme的回到顶端按钮,增加了可客制化设置。

前往「全局>返回顶端」,可设置DisplayOn显示装置、显示位置(按钮在右侧或左侧)、图示尺寸。

DESIGN区域则可以设计返回按钮的外观,像是调整颜色、框线圆角半径。

WooCommerce模组,是AstraProTheme的WooCommerce电商功能强化。

前往WooCommerce,会看到有不同项目可调整,像是General一般设置、产品目录、SingleProduct单一商品等..。

这边用产品目录当示范,因为这是WooCommerce的核心功能之一。

前往WooCommerce>产品目录,可调整商品排序方式、画面版型、商品栏位&出现数量、文字样式…等完整的商品设置。

PremiumStarterTemplates进阶模板,是Astra的MiniAgencyBundle迷你代理商方案,才能使用的功能。

PremiumStarterTemplates是Astra在免费基础模板上,新增多达50+个多类型的进阶模板,适用于各种产业别,需用插件的方式安装。

可选择全网站模板汇入,或是挑选喜欢的单一页面,进行模板汇入。

除此之外,在Elementor编辑器中,也能汇入PremiumStarterTemplates多种进阶模板&区块,不但美观也制作快速。

WPPortfolio作品集功能,是Astra的MiniAgencyBundle迷你代理商方案,才能使用的功能。

你可以用它制作各类型的展示页面,像是网站、照片/图片、影片等..多种作品类型。

不论是用来展示作品、制作个人or公司的服务案例,或是单纯觉得它会派上用场,都可以使用WPPortfolio。

WPPortfolio本身极为轻量,完全不会影响到网站速度,这跟Astra本身轻量快速的优点一样。

同时提供物品搜寻功能、双层分类条件、滚动加载作品、Demo演示作品汇入、瀑布流展示等..多种特色。

当然,WPPortfolio同样支援主流的页面编辑器,像是Elementor、BeaverBuilder、VisualComposer..。

这代表能自由客制化网站页面,并当成展示页面的一部分,达成你的真正需求:)

有关WPPortfolio的安装启用、凭证激活、各作品类型的制作方法。

UltimateAddonsforElementor终极扩充功能,是Astra的MiniAgencyBundle迷你代理商方案,才能使用的功能。

除了Elementor编辑器,Astra也有UltimateAddonsforBeaverBuilder插件,帮BeaverBuilder做了功能扩充。

UltimateAddonsforElementor主要功能有,提供49种功能小套件、180+网站模板、多种区块模板。

客制化的大型选单,如果你的网站是中大型网站,那会非常实用(也支援WooCommerce商品)。

多种交互式选单效果、强化选单&子选单可控制项、多种选单布局方式。

UltimateAddonsforElementor的超级选单示范

多种风格样式表格,可自定义输入字段、按钮、颜色背景,配置成功和错误消息。

互动式网页效果,增加与访客接触机会。

以上就是Astra的UltimateAddonsforElementor插件简单介绍。

WhiteLabel翻译为白色标签,最强功能是可以将产品或插件重新命名,并改为自己想要的名称。

这代表你可以隐藏所用主题和插件的实际身份,自己定义品牌名称,因此又称为「自订品牌」,但请注意WhiteLabel不能更改资料夹名称。

AstraPro提供自订品牌的选项,几乎可以更改网站内每个领域,好证明所有的网站产品属于自家品牌,这对于网站开发人员来说,是很重要的进阶功能!

前往后台点选「Astra>自订品牌>设置」。

下图列出WhiteLabel可以设置哪些细项,完成设置后,记得按Save。

启用WhiteLabel就会删除Astra网站的任何连结,并在仪表板中更改身份,因此这个设置主要应用在为客户构建网站的企业机构和开发人员使用,像是网站架设公司、网页设计师。

Spectra是一款加强WordPress页面编辑器的插件,搭配AstraPro更能制作出更进阶的网站,列出Spectra的3大特色:

稍微了解Spectra的优势后,接下来我们来实际操作这款插件!下文介绍几项重点功能:

安装Spectra插件

前往后台的插件>安装插件>关键字栏位输入Spectra>立即安装Spectra。

新增Spectra页面

前往「设置>Spectra>CreateNewPage」。

开启小工具以后,就会先看到Spectra的各种功能项目,预设的WordPress页面编辑器则排在后面,你可以一次拥有这2种页面编辑器的功能。

THE END
1.吹爆荣耀手机游戏侧边栏,太好用了。原神iphone吹爆荣耀手机游戏侧边栏,太好用了。2025-01-20 15:54:46 listter 湖北 举报 0 分享至 0:00 / 0:00 速度 洗脑循环 Error: Hls is not supported. 视频加载失败 声明:个人原创,仅供参考 listter 3993粉丝 科技自媒体 01:34 比亚迪天神之眼,智驾新征程 01:35 没信号手机秒变对讲机!vivo X200系列https://www.163.com/v/video/VYLE60P8O.html
2.jQuery手机端侧边栏滑出导航菜单插件描述:点击按钮滑出侧栏和遮罩,点击侧栏的栏目有一个堆叠显示隐藏效果 更新时间:2018/7/5 下午12:45:39 更新说明:修复遮罩下的页面滑动bug 修复点击底层li后无法跳转bug 插件有点low。使用插件要引入相关jq包。及插件的css、js。 需要按照index.html里面的代码布局及类的命名。 https://www.jq22.com/jquery-info19398
3.桌面插件app有哪些?桌面插件app大全桌面插件app下载桌面插件app是给手机桌面美化的小工具,插件包含的内容很多,比如日常使用的桌面live2d插件还有一些应用快捷工具可以让你直接在桌面上显示内容。在桌面插件app上也可以整理你的桌面,把你的应用进行收纳以及整理,还有更换一些桌面图标等。有的桌面插件app还会对你的系统桌面小插件美化或者进行替换,比如加入动态的天气时钟工具http://www.downcc.com/k/zhuomianchajianapp/
4.iphone4root后侧边栏出现弧形图标是什么插件?在刷一次 简单暴力.https://ask.zol.com.cn/x/816727.html
5.鸿蒙侧边栏怎么添加应用,鸿蒙系统侧边栏如何删除添加app1、鸿蒙系统怎么设置桌面插件?手机任意界面,通过左下角或右下角向斜上方滑动进入服务中心。在发现界面的来自应用的服务添加想要的插件即可。 2、点击插件进入窗口小工具,在下面点击想要设置的桌面插件即可。 3、两根手指向中间聚拢 两根手指在屏幕中间由角落向中间聚拢。点击窗口小工具 找到并点击窗口小工具。选择小组件http://app.bslyun.com/harmonyos/165935.html
6.Discuz!威兔手机模板商业版V6版(v2mbl20121009)* 支持友商的 百变每日签到 插件, 应用中心 *** 好用的签到插件, 效果可以参看演示站的 侧栏签到 (登录后) 首页 * 默认提供三种首页, 1. 聚合信息首页, 2. 图文首页, 3. 图片首页 * 支持自定义diy, 支持自定义增加首页, 支持第三方首页扩展, 无穷变化 * 不需要手机版首页的话, 可自行关闭, 对电脑版https://addon.dismall.com/templates/v2_mbl20121009.html
7.适合移动手机的jQuery多级侧边栏菜单插件资源**jQuery 多级侧边栏菜单插件:** 这类插件主要用于构建可折叠、可展开的导航菜单,尤其适用于移动设备,优化用户体验。在有限的屏幕空间内,侧边栏菜单能有效地组织大量链接和子菜单,提供层次清晰的导航结构。 **hc-mobile-nav 插件:** hc-mobile-nav 是一款专为移动设备设计的 jQuery 插件,它允许开发者快速创建一https://download.csdn.net/download/weixin_38744375/12026738
8.侧边栏app推荐智能侧边栏软件下载侧边栏app下载安卓侧边栏app大全都是小编精心挑选的一些好用且专业的手机侧边栏软件,随着大屏智能手机的到来,相信很多小伙伴都不能单手操作手机了,有了这些软件,用户就可以自定义分屏,还可以设置侧边栏app悬浮,让您在每个页面都能轻松玩转各类手机软件,简直就是玩机必备软件,感兴趣用户快来点http://www.danji100.com/k/cebianlanapp/
9.android侧滑菜单第三方库android侧边栏菜单android 侧滑菜单第三方库 android侧边栏菜单 本文要实现手指在手机上向左或向右移动时,能相应的移动左右两个视图。通过自定义来实现,不借助第三方插件。实现的思路很简单,通过判断手指滑动的距离和速度来决定是否要滚动显示菜单项.(左边图片) 先来看看效果:(源码免费下载)https://blog.51cto.com/u_16099248/9949987
10.转载实用模块xposededge为手机打造最顺手的使用方式Xposed edge 是一款基于xp的插件,可以提供系统级别手势操作,其主要的操作方式为,边缘手势,操作按键,PIE 虚拟键,快捷面板,左右侧边栏操作,应用冰箱和隐藏等的功能。 手势是这款插件的核心,可以说其他的操作都是基于手势来实现的,手势触发的区域非常全面,几乎涵盖屏幕的所有边缘,手势操作包括单机,双击,长按,滑动等操作https://www.xiaomi.cn/post/2193133
11.苹果手机使用苹果耳机时如何在通知栏显示耳机电量2、如果你使用的是苹果iPad,蓝牙耳机的电池电量不仅可以在系统通知栏显示,还可以在桌面最左侧的侧边栏添加电池小插件(类似安卓的负一屏)。点击侧边栏右侧的加号按钮,然后在列表中选择电池插件,确定后保存退出,然后在侧边栏上查看即可(升级后电池样式会从电池形状变成环形百分比)。 https://m.bjhwtx.com/h-nd-223486.html