Elementor 页面设置功能详解

Elementor 是一个强大的页面构建器插件，能够帮助用户轻松制作各种页面、文章和模板。使用Elementor时，点击左下角的齿轮图标即可进入页面设置功能。本文将详细介绍这些设置功能，以便更好地利用这些工具来提升页面效果。

一、常规设置

在Elementor的常规设置中，可以对页面的基本属性进行设置，包括页面标题、发布状态、特色图像等。

页面标题

• 页面标题：用于设置页面的标题。这个标题将显示在浏览器标签和搜索引擎结果中，因此请确保标题清晰且包含关键词。

页面状态

页面状态：用于设置页面的发布状态，包含以下选项：

• 草稿：页面尚未完成，只有管理员和编辑者能看到。
• 等待复审：页面需要其他管理员或编辑者审核后才能发布。
• 私密：只有登录的管理员和编辑者能看到。
• 已发布：页面已经公开发布，所有用户都可以访问。

特色图像

• 特色图像：用于设置页面的封面图。一般情况下，普通页面不需要上传封面图，因为它们不会出现在列表中。但对于博客文章，封面图非常重要，可以在博客列表中图文结合展示，提升可读性。

隐藏标题

• 隐藏标题：滑动开关可以隐藏页面上默认显示的标题。这不会影响你在页面上直接使用的标题元素块。

页面布局

页面布局：用于选择当前页面的布局，一共有三个选项：

• 默认：采用主题默认的页面布局，通常推荐使用。
• Elementor 画布：页面没有默认的顶部和底部，需要自行制作。适合制作与主站不同的单页。
• Elementor 全宽：页面宽度默认是100%拉伸，与屏幕同宽。如果不生效，可以将页面上的 section 布局设置为全宽度。

二、样式设置

样式设置允许你为页面设置背景和内距，使页面更加美观和协调。

背景类型

Elementor 提供了两种背景类型设置：

• 颜色+图像：可以设置纯色背景或者上传背景图像。
• 渐变色：设置渐变色背景，提升页面视觉效果。

内距

• 内距：用于设置页面内容区域的外缘与内容之间的间距，确保页面内容不会紧贴边缘，提高可读性和美观度。

三、高级设置

高级设置主要用于添加自定义CSS代码，需要一定的CSS知识。

自定义CSS

• 自定义CSS：可以为页面添加自定义CSS代码，进一步美化和定制页面外观。例如，可以通过自定义CSS来调整页面元素的样式、布局等。

/* 示例自定义CSS代码 */

body {
    font-family: Arial, sans-serif;
}

.elementor-section {
    padding: 20px;
    background-color: #f4f4f4;
}

通过以上设置，可以充分利用Elementor的功能，打造出符合你需求和审美的页面。

总结

Elementor 的页面设置功能非常强大和灵活。通过合理使用这些功能，可以轻松创建和定制页面，提高网站的整体质量和用户体验。