本文是日语原文的本地化版本。 阅读日语原文
Blocksy 是一款免费且功能丰富的 WordPress 主题。大部分设置都可以在“外观 (Appearance)”→“自定义 (Customize)”（定制器）中一边看预览一边完成，页眉和页脚可以通过拖放来组合。本文按设置的顺序，讲解主题和辅助插件“Blocksy Companion”的安装、一开始要确定的颜色和字体、页眉的制作方法、博客列表和文章页面的显示设置，以及子主题的准备。
了解 Blocksy 的构成
Blocksy 由下面 3 部分构成。
- Blocksy（主题本体）：可以从 WordPress.org 免费获取。带有通过定制器进行设计设置的功能，以及页眉、页脚构建器
- Blocksy Companion（免费插件）：负责导入入门站点（演示数据）和添加扩展功能
- Blocksy Pro（付费）：增加额外的页眉元素、带条件的显示、更精细的布局功能等
比较合理的做法，是先从主题本体加 Companion 的组合开始，发现免费范围内的功能不够用时，再考虑 Pro（功能的划分和价格可能会变化，请以 2026 年 10 月时官网的信息为准）。
另外，Blocksy 的设计偏向经典主题，同时也支持区块编辑器。它与用站点编辑器（“外观”→“编辑器”）来搭建整体的区块主题，操作的位置不同，所以记住“整体设计用定制器，文章和页面的内容用区块编辑器”，就不会混淆。
安装与导入 Companion
- 在“外观”→“主题 (Themes)”→“添加新主题 (Add New Theme)”中搜索“Blocksy”，安装并启用
- 通过启用后出现的提示，或后台中新增的 Blocksy 仪表盘，安装并启用 Blocksy Companion
使用 WP-CLI 可以按下面的方式安装。
wp theme install blocksy --activate
wp plugin install blocksy-companion --activate如果要切换已有站点的主题，请事先备份整个站点。更换主题后，之前主题特有的短代码、小工具、菜单的显示位置等，可能不会被继承。
是否使用入门站点
安装 Companion 后，就可以从 Blocksy 的仪表盘导入“入门站点”。设计好的页面、定制器的设置、所需的插件都会一并装入，所以对于新站点，可以很快把握成品的样子。
不过，在已有文章的站点上导入比较稳妥的做法是避免。演示用的固定页面、图片、菜单会被添加进来，定制器的设置也会被覆盖，结果会分不清哪些是原来的设置。如果要使用，建议在新站点的最初阶段使用，或先在预发布环境中试用，再只模仿需要的设置。
最初要确定的整体设置
打开“外观”→“自定义”，会看到 Blocksy 的设置项。设置项的名称多数已翻译成中文，但可能因版本而异。最先要处理的，是对整体有影响的下面 2 项。
颜色（调色板）
在整体设置中的颜色设置里，确定站点使用的基础色调色板。在 Blocksy 中，文字颜色、链接颜色、按钮颜色等都是引用这个调色板里的颜色，所以更换调色板，整个站点的配色就会一起切换。
如果在各处直接指定颜色，之后想改变配色时就得一个一个修改。基本上用调色板来决定，只有非要用别的颜色的部分才单独指定，这样更便于管理。
字体（排版）
在排版设置中，确定正文和标题的字体、字号、行距。中文站点需要注意的是，即使选了西文字体，也不会应用到中文字符上。中文部分会用访客设备上的字体显示，所以正文字体可以保持“系统字体”等默认值，或者指定支持中文的字体。
如果用 Web 字体加载中文字体，文件会很大，可能影响显示速度。要使用的话，请减少字重的种类，并用 PageSpeed Insights 等确认对显示速度的影响。
组合页眉
打开定制器中的页眉项目，画面下部会显示页眉构建器。页眉分为上、中、下几行，把 Logo（站点标题）、菜单、搜索、按钮等元素拖放到各行的左侧、中央、右侧来布置。
容易出错的地方是，桌面端和手机端的页眉是分别设置的。把构建器的显示切换到手机，会显示另一套布局。手机端的基本构成，是把菜单放进从汉堡图标（触发器）展开的“Off Canvas”中。如果只设置了桌面端就发布，就会出现手机上菜单不显示之类的情况，所以两种显示都要确认。
点击某个元素，该元素的设置（字号、颜色、间距等）会显示在左侧。菜单中要显示的项目本身，在“外观”→“菜单 (Menus)”中创建，再分配给页眉的菜单元素。
页脚也用同样思路的页脚构建器来组合。想更改小工具区域和版权声明的位置时，请从页脚项目中编辑。
博客列表与文章页面的显示
定制器中为每种页面类型准备了设置项，如文章列表（博客）、单篇文章、固定页面等。
- 文章列表：卡片型、列表型等排列方式，每行的列数，特色图片的比例，摘要的长度，要显示的文章信息（发布日期、分类等）
- 单篇文章：内容区域的宽度，有无侧边栏及其位置，标题部分的显示方式，相关文章和作者信息的显示
- 固定页面：与单篇文章一样，设置宽度和有无侧边栏
对文章页面的易读性影响很大的，是正文的横向宽度。中文的长文如果一行太长就难以阅读，所以不加侧边栏时，请把正文宽度设置得窄一些，并确认在手机上文字不会变得太小。
如果只想改变某一篇文章的布局，可以通过文章编辑页面侧边栏中显示的 Blocksy 设置，仅对这一篇文章去掉侧边栏等。
准备子主题
如果直接编辑主题文件，更改会在主题更新时丢失。只是添加少量 CSS 的话，用定制器的“额外 CSS”就够了。需要自定义 PHP 或覆盖模板时，就创建子主题。
Blocksy 的官网提供子主题的模板。自己创建时，请在 wp-content/themes/blocksy-child/ 中放置下面的 style.css，
/*
Theme Name: Blocksy Child
Template: blocksy
*/然后在同一文件夹的 functions.php 中加载子主题的样式。
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'blocksy-child-style',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
}, 20 );切换到子主题后，定制器的设置会与父主题分开保存，所以有时父主题中设置的内容会看不到。如果装了 Companion，定制器的设置可以通过导出、导入功能迁移，因此在切换到子主题之前先导出，可以避免返工。
更新与运维的注意点
Blocksy 和 Companion 更新很频繁。更新之前先备份，更新之后把页眉、文章页面、手机端的显示都检查一遍。如果显示错乱，请先清除缓存类插件和 CDN 的缓存再重新确认。如果使用了合并、压缩 CSS 的加速插件，可能会残留旧的 CSS，从而看起来显示错乱。
总结
- Blocksy 先从主题本体加 Blocksy Companion 的组合开始使用，等明白缺少哪些功能之后，再考虑 Pro
- 入门站点用于新站点或预发布环境，在已有站点上要注意设置会被覆盖
- 颜色用调色板，文字用排版来确定整体。要注意西文字体对中文不起作用
- 页眉构建器的桌面端和手机端是分开的。两种显示都要确认，要改动 PHP 的话请使用子主题
关于 WordPress 有疑问？本站运营方位于日本，仅以日语回复。 联系我们（日语）