需修改哪个页面为WordPress预览添加自定义视图?
WordPress添加自定义预览视图的实现说明
- 直接修改核心文件极不推荐,WordPress更新后会覆盖所有改动。如果要找核心中控制预览视图的文件,是
wp-includes/js/dist/editor.js,但绝对不建议直接修改这个文件。 - 正确的实现方式是通过钩子和自定义代码完成,无需触碰核心文件:
- 用
block_editor_settings_all钩子,往编辑器的配置里注入自定义预览视图的参数(包括名称、显示标签、宽度高度等) - 可选操作:用
enqueue_block_editor_assets钩子加载自定义JS,优化视图切换的交互或样式
- 用
举个快速实现的代码示例(放到主题的functions.php或者自定义插件文件中即可):
add_filter('block_editor_settings_all', 'add_my_custom_preview', 10, 2); function add_my_custom_preview($settings, $context) { // 新增自定义预览视图配置 $settings['previews'][] = [ 'name' => 'custom-display', 'label' => '我的自定义视图', 'width' => 1200, // 设置视图宽度 'height' => 800 ]; return $settings; }
这段代码会在编辑器的预览切换菜单里新增「我的自定义视图」选项,核心编辑器会自动完成宽度适配的预览逻辑。
内容的提问来源于stack exchange,提问作者kyoko
相关产品推荐
相关产品推荐

