fix(creator-studio): 沉浸式布局与公众号式写作体验

首轮实机体验暴露的问题:

- 投稿页仍在渲染主题头部的 all_top_fluid 挂件区、页脚与浮动入口,
  与工作台顶栏重复。header.php / footer.php 新增 jio_render_header、
  jio_render_footer、jio_render_fluid_widgets 过滤器,工作台模式下全部关闭
- 区块 Inspector 被写在 BlockList 之后,作为正文流的一部分渲染出
  一个巨大的「未选择区块」白框;移除内联 Inspector(区块设置改由
  行内工具栏的区块菜单提供)
- 中文正文被 wordcount 的 'words' 口径算成「字数:1」;改用
  characters_excluding_spaces,与前台 TinyMCE 字数一致
- 行宽 820px、标题 34px 偏松散;收窄到 720px / 27px,正文 16px/1.85,
  段落间距与选区描边收敛,行内工具栏改为深色圆角悬浮条

新增本地视觉验收脚本(不参与运行时):
- scripts/preview.cjs:用模拟 bootstrap 生成离线预览页
- scripts/shoot.cjs:桌面/移动端截图与控制台错误采集

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
kate522andClaude Opus 5 committed 2026-11-06 15:49:57 +08:00
1 parent 2c7262770b
commit d07cffe99e
10 files changed
+272 -39

No files matched your search

+9 -1
View File
@@ -40,11 +40,19 @@ $use_studio = $studio
&& get_current_user_id() > 0
&& !empty($ctx['is_can_new']);
if ($use_studio) {
// 沉浸式工作台:不渲染主题头部/底部挂件与导航,避免与工作台顶栏重复。
// header.php 里的 all_top_fluid 挂件区、页脚挂件、浮动入口都由 body class
// 与下方过滤器一并屏蔽。
add_filter('jio_render_header', '__return_false');
add_filter('jio_render_footer', '__return_false');
add_filter('jio_render_fluid_widgets', '__return_false');
get_header();
?>
<main id="main-content" role="main" tabindex="-1">
<main id="main-content" role="main" tabindex="-1" class="jio-studio-shell">
<div id="jio-creator-studio">
<div class="jio-studio-skeleton" aria-live="polite">
<i class="fa fas fa-spinner fa-spin" aria-hidden="true"></i>
<?php esc_html_e('正在加载创作工作台…', 'jio'); ?>
</div>
</div>