所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

Astra Pro主题教程:Ultimate Addons for Elementor 终极扩充功能

这是一篇 Astra Pro主题(pro版)的 Ultimate Addons for Elementor 终极扩充功能,相关的教程。 更多视频教程可参考 Astra 主题入门

Astra 是一款优质轻量级且多功能的 WordPress 主题,不论是新手或是有一定程度的 WordPress 玩家,使用它都是很棒的选择。

文章中,我会挑选几个 Ultimate Addons for Elementor 在 Elementor 扩充的元素功能,进行相关教程,至于其他元素的操作方式也差不多,可自行玩玩看。

教程章节如下:

  • 1. 开始前需准备?
  • 2. Ultimate Addons for Elementor 是什么?
  • 3. 安装启用&凭证激活
  • 4. Business Hours 营业时间
  • 5. Content Toggle 内容切换
  • 6. Image Gallery 图片画廊
  • 7. Modal Popup 模块弹出
  • 8. Price List 价目表
  • 9. Countdown Timer 倒计时
  • 10. Navigation Menu 网站菜单
  • 11. WPForms Styler 表单样式器
  • 12. Seo Widgets 结构化数据
  • Astra 进阶版方案,更多教程?
  • WordPress 学习资源

准备好了吗? 我们开始吧:)


1. 开始前需准备?

Astra 是轻量多功能的热销主题,进阶版功能更加释放它的能力,可客制化程度更高。

本篇文章介绍的内容,是 Astra最高版本 迷你代理商方案,才有的功能。

开始前需完成购买安装 &凭证激活,如有需要也可联系我们。

Astra Theme 高级版方案一览
Astra Theme 高级版方案一览

如果你正好奇,使用 Astra 这款轻量快速的多功能主题,能做出一些什么网站?

我在建立Blog、搭建形象网站、搭建购物网站,有做不同类型的网站示范,共通点就是都用Astra主题,应该会有效地帮助到你。

如果你有兴趣且购买了 Astra 进阶版方案,那将会得到更多定制网页的能力。


2. Ultimate Addons for Elementor 是什么?

Astra 的 Ultimate Addons for Elementor 功能插件
Astra 的 Ultimate Addons for Elementor 功能插件

Ultimate Addons for Elementor 终极扩充功能,是 Astra 在 Elementor 页面编辑器上,新增了多种区块元素,可强化网页设计能力。

除了 Elementor 编辑器,Astra 也有 Ultimate Addons for Beaver Builder 插件,帮 Beaver Builder 做了功能扩充(这在购买 Astra 方案时,就需选择)。

Ultimate Addons for Elementor 主要功能有,提供 40 多种功能小套件、100+ 网站模板、200+ 区块模板。

Ultimate Addons for Elementor 插件特色
Ultimate Addons for Elementor 插件特色

像是内容切换、图片展示画廊、多变讯息框、多类型广告框(不同出现方法)、价目表功能、客制化文章布局等 .. 。 (仅列举部分)

Ultimate Addons for Elementor 的多种 Elementor 功能扩充(仅部分截图)
Ultimate Addons for Elementor 的多种 Elementor 功能扩充(仅部分截图)

还有 100 多种 Astra 使用 Elementor 开发的进阶完整模板(加上 200+ 高质感区块模板),如果正困扰找不到喜欢的,这会是好的解决方案。

只需一键套用即可,假如用了之后不喜欢,有内建模板还原程序,省掉后续重置的麻烦。

Ultimate Addons for Elementor 有多种 Astra 进阶模板可使用
Ultimate Addons for Elementor 有多种 Astra 进阶模板可使用

以上是 Ultimate Addons for Elementor 简单介绍。


3. 安装启用&凭证激活

接下来我简单分 3 步骤,完成 Ultimate Addons for Elementor 安装启用&凭证激活。

Step1:下载 WP Portfolio 插件

点击 Astra 官网 上方菜单的 My Account > Downloads,会前往到 Brainstorm Force(头脑风暴部队)网站的登录页面。

如果找不到路径,前往 Astra 官网滑到网站页尾(最底端)也会看到 Downloads 按钮。

前往 Astra 官网,找到 Download。
前往 Astra 官网,找到 Download。

前往并输入购买注册的账号&密码,然后登入。

然后,会看到 Astra 的相关下载文档都在这,我们找到 Ultimate Addons for Elementor 点击下载。

Ultimate Addons for Elementor 程序文档下载
Ultimate Addons for Elementor 程序文档下载

Step2:安装&启用 Ultimate Addons for Elementor 插件

前往 WordPress 后台 > 插件 > 安装插件,点击 上传插件,把刚下载的 Ultimate Addons for Elementor 上传安装。

安装完成后,记得点 启用 才算真正有激活(图略过)。 也可参考 如何安装 WordPress 插件。

Ultimate Addons for Elementor 插件安装
Ultimate Addons for Elementor 插件安装

Step3:输入 Ultimate Addons for Elementor 凭证激活

前往 Brainstorm Force 官网 > Account,点击 Licenses 凭证页面。

备注:这跟刚下载 Ultimate Addons for Elementor 文档,是同一个网站。

astra wp portfolio:前往 brainstormforce 的凭证页面
astra wp portfolio:前往 brainstormforce 的凭证页面

找到Mini Agency Bundle项目,会有Ultimate Addons for Elementor的启动凭证,我们把它复制下来等下会用到。

备注:这里的凭证页面都是重要资料,请妥善保存唷:)

复制 Ultimate Addons for Elementor 启动证书
复制 Ultimate Addons for Elementor 启动证书

回到 WordPress 后台 > 插件 > 已安装插件,点击 Ultimate Addons for Elementor 的 Activate License。

前往 WordPress 的 Ultimate Addons for Elementor 插件,启用凭证
前往 WordPress 的 Ultimate Addons for Elementor 插件,启用凭证

然后把刚复制的 Ultimate Addons for Elementor 凭证贴上并启用,就正式激活此插件啰。

Ultimate Addons for Elementor 凭证启用
Ultimate Addons for Elementor 凭证启用

凭证启用后,就会看到侧边栏有 Ultimate Addons for Elementor 终极扩充功能了,太棒了!

接下来的文章,我会带大家上手这款 Astra 开发的好用插件,准备好了就开始吧:)


4. Business Hours 营业时间

如果是经营个人或公司服务,或是店面需显示营业时间,都可以用这个Business Hours元素,达到美观的设计。

前往 Elementor > Ultimate Addons,找到 Business Hours 就可使用。

Astra Addons Elementor :Elementor 的 Business Hours 扩充元素
Elementor 的 Business Hours 扩充元素

可以配置日期时间、文本颜色&对齐调整、动态效果、背景颜色等 .. ,达成想要的营业时间效果。

Astra Addons Elementor :Elementor 的 Business Hours 扩充元素
Elementor 的 Business Hours 扩充元素

Business Hours 元素的详细使用教程,也可参考 Astra 官方教程影片。


5. Content Toggle 内容切换

Ultimate Addons for Elementor 提供 Content Toggle 内容切换元素,允许在两个现成的布局中,点击按钮实现切换效果。

前往 Elementor > Ultimate Addons,找到 Content Toggle 就可使用。

Astra Addons Elementor : Content Toggle 内容切换元素
Content Toggle 内容切换元素

这可用来做一些订阅服务的呈现,像是月缴、年缴之间的版面切换。

Astra Addons Elementor : Content Toggle 内容切换元素
Content Toggle 内容切换元素

或是可以设计当前功能&即将推出功能,之间的面板切换。 还有其他可延伸的用途,都能用这功能做变化。

Astra Addons Elementor : Content Toggle 内容切换元素
Content Toggle 内容切换元素

Content Toggle 元素的详细使用教程,也可参考 Astra 官方教程影片。


Ultimate Addons for Elementor 有提供 Image Gallery 图片画廊元素。

Image Gallery 可以创造多种的图片布局界面,并提供分类过滤器,动态呈现效果除了美观,也方便访客找到标的。

不论是网格式、流体式、轮播式的方法都可以完成,满足你的创作需求。

Astra Addons Elementor :Elementor 的 Image Gallery 扩充元素
Elementor 的 Image Gallery 扩充元素

简约的分类过滤器,方便图像分类排序,还可以在图片加上自定义链接。

如果有相关作品需展示,这功能也是个好帮手:)

Image Gallery 效果呈现(其中一种)
Image Gallery 效果呈现(其中一种)

Image Gallery 元素的详细使用教程,也可参考 Astra 官方教程影片。


Modal Popup 模块弹出,是 Ultimate Addons for Elementor 的功能之一。

这元素可创建直觉的弹出窗口,可通过点击任一形式的触发物,像是按钮、文字、图片等 .. 就能显示窗口。

至于,弹跳窗口的显示内容,可呈现一般编辑器内容、图片/影片,或是 Elementor 的自定义区块,非常的万能且方便。

Astra Addons Elementor :Elementor 的 Modal Popup 扩充元素
Elementor 的 Modal Popup 扩充元素

Modal Popup 模块弹出,支持多种动态呈现方式,像是Fade In淡入、Slide In 滑入、Flip翻转等 ..。

Modal Popup 多种动态显示方式
Modal Popup 多种动态显示方式

Modal Popup 元素的详细使用教程,也可参考 Astra 官方教程影片。


8. Price List 价目表

Price List 价目表,是 Ultimate Addons for Elementor 的功能之一。

只需把模块拖入到页面上,就能完成漂亮的菜单、目录、产品列表,或是其他的特色项目。

Astra Addons Elementor :Elementor 的 Price List 扩充元素
Elementor 的 Price List 扩充元素

可以设置内容布局、背景样式、列表框线等 .. ,满足多种品牌价目表的设计需求。

Price List 价目表,漂亮的菜单
Price List 价目表,漂亮的菜单

Price List 元素的详细使用教程,也可参考 Astra 官方教程影片。


9. Countdown Timer 倒计时

Countdown Timer 倒计时,是 Ultimate Addons for Elementor 的功能之一。

如果即将推出新的商品/服务,或是促销优惠时,都可以用此元素达成紧张感,提升访客购买的机率。

Astra Addons Elementor :Elementor 的 Countdown Timer 扩充元素
Elementor 的 Countdown Timer 扩充元素

可设定倒数计时类型(也有无限循环的),能对单一时间单位进行显示 or 隐藏,像是不需要秒就关闭即可。

还能设定时间到期后要做的动作,可以隐藏倒数框、导向别的页面、显示讯息,或是不做任何动作都可。

Elementor 的 Countdown Timer 倒数计时元素
Elementor 的 Countdown Timer 倒数计时元素

以上是 Countdown Timer 的简单介绍,有需求可以玩玩看:)


Navigation Menu 网站菜单,是 Ultimate Addons for Elementor 的功能之一。 有关基础选单制作,可参考 WordPress 菜单。

可配置菜单类型、布局样式、手机菜单等 .. ,也能定制大型菜单(套用 Elementor 的 Saved Section),是个多功能组合。

Astra Addons Elementor :Elementor 的 Navigation Menu 元素
Elementor 的 Navigation Menu 元素

有关菜单客制化,套用 Elementor 的 Saved Section 自订区块,这代表能加上任何文字、图片影像、网站表单、WooCommerce 商品。

使用 Navigation Menu 元素,做成的大型菜单
使用 Navigation Menu 元素,做成的大型菜单

除此之外,Navigation Menu 元素有多种交互式菜单特效,当鼠标悬停在菜单时,会出现不同效果吸引访客眼球,可挑选喜爱的使用。

支持友善的手机版菜单,在不同设备上都看起来良好。

Navigation Menu 友善的手机菜单支持
Navigation Menu 友善的手机菜单支持

菜单也有多种布局方式,像是横式、垂直、展开、飞入等 .. 漂亮效果。

Navigation Menu 元素的详细使用教程,也可参考 Astra 官方教程影片。


11. WPForms Styler 表单样式器

WPForms Styler 表单样式器,是 Ultimate Addons for Elementor 的功能之一。

WPForms 是最热门常用的 WordPress 在线表单设计插件,全球超过 300w 个网站使用,可帮助你完成多种表单设计。 参考 WordPress 表单插件,有更多整理。

而 WPForms Styler 是帮 WPForms 做表单样式的强化,让表单变得更加美观。

WPForms Styler 表单样式器
WPForms Styler 表单样式器

有了 WPForms Styler 元素,你可以管理所有表单字段颜色、表单排版、成功&错误消息的专用颜色。

WPForms Styler 漂亮的表单设计
WPForms Styler 漂亮的表单设计

WPForms Styler 能制作干净&时尚的样式,有方框 / 下划线的表单样式,可管理字体大小和边距等 .. ,达到你的需求。

WPForms Styler 可设计简约&干净的接口
WPForms Styler 可设计简约&干净的接口

以上是 WPForms Styler 的简单介绍,帮助你更快上手:)


12. Seo Widgets 结构化数据

Seo Widgets 结构化数据,是 Ultimate Addons for Elementor 的功能之一。

这是 Astra 为 Elementor 所开发的 SEO 专用元素,用来强化 Schema 结构化数据专用的,可提高 Elementor 所设计的页面排名。

Elementor 的 Seo Widgets 结构化数据
Elementor 的 Seo Widgets 结构化数据

备注:网页有良好的 Schema 结构,是对搜索引擎友善的,这代表 Google 不需花太多时间,读取&分析你的网页是在说明什么,就有机会得到比较大的搜索版面。

Seo Widgets 有提供 Business Reviews、How-To Schema、FAQ Schema、Table Of Contents,多种 Schema 结构化资料。

Table Of Contents 的 Schema 数据类型
Table Of Contents 的 Schema 数据类型

依照网页需求,选取适当的进行使用即可。

SEO 优化是个关键课题,能帮助更多人找到你的网站,提高网站的自然流量。

外贸英文电子数码百货商城多语种响应式海外购物网站整站源码外贸英文电子数码百货商城多语种响应式海外购物网站整站源码
2023-05-14

原文链接:https://www.itaoda.cn/blog/10952.html,转载请注明出处。

0
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板