如何在WordPress中禁用全屏編輯器


您要在WordPress中禁用全屏編輯器嗎?

更新後,WordPress 5.4現在默認情況下以全屏模式打開帖子和頁面編輯器。 儘管這種無干擾的模式提供了乾淨且易於使用的體驗,但某些用戶可能希望返回常規的緊湊視圖。

在本文中,我們將向您展示如何輕鬆地在WordPress中禁用全屏編輯器。

在WordPress帖子編輯器中關閉全屏模式

為什麼WordPress會切換到編輯器的全屏模式?

WordPress在WordPress 5.0中引入了一個名為The Block Editor(又名Gutenberg)的新編輯器。 這個新的編輯器允許用戶將塊用於通用元素並創建漂亮的內容佈局。

它還使用與WordPress主題相同的字體和顏色來模仿您的文章或頁面的外觀。

但是,左側的管理菜單和頂部的管理菜單顯得有些混亂。 屏幕上有太多選項,如果您專注於編寫內容,則不需要這些選項。

沒有全屏模式的WordPress編輯器

為了解決這個問題,WordPress核心團隊決定默認使編輯器為全屏顯示,以便用戶可以享受無干擾的寫作體驗。

WordPress中的全屏編輯器

現在,需要注意的是,這種全屏模式並不是什麼新鮮事物。 它已經在那裡,用戶可以打開/關閉它。

現在更改的是,在WordPress中撰寫帖子時,全屏模式現在將成為默認視圖。

如何為WordPress編輯器禁用全屏模式(簡便方法)

關閉WordPress中塊編輯器的全屏模式非常容易。

只需編輯帖子或頁面,然後單擊屏幕右上角的三點菜單。 這將顯示帖子編輯器的設置菜單。

從這裡,您只需要單擊“全屏模式”將其關閉。

在WordPress中關閉全屏模式

帖子編輯器將立即退出全屏模式,並開始顯示管理員側邊欄和頂部工具欄。

退出全屏模式

WordPress會將您的全屏模式首選項存儲在瀏覽器的臨時存儲中。

但是,如果您切換到其他瀏覽器,使用隱身模式或從其他設備訪問管理區域,那麼您將再次看到全屏編輯器。

如果您使用多個設備,用戶帳戶或瀏覽器來訪問WordPress管理區域,則每次將其切換回原來的位置可能會有些煩人。

下一個方法可幫助您永久修復該問題。

永久禁用WordPress中的全屏模式(摘要)

此方法要求您手動將代碼添加到WordPress網站。 如果您之前沒有做過,請參閱我們的指南,了解如何輕鬆在WordPress中添加代碼段。

您只需在WordPress主題的functions.php文件或特定於站點的插件中輸入以下代碼即可。 您還可以使用自定義代碼段插件將該代碼添加到您的網站中,而不會發生衝突。

if (is_admin()) { 
	function jba_disable_editor_fullscreen_by_default() {
	$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' );
}

此代碼首先檢查用戶是否正在查看管理區域頁面。 如果是這樣,它將檢查全屏編輯器的狀態。

如果啟用了全屏編輯器,則只需將其關閉即可。

您仍然可以從帖子編輯屏幕手動打開全屏模式,而帖子編輯器也可以正常工作。

但是,如果您返回,則它將自動將其關閉。 此行為適用於可以訪問您網站上的帖子編輯器的所有用戶。

我們希望本文能幫助您學習如何在WordPress帖子編輯器中禁用全屏模式。 有關更多生產力的技巧,請參閱我們的WordPress內容編輯器技巧。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。

代碼提供者:Jean-Baptiste Audras