分享笔记:

让经典编辑器的保存/发布/更新按钮始终可见

跟屁虫

如果你的网站有在用 WordPress 的经典编辑器,不管是文章、页面还是产品,在编辑移动时,保存、发布或更新按钮会完全消失,因为它是和右侧的发布栏是定死的,尤其是当内容很长或者给产品添加变体的时候。

如果内容非常长,编辑器侧边栏的小部件会甚至完全消失。

wordpress文章产品发布按钮

让保存按钮一直保持可见

这里我们就添加一小段代码,让你在用经典编辑器时,保存 – 发布 – 更新按钮会跟你在屏幕上浮动,让你能更新产品,页面或任何正在编辑的内容,不用一直移动到页面上面找它。

/* 发布更新悬浮按钮 */ 
add_action( 'admin_head', 'jhchen_button_float_classic_editor' );
function jhchen_button_float_classic_editor() {
global $post;
if ( $post && get_post_type( $post ) === 'product' ) { //根据想要应用更改的位置,更改 post 或 page 
echo '<style>#publish { position: fixed; top: 50%; right: 10px; z-index: 1000; box-shadow: 0px 2px 5px black; width: 150px; }</style>';
}
}

当然你可以根据自己的需求修改 CSS 样式 ,并且根据 $post 的类型,它将应用于产品 (product)、文章 (post) 或页面 (page)。

此技巧不适用于古腾堡块编辑器。

wordpress文章产品发布按钮悬浮跟踪

为笔记评分

平均评分 5 / 5. 摘星者: 2

有疑问?留个言吧!

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
?>

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors