对于目前 WordPress 建站主题来说， Blocksy 已成为构建现代化专业级商业站点的首选。它不仅在加载速度上表现卓越，其灵活的自定义能力也让品牌呈现更加自由。本文将为您详解如何从零开始，利用 Blocksy 主题构建一个兼备现代化视觉美感与极速体验的站点。
Blocksy 是一款完全基于古腾堡（Gutenberg）编辑器原生开发的现代化主题。
核心优势在于轻量化、完全响应式设计以及对 SEO 的天然友好。对于追求高权重、高性能的企业官网或博客来说，它是很优秀的主题。
我们的 www.ctzpj.com 和 WPHOS Edge™ 官网 都是用它搭建的，通过优化测测效果还不错，我比较喜欢它的是现代化的外观配合 WPHOS Edge™ 可以实现极致性能，基于 PageSpeed Insights 真实测试。
Blocksy 主题有免费版和高级版，高级版的官方正版授权，需要的可以点此购买。
Blocksy 主题安装与基础配置
Blocksy主题安装教程
WordPress 后台操作方法（如果您还没有WordPress 网站，可以参考 宝塔面板 WordPress 搭建教程 ）：
安装教程： 在后台点击 外观 > 主题 > 添加，搜索并启用 Blocksy。
如果你不会可以参考：WordPress 主题安装教程
基础配置： 启用后，建议首先进入 设置 > 固定链接，将其设置为“文章名”。这不仅是为了 URL 的美观，更是为了搜索引擎的抓取权重。（基础 SEO 考虑）
如果你不会可以参考：WordPress 后台设置教程
激活主题配套插件：Blocksy Companion
安装主题后，必须安装 Blocksy Companion（这就和Astra 主题有点像相似了需要安装必要插件）。
功能： 插件提供了演示站点导入、高级页眉生成器、以及丰富的扩展库。
操作： 点击顶部的提示条一键安装并激活。
使用免费版的话直接点击安装Blocksy Companion按钮安装插件就行了。
高级版的功能更多，我上传的高级版，如果下面教程讲到的地方你没有对应的设置，则代表免费版不支持。
Blocksy 从零开始装修网站
导入演示数据 (Starter Sites)
进入 WordPress后台 → Blocksy → Dashboard → Starter Sites。如果您希望快速拥有专业的视觉框架，建议选择适合商业场景的预设模板。
操作建议： 导入时选择“完整导入”，以便获取现成的页面结构，缩短网站上行周期。
这里我以外贸行业的Business模板来做演示。
Blocksy主题完美兼容古腾堡（Gutenberg）和 Elementor 编辑器。考虑到大部分朋友都使用Elementor 编辑器，下面我将选择 Elementor 来导入。
从性能上来将 古腾堡（Gutenberg）编辑器最佳，至于选择Elementor 是因为新手友好，上手比较快，跟着步骤导入即可，导入完成点击 查看网站。
创建页面 & 修改导航菜单
添加页面
导入的演示数据和你实际需要的页面肯定有出入，如果没有你想要的页面就需要先添加页面，再对导航菜单进行设置。
我们可以看到了导入数据的页面已经包含了，商业外贸站的基础页面，或许您还差一个案例页或者团队页，那么就可以用添加页面来实现。
修改导航菜单
操作：WordPress后台 → 外观 → 菜单
主题颜色修改
操作：WordPress后台 → 外观 → 自定义 → 颜色
可自行搭配网站配色。
修改页眉
操作：WordPress后台 → 外观 → 自定义 → 页眉
默认的页眉包含3行：顶部行、主要行和底部行
- 顶部行，一般我们成为Topbar，常规设计是用来放联系方式和社交媒体
- 主要行就是放导航菜单和按钮
- 底部行一般使用的比较少
修改页脚
操作：WordPress后台 → 外观 → 自定义 → 页脚
页脚（设置方法和页眉一样）： 加入版权声明、社交图标以及快速联系通道，增加用户的二次停留。
小工具区域的内容可以从：WP后台 → 外观 → 小工具 里设置
修改页面内容
操作：
- WP后台 → 页面 → 所有页面 → Edit with Elementor
- 网站前台 → 顶部adminbar → Edit with Elementor
Elementor的基础使用非常简单，想要修改哪里就点击哪里，左侧编辑区域进行内容修改和样式调整，右侧预览区域查看修改后的样式。
功能扩展
如果你需要在线商品销售展示，可以配合 WooCommerce 插件，Blocksy 可以平滑转型为产品展示或在线商城。
您可以自定义产品网格的排列样式，并开启“快速查看”功能，优化移动端的购物与浏览体验。
