在主题里用 elementor/breakpoints 钩子加了 1024 像素断点,前台 CSS 里搜不到对应的 @media,1024 宽的平板还是吃桌面的两列布局。第一次遇到会往复杂处想,其实漏掉的多是个小前提。
add_filter('elementor/breakpoints', function ($bp) {
$bp['tablet_extra'] = 1024;
return $bp;
});
断点注册要在 Elementor 加载前挂到 elementor/breakpoints 过滤器上,挂在 after_setup_theme 里太晚,构建器已经读完配置。改完断点还得重新生成 CSS,旧文件不会自动重写。这一点先确认清楚,后面就不用反复试。
「Elementor 自定义断点无效」这类改动最怕改一半,回滚脚本先准备好,再动生产。新版本先放一台机器上跑一天再全量,问题一般在这段时间暴露。
备份不是备了就行,恢复一次才算数,很多备份文件打开才发现是空的。接口问题先分清是没发出去、发出去了没收到,还是收到了处理失败。
具体做法是,把钩子挪到主题 functions.php 顶层,别放在 init 回调里;确认返回的数组包含新增的键和默认值;清构建器 CSS 缓存,再看前台样式文件里有没有新断点。
改完照着核一遍,前台 CSS 里能搜到 max-width: 1024px 的媒体查询,平板宽度下布局切到两列。
