WordPress 5.4 開(kāi)始,如果你全新安裝WordPress,你會(huì)發(fā)現(xiàn),當(dāng)你發(fā)布文章、頁(yè)面時(shí),會(huì)默認(rèn)進(jìn)入到全屏編輯模式。
隨著古騰堡編輯器逐步進(jìn)行的全站編輯功能,編輯器左邊顯示過(guò)多的菜單選項(xiàng),會(huì)讓編輯界面看起來(lái)很雜亂,所以WordPress團(tuán)隊(duì)決定默認(rèn)進(jìn)入全屏編輯模式。但是這個(gè)功能可能對(duì)于一部分用戶(hù)來(lái)說(shuō),并不夠友好,所以讓我們一起來(lái)看下,如何禁用全屏編輯模式。
手動(dòng)禁用全屏模式

如上圖所示,要關(guān)閉全屏編輯模式,可以在編輯界面,點(diǎn)擊右上角的三點(diǎn)圖標(biāo),然后取消勾選“全屏模式”即可。你的這個(gè)選擇會(huì)保存在瀏覽器數(shù)據(jù)中,也就是你還在用這個(gè)瀏覽器和這個(gè)用戶(hù)登錄的時(shí)候,就不會(huì)默認(rèn)全屏編輯了。
如果你還想切換到全屏模式,只需要再次勾選全屏模式即可。
全局禁用全屏模式
但是如果你換一個(gè)瀏覽器或另一個(gè)賬戶(hù)登錄,你還是會(huì)發(fā)現(xiàn),默認(rèn)還是全屏模式,你還是需要再次取消全屏模式。要解決這個(gè)問(wèn)題,可以將下面的代碼添加到當(dāng)前主題的 functions.php 或你的插件文件中,就可以默認(rèn)全局禁用掉全屏模式:
//默認(rèn)禁用編輯器的全屏模式
function jba_disable_editor_fullscreen_by_default() {
if (is_admin()) {
$script = "jQuery( window ).load(function() { const isFullscreenMode = wp.data.select( 'core/edit-post' ).isFeatureActive( 'fullscreenMode' ); if ( isFullscreenMode ) { wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' ); } });";
wp_add_inline_script( 'wp-blocks', $script );
}
}
add_action( 'enqueue_block_editor_assets', 'jba_disable_editor_fullscreen_by_default' );
以上代碼就可以讓整個(gè)網(wǎng)站后臺(tái)全局禁用全屏模式,所有用戶(hù)都生效。當(dāng)然了,每個(gè)用戶(hù)還可以在編輯界面手動(dòng)切換為全屏模式。只不過(guò),默認(rèn)都是進(jìn)入到非全屏模式。
讓用戶(hù)設(shè)置是否開(kāi)啟全屏模式
但是如果網(wǎng)站有多個(gè)用戶(hù)或管理員,我們想讓用戶(hù)自己選擇是否默認(rèn)啟用全屏模式,可以借助 Blockeditor Fullscreen Mode Control 插件實(shí)現(xiàn),啟用插件后,用戶(hù)可以在 用戶(hù) – 我的個(gè)人資料 界面,設(shè)置是否啟用全屏模式:

這個(gè)設(shè)置值是獨(dú)立于每個(gè)用戶(hù)的,只要是這個(gè)用戶(hù)登錄,不管是不是在新的瀏覽器,都會(huì)調(diào)用這里的設(shè)置來(lái)決定是否啟用全屏模式。當(dāng)然了,用戶(hù)還是可以在編輯器界面手動(dòng)切換為全屏模式或取消全屏模式的,并且最后選擇的模式都會(huì)保存到用戶(hù)設(shè)置中。
好了,根據(jù)你的需要選擇對(duì)應(yīng)的方法吧!




