一、区块组合的进阶用法
按住Shift键可连续选择多个区块,批量进行移动或样式设置。通过/
键快速调出区块搜索菜单,输入”group”可将选定区块转换为组合区块,实现整体控制。
// 示例:组合区块快捷代码
/wp:group {"layout":{"type":"constrained"}}<!--
--><!-- wp:paragraph --><!--
--><p>组合内容示例</p><!--
--><!-- /wp:paragraph --><!--
-->/wp:group
二、自定义重用区块模板
将常用布局(如产品展示卡、CTA模块)保存为可重用区块:选中区块组 → 点击右上角三点菜单 → 选择”添加到可重用区块”。支持导出为JSON文件实现跨站点复用。
三、高级样式调整技巧
- 在”高级”面板添加自定义CSS类名
- 使用间距控件时按住Shift可输入精确数值
- 通过
theme.json
文件预设全局样式变量
四、效率快捷键大全
快捷键 | 功能 |
---|---|
Ctrl+Shift+D | 复制当前区块 |
/ | 快速插入新区块 |
Alt+Shift+方向键 | 调整区块位置 |
五、响应式设计解决方案
利用Columns区块的移动端断点设置:在区块设置 → 响应式 → 设置不同屏幕尺寸下的列数变化。结合Cover区块的固定比例功能确保图片自适应。
六、与经典编辑器混合使用
通过Classic区块
嵌入传统TinyMCE编辑器,或在functions.php
添加过滤代码实现特定文章类型禁用古腾堡:
add_filter('use_block_editor_for_post_type', function($enabled, $post_type) {
return 'page' === $post_type ? false : $enabled;
}, 10, 2);
七、性能优化建议
- 禁用未使用的核心区块(通过插件或代码过滤)
- 定期清理修订版本和历史记录
- 使用
wp_enqueue_script
按需加载区块脚本
评论