自用建站实操记录，纯原生区块操作、不装插件、不改代码，适配 Twenty Twenty-Five 全站FSE区块主题，默认模板：Text Blog Home，站点搭载 Polylang 双语插件，改造后中英文首页布局完全同步、区块不丢失、不隐身、排版不乱。
改造前现状
主题自带 Text Blog Home 首页模板，全站默认单1列文章列表，无侧边栏，无法放置分类、搜索、标签、日历导航，不符合传统技术博客浏览习惯。（对应图1）
个人实操分享｜7步改造全过程（纯自用复盘，新手可参考）
Step1：新建分栏容器
进入站点编辑器 → 编辑 Text Blog Home 首页模板，顶部空白处，新增【栏目（Columns）】区块，布局比例直接选择预设：66 / 33
选型理由：技术博客最优比例，左侧文章阅读宽度充足，右侧侧边栏收纳导航工具，大屏美观、手机自动自适应堆叠。（对应图2）
Step2：迁移原有首页文章主体
找到原本单列文章外层的【群组】区块（包含博客标题、文章列表、分页全部内容），直接拖拽整体移入 左侧66%栏目容器 内。
⚠️重点：一定要拖拽外层群组，禁止单独拖拽文章列表，避免丢失标题、分页组件。（对应图3）
Step3：右侧33%栏，搭建固定容器
选中右侧33%空白栏目，内部添加【堆叠（Stack）】区块。
核心避坑关键点（本次最大踩坑点）：
- WordPress 单个栏目单元格，顶层只能放1个区块，直接加搜索/分类会保存后隐身、编辑器看不见、大纲能看到
- 禁止用行(Row)、禁止直接堆砌区块，必须用堆叠做外层万能容器
- 堆叠自带垂直间距，适配侧边栏上下排布，不用手动调边距（对应图4）
Step4：侧边栏堆叠内，依次添加功能区块
在 Stack 堆叠容器内部，从上至下顺序添加原生区块，无需插件：
- 搜索表单
- 文章分类列表
- 标签云
- 日历区块
全部内置在堆叠内部，保存区块不会消失、不会隐藏。（对应图5）
Step5：改造完成双语前台效果
本次适配 Polylang 双语站点，布局全局同步，无需二次修改模板：
- 中文（中国）前台首页：66主内容文章+33标准化侧边栏，区块正常显示（对应图6）
- English英文前台首页：布局结构完全一致，分类、标签、区块自动适配语种，布局不乱、区块不丢失（对应图7）
本次改造必看注意事项（解决99%区块隐身、丢失问题）
1、区块层级铁规则（必须遵守）
外层栏目66/33
├─左侧66% = 放入文章外层群组
└─右侧33% = 仅放1个堆叠Stack
└─堆叠内部：放所有搜索/分类/标签/日历
严禁：33栏目内直接放多个独立区块，保存后编辑器画布隐身，仅大纲可见。
2、栏目比例选型建议
- ✅首选：66/33 （技术博客专用，推荐）
- ❌不选：50/50、33/66（文字/代码阅读宽度畸形）
- ❌不选：三栏33/33/33（个人博客过于拥挤，代码展示体验差）
个人踩坑：侧边栏区块隐身真实原因（亲身遇到）
个人实操故障：编辑页面画布看不到搜索、分类区块，但是左上角大纲列表里，区块完整存在，没有丢失。
真实诱因：并非CSS、插件冲突，是我操作失误——把分类列表、搜索区块，和堆叠区块做了并列放置，没有嵌入堆叠内部。33%栏目顶层同时存在堆叠、分类多个区块，主题渲染异常，直接画布隐身。
解决方式：删掉并列的独立区块，把搜索、分类、标签、日历，全部移入堆叠内部即可，立刻恢复可视化。
4、Polylang双语适配要点
- 整套栏目+堆叠结构，只需要修改一次模板，双语共用布局
- 分类列表区块，开启区块多语言适配，自动切换中英文分类
- 不要给区块固定语言ID，避免语种切换后区块消失
5、区块区分答疑
- 栏目Columns：做页面左右分栏（本次66/33）
- 堆叠Stack：侧边栏上下放多个功能块（必用）
- 行Row：横向并排内容，本次改造完全不用
改造总结
Twenty Twenty-Five 新版区块主题，没有传统后台一键侧边栏开关，只能依靠【栏目+堆叠】双层容器搭建经典两栏。
整套操作零代码、无插件、双语兼容，改造后回归传统博客浏览结构，访客可快速通过侧边栏检索分类、标签内容，适配技术博客使用场景。
发表回复