如何将WordPress后台文章设置选项移动到编辑器右侧?
实现原理分析
WordPress文章编辑界面默认采用两栏布局,通过修改元框(meta box)注册参数或CSS布局调整,可将发布设置、分类目录、标签管理等模块从底部移至右侧边栏区域。
代码实现方案
方法一:通过functions.php调整
function move_post_settings_to_sidebar() {
remove_meta_box('submitdiv', 'post', 'side');
add_meta_box('submitdiv', '发布设置', 'post_submit_meta_box', 'post', 'side', 'high');
remove_meta_box('categorydiv', 'post', 'normal');
add_meta_box('categorydiv', '分类目录', 'post_categories_meta_box', 'post', 'side', 'core');
}
add_action('add_meta_boxes', 'move_post_settings_to_sidebar');
方法二:CSS布局优化
#post-body-content {
width: 70%;
float: left;
}
#side-sortables {
width: 28%;
float: right;
margin-right: 0;
}
插件替代方案
- Meta Box Relocator:支持可视化拖拽调整元框位置
- Adminimize:通过权限控制界面元素布局
- Custom Post Type UI:针对自定义文章类型设置布局
注意事项
- 修改前建议创建子主题或使用代码片段插件
- 不同主题可能存在布局差异需测试适配
- Gutenberg编辑器需使用区块编辑器扩展插件
- 移动后注意移动端显示适配