You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

需修改哪个页面为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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.24 01:26:01