专注于外贸建站,分享WordPress教程和Elementor教程

页面编辑器

5/5

2021年最好的WordPress页面编辑器是谁?用数据分析一下

Elementor、Divi、Beaver Builder、Visual Composer、WPBakery、Brizy…我深度用过Elementor、WPBakery,为了试试能否撼动Elementor的地位,我体验了Divi、Brizy,翻阅各种国外的对比文,然后拿Ahrefs给他们做了流量数据分析,最终,王者依旧是我的心头好:Elementor。 本文不细说功能,他们都是拖拽式积

如何高性价比的购买Elementor Pro与避坑

拥有Elementor Pro让建站就跟拼图一样方便了,那如何省钱的购买Elementor Pro呢?如何避开坑呢?下面分享自己的实践经验。(还不了解Elementor的点这里) 避坑:不要用Elementor Pro破解版 我曾经用过别人给的Elementor Pro破解版,破解版不用在线激活,且版本比较老,而正版Elementor Pro是必须在线联接Elementor官方激活的,结果破解版里

如何用Elementor制作WordPress网站的返回顶部按钮(3分钟解决)

LOYSEO使用的主题不提供网站的返回顶部按钮,而免费的Elementor页面编辑器就能解决这个问题,只需要3分钟,跟着教程试一下吧。 前提说明: 本教程只适合使用Elementor搭建的WordPress网站。 本教程中的演示站是使用Elementor – Header, Footer & Blocks插件制作的页头(Header), 如果你的网站使用Elementor Pr

Elementor Pro的许可证密钥可以更换绑定的域名吗?

可以的。如果您已经购买Elementor Pro,并且想要将许可证从一个网站转移到另一个网站,有如下两种操作方法。 1.在原网站的WordPress后台中,断开Elementor授权,然后在新网站中激活。 2.登录Elementor账户中心,进入授权网站页面,将原网站停用,然后在新网站激活。 那已经被停用Elementor Pro授权的网站会有什么影响吗? 针对已经做好的网页,内容设计都不会受到影

如何在Elementor中添加圆角

要设置Elementor的小部件/元素块为圆角,请左键点击小部件后,在左侧找到Style/样式标签,其中的border radius属性便可以用于设置圆角。 如下图所示,我们在图像小部件上设置了边框半径/border radius属性。 您可以将属性设置为px或百分比(%)。 让我们尝试column/列的border radius属性。 左键点选列后,转到样式和边框以查看边框半径属性。 让我们尝试

如何使用Elementor Pro制作文章页面模板【视频】

如果你用是Elementor Pro插件,你便可以省了付费主题的钱,直接用Elementor Pro导入模板库的文章页面模板页,或者自己制作文章页面模板;如果你购买了付费主题,又习惯用Elementor编辑器,最好先看看主题的介绍中是否写明支持Elementor编辑器,通常付费主题都会提供Single Post模板页面,譬如下图就是一个适合B2B外贸站的制造商类付费主题的博客详情页面模板。 接下来

如何使用Elementor Pro制作文章列表页模板

如果你用是Elementor Pro插件,你便可以省了付费主题的钱,直接用Elementor Pro导入模板库的文章列表模板页,或者自己制作文章列表页模板;如果你购买了付费主题,又习惯用Elementor编辑器,最好先看看主题的介绍中是否写明支持Elementor编辑器,通常付费主题都会提供Blog Grid等博客/文章列表页,譬如下图就是一个适合B2B外贸站的制造商类付费主题的博客列表模板。 接

如何用Elementor Pro制作网站页脚【视频】

使用Elementor pro可以创作出多种多样的页脚,可以不再局限于主题自带的页脚了。并且Elmentor Pro的模板库里提供了多款页脚模板,一键导入就可以直接用起来了,还可安装Envota elements插件,里头还有页脚模板供选用。 2021/4/6更新详细的视频教程 下方为简要的图文教程 操作步骤如下: 点击 模板>theme builder 点击添加新模板 选择模板类

如何用Elementor Pro制作网站页头导航【视频】

使用Elementor pro可以创作出多种多样的页头导航,可以不再局限于主题自带的导航了。并且Elmentor Pro的模板库里提供了几十款导航模板,一键导入就可以直接用起来了,还可安装Envota elements插件,里头还有十几款页头。 2021年4月更新视频教程 操作步骤如下: 鼠标放在在“模板”菜单 点击theme builder 点击添加新模板 选择模板类型为header 输入模板名

如何用ACF给产品详情和产品列表添加自定义字段(实例)

使用ACF(advanced custom fields)插件可以为woocommerce的产品分类、产品增加自定义字段,譬如视频、QA等等,叠加运用Elementor Pro的模板功能,就可以制作进阶的产品列表页、产品详情页了。 给产品详情页增加自定义字段 首先,请安装ACF(advanced custom fields)插件,并启用,按照下述步骤添加字段。 进入 字段 》 新建 添加字段组名称

如何用Elementor制作woocommerce产品详情页(视频实例)

本文将逐步介绍如何使用Elementor pro制作woocommerce产品详情页模板,下面进入正题。 2021/5更新详细的视频教程 下方是2021年写的简单版图文教程 点击菜单:模板》添加新模板,选择模板类型为single product,输入模板名称,譬如single product 点击“创建模板”按钮,可进入下图所示的library页面: 左键移动到模板上方,将出现放大镜按钮,点击可预

如何用Elementor制作woocommerce产品列表【视频】

本文是B2B外贸建站教程的内容之一,我将逐步介绍如何使用Elementor Pro制作woocommerce产品列表模板,下面进入正题。 视频教程 2021/4/12更新视频教程 相关教程:如何用Elementor Pro设计WooCommerce产品分类和产品标签侧边栏的样式。 下方是2020年的视频 20201129备注:1.你也可以用下面图文教程中的post元素块来制作产品列表;2.在视频中

Elementor页面设置

本教程介绍Elementor页面设置功能,但凡用Elementor制作内容,譬如制作页面、文章、模板时,点击左下角的齿轮即可进入页面设置功能,以便设置页面布局、背景等等,具体功能如下: 常规设置 页面标题:用于设置页面的标题 页面状态:用于设置页面的发布状态,包含:草稿、等待复审、私密、已发布,只有设置为已发布时,用户才能看到该页面。 特色图像:用于设置页面的封面图,一般页面不需要上传封面图,因为

Elementor如何隐藏页面上的标题(2种办法)【视频】

本文介绍两种隐藏Elementor页面默认标题的方法,一种是单个隐藏,一种是全局隐藏(适用于hello elementor和astra主题)。 下图是隐藏标题前后的区别,所用的主题是Hello elementor。 2020-11-29更新:针对Hello Elementor主题去页面标题的的视频教程https://loyseo.com/wp-content/uploads/2020/11/Hid

Elementor的全局样式与设置

本篇教程将介绍Elementor网页编辑器的全局样式与设置的常用功能,譬如设置全局的字体、颜色、页面内容宽度、元素默认间距等等。 功能入口:在用Elementor编辑页面时,点击左上角的按钮即可进入下图中的全局样式与设置面板。 全局样式 默认颜色:用于设置主要、次要、正文文本和强调文本的颜色 默认字体:用于设置主要和次要标题,正文文本和强调文本的字体及字体粗细 建议不在这里设置默认颜色和默认字体,

Elementor的Advanced高级设置教程(18个功能点)

本文将介绍Elementor网页编辑器中元素的Advanced高级设置功能,不同元素块的高级设置的内容项是不同的,下面对常见的高级设置项目进行讲解。 Advanced高级设置 是的,这个栏目的名字重复了,估计官方也找不到合适的名字吧 外距:用于调整当前元素与外部其他元素之间的间距,你就把元素当成一个盒子,盒子与上下左右盒子之间的距离通过它调整。 内距:用于调整元素内部的间距,如果元素是个盒子,盒子

如何在Elementor中修改文本的字体、大小、颜色、样式【视频】

本文将介绍Elementor网页编辑器中如何修改文本的字体、大小、颜色和样式。 许多Elementor元素都提供了编辑文本的字体、大小、颜色和样式的功能。这些设计选项位于元素的“ 样式”/style选项卡中。 视频教程 图文教程 通常,见下方图片,当你编辑一个元素时,在它的样式栏中能找到文本的排版设置,点击笔状图标,就可以打开对应文本的设计编辑器,当笔图标为蓝色时,说明当前有自定义的样式,若想恢复

如何在Elementor中移动元素?(2种方法+视频)

在使用Elementor编辑器进行WordPress建站或外贸网站建设时,我们可以通过移动元素来进行内容顺序的调整,移动的方法有两种: 在导航/navigator中拖拽元素上下移动,如果元素较多时,建议在导航中定义元素的名称,以便识别 直接按住元素的编辑按钮进行拖拽移。(当鼠标悬停于元素上时,就会出现蓝色的编辑按钮) 详见下方的操作视频。 更多相关阅读:Elementor教程

热门文章
分类目录
标签