本篇教程将介绍Elementor网页编辑器的全局样式与设置的常用功能,譬如设置全局的字体、颜色、页面内容宽度、元素默认间距等等。
功能入口:在用Elementor编辑页面时,点击左上角的按钮即可进入下图中的全局样式与设置面板。
全局样式
- 默认颜色:用于设置主要、次要、正文文本和强调文本的颜色
- 默认字体:用于设置主要和次要标题,正文文本和强调文本的字体及字体粗细
建议不在这里设置默认颜色和默认字体,将默认颜色和默认字体都禁用,直接使用紧接着的主题样式功能,避免二者混用造成的混乱感。
- 主题样式:可设置各种元素的默认样式,例如背景,标题,按钮,图像和表单字段。这些设置将覆盖主题自带的样式设置,从而使您可以使用Elementor为非Elementor构建的元素设置样式。默认情况下,这里的样式只会应用于非Elementor元素, 例如WooCommerce结帐字段,Contact Form 7标签等等。你也可以强制将主题样式设置应用于Elementor内置的元素,只需要禁用Elementor的默认颜色和字体,主题样式的详解点这里
设置
全局设置
样式
除了这里可以设置样式,也可以在网站后台》Elementor》设置中进行设置
- 一般默认字体:如果在主题中自定义的字体不可以用,或者禁用了谷歌、elementor字体,那么就会用这个字体作为后备
- 内容宽度:用于设置网页内容区域的默认宽度,默认值是1140px,当你想网站页面更宽一点或更窄一些,就调这里。
- 小工具间隔:可以理解为元素快之间的间距,默认是20px
- 拉伸部分以适用:原文是Stretched Section Fit To,是指在elementor编辑时,我们常用到的setion的宽度拉伸到此处输入框的元素选择器宽度,默认是body,基本不用改这里
- 页面标题选择器:这里是服务于隐藏页面标题功能的,如果你的主题的页面标题的样式选择器不是entry-title,那么你就需要更改此处了,如果你用的hello elementor主题,此处也不用改;只有当你发现使用隐藏标题功能不生效时,才需要考虑修改这里。
灯箱
可以理解为图片的弹出窗,如下图所示,左侧为灯箱的配置,右侧为灯箱效果,图中的数字与左侧设置是逐一对应的
- 图像灯箱效果:滑动开关以全局启用或禁用灯箱
- 1.计数器:用于控制是否显示图片统计数量,通常用于相册
- 2.全屏:用于控制是否提供全屏功能按钮
- 3.缩放:用于控制是否提供缩放功能按钮
- 4.分享:用于控制是否提供分享功能按钮,譬如分享到Facebook、twitter、Pinterest、下载图片。
- 5.标题:用于设置图片下方的标题文案显示什么内容,选项有:没有内容、图片标题、图片描述、字幕(caption)、图片ALT
- 描述:功能同上,你可以对图片显示两种文案,这是第二种
- 6.背景颜色:用于设置图片周围的背景色
- 7.用户界面颜色:这里的汉化不大好,实际是控制按钮或统计数字的颜色,譬如右上角的4个按钮、翻页按钮等等。
- 8.用户界面悬停颜色:这里是控制鼠标停留在按钮或统计数字时的显示颜色
- 9.文本颜色:用于控制标题和描述的颜色
- 10.工具栏图标大小:用于控制右上方四个按钮的大小
- 11.导航图标大小:用于控制翻页图标的大小
其他
接下来回到初始界面,剩下几个功能都比较简单了
- 仪表板设置:点击可链接到Elementor设置页面。
- 关于Elementor:链接到Elementor.com
- 首选项:
- UI主题:用于控制Elementor编辑器的界面风格,有明亮、黑暗模式,也可以使用“自动检测”将其与电脑设备的设置保持同步。
- 编辑控件:原翻译叫做开始编辑,实际上英文是editing handles,翻译得不大恰当,它的作用是:用于控制鼠标悬停于元素时,是否显示元素的其他编辑控件,譬如复制元素功能。
- 在编辑器中开启灯箱:用于控制在编辑状态下是否启用图片的灯箱功能。
- 搜索:可以快速查找并链接到其他页面进行elementor编辑,也可以用它创建新的页面、模板;
- 查看页面:在浏览器中以实时模式打开当前页面
- 退出到仪表板:退出当前页面的WordPress默认编辑器状态下
相关问题
如何禁用默认字体和默认颜色
- 进入 Elementor > 设置 > 一般 页面中
- 勾选两个禁用默认字体,点击保存即可
本文就到此结束啦~ヾ( ̄▽ ̄)Bye~Bye~
点赞
Your page rank:
2 回复
老师,你好,我想问下elementor可以添加自己的字体吗
谷歌:elementor custom fonts,你就知道答案了
评论被关闭。