外贸独立站网站logo
Facebook-f Twitter Youtube

使用 Elementor 编辑网站，如何减少与 Blocksy 主题的冲突

作者

Elementor Pro 是一个功能强大的可视化编辑器，可以完全自定义 WordPress 网站。但如果你的主题是 Blocksy，两者可能会在一些功能上发生冲突，导致界面不一致或布局混乱。为了确保 Elementor 完全接管页面设计，你可以采取以下两种方法：

  1. 使用 Blocksy “重置选项” 快速恢复默认设置（适合新站点或不介意重置配置）。
  2. 手动禁用 Blocksy 相关功能（适合已有自定义配置的站点）。
内容 显示

方法 1：使用 Blocksy “重置选项” 一键优化（适合新站点）

如果你的站点是 全新的，或者你不介意重新调整 Blocksy 的设置，可以使用 Blocksy “重置选项”，快速让 Elementor 接管设计。

步骤：

  1. 进入 WordPress 后台 → 外观（Appearance）→ 自定义（Customize）。
  2. 滚动到底部，找到 “Reset Options（重置选项）”。
  3. 点击 “Reset All Options” 按钮，确认重置。
  4. 保存更改，然后刷新页面，检查 Elementor 是否完全控制页面设计。

🔹 优点：简单快捷，一键清除 Blocksy 的所有设置。 🔹 缺点：会删除所有自定义配置（如 Header、Footer、颜色、字体等），需要重新调整。

方法 2：手动禁用 Blocksy 相关功能（适合已有自定义配置的站点）

如果你已经对 Blocksy 进行了很多个性化设置，不想丢失配置，那么可以 手动关闭 Blocksy 主题的部分功能，让 Elementor 顺利接管。

1. 禁用 Blocksy 的 Header（页眉）

如果你想用 Elementor Theme Builder 来自定义 Header，需要禁用 Blocksy 自带的 Header。

方法 1：从 Blocksy 主题设置禁用 Header（推荐）

  1. 进入 WordPress 后台 → 外观（Appearance）→ 自定义（Customize）。
  2. 找到 “Header（页眉）” 设置，进入 Header Builder。
  3. 删除所有 Header 组件（如 Logo、菜单、按钮等）。
  4. 在 Header General（页眉通用设置） 里：
    • Layout 选择 “None” 或 “Disable”（如果有这个选项）。
  5. 保存更改。

方法 2：使用 CSS 代码隐藏 Blocksy Header

如果你无法完全禁用 Header，可以使用 CSS 代码：

.site-header {
    display: none !important;
}

2. 禁用 Blocksy 的 Footer（页脚）

如果你想用 Elementor Pro 自定义 Footer，也需要禁用 Blocksy 的 Footer。

步骤

  1. 进入 WordPress 后台 → 外观（Customize）→ Footer（页脚）。
  2. 删除 Footer Builder 里的所有组件。
  3. 保存更改。

如果仍然显示 Blocksy Footer，可以使用 CSS 代码隐藏：

.site-footer {
    display: none !important;
}

3. 确保 Elementor 的 Header & Footer 规则生效

  1. 进入 Elementor → Theme Builder。
  2. 创建新的 Header 和 Footer 模板。
  3. 在 Display Conditions（显示条件） 选择 Entire Site（全站）。
  4. 保存并应用模板，刷新网站，检查是否生效。

4. 禁用 Blocksy 主题的全局样式（防止样式冲突）

Blocksy 主题有自己的全局样式设置，如果不禁用，可能会影响 Elementor 的设计。

步骤

  1. 进入 WordPress 后台 → 外观 → 自定义 → General（通用设置）。
  2. 进入 Color Palette（颜色调色板），选择 “None” 或者手动设置为空。
  3. 进入 Typography（排版），把字体设置成 继承（Inherit），让 Elementor 自己控制字体。
  4. 保存更改。

5. 关闭 Blocksy 的页面容器，防止 Elementor 受限制

默认情况下，Blocksy 可能会限制 Elementor 的页面布局，导致无法完全自定义页面。

步骤

  1. 进入 WordPress 后台 → 页面（Pages），找到你要用 Elementor 编辑的页面。
  2. 在 页面编辑模式 下，找到 “Blocksy Page Settings”（通常在右侧）。
  3. Layout 选择 “Full Width” 或 “Disable Content Area”（具体选项可能会因主题更新有所不同）。
  4. 保存更新，然后使用 Elementor 编辑页面。

6. 如何让 Elementor 文章筛选功能替代 Blocksy 的 Posts Filter？

Blocksy 自带的 Posts Filter（文章筛选）功能，在 Elementor 里默认是没有的。如果你希望在 Elementor 中实现类似功能，可以使用以下方法：

方法 1：使用 JetSmartFilters（推荐）

  • 这是 Crocoblock 开发的一款 Elementor 插件，可以实现 AJAX 文章筛选。
  • 适用于分类、标签、搜索等多种筛选方式。
  • 适用于 Elementor Pro 的 Posts Widget。

方法 2：使用 The Plus Addons for Elementor

  • 这个插件也可以实现 AJAX 文章筛选。
  • 适用于 Post Grid/Carousel。
  • 需要单独购买，但比 JetSmartFilters 便宜。

方法 3：使用 Elementor 内置 Query 变量（适合简单筛选）

  • 适用于分类、标签筛选，但不支持 AJAX（页面会刷新）。
  • 适合小型网站，不需要安装额外插件。

结论：两种方法，按需选择

方法适用情况优缺点
使用 Blocksy “重置选项”适合新站点，快速清除 Blocksy 设置快速生效，但会丢失所有 Blocksy 自定义设置
手动禁用 Blocksy 功能适合已有 Blocksy 配置的站点，想保留部分功能需要逐步调整，但更加灵活

如果你想一键恢复默认状态，然后让 Elementor 负责所有设计，可以尝试 Blocksy “重置选项”。但如果你已经做了很多定制，建议按步骤手动调整相关设置，这样更灵活。🚀

发表评论