🚀 サイト構築が難しい?手取り足取りご案内します——「WordPressサイト構築伴走」サービスを詳しく見る →

WP管理ダッシュボードのGutenbergエディターの表示幅を全幅に設定する

WordPress在新版本里面默认是启用了Gutenberg(古腾堡)编辑器的,但是后台编写文章的时候,古腾堡编辑器的宽度固定的很窄,不是很方便,所以我们可以通过css代码实现古腾堡编辑器全宽显示(根据浏览器窗口大小调节)。

默认如果不设置古腾堡编辑器的宽度,那么后台写文章的时候编辑窗口只有下图这么小的一个宽度,非常碍眼。

古腾堡编辑器宽度

我们通过css代码修改后,设置成根据浏览器窗口大小自适应宽度,视野就开阔了。如下图:

古腾堡编辑器宽度

实现方法

我们可以直接在主题的函数文件里面插入下面的代码就可以了:

/**
* 设置古腾堡编辑器显示宽度为全宽
*/
add_action('admin_head', 'editor_full_width_gutenberg');

function editor_full_width_gutenberg() {
echo '';
}

如果你不会添加的话,可以使用:

也可以安装插件Editor Full Width Gutenberg实现(以上代码就是这个插件里面复制出来的)

🚀 チュートリアルを見てもまだ迷っていますか?私が直接手を取ってご案内しましょう

「WordPressサイト構築伴走サービス」——ドメイン名の選択、ホスティングの購入から、Themeのインストール、公開、投稿まで、すべてのステップで私が伴走し、遠回りをせずに目標に直行します。

👉 サイト構築伴走サービスについて詳しく知る
🔒

コメントは閉鎖されました

この記事のコメント機能は閉鎖されています。ご質問がある場合は、他の方法でお問い合わせください。

×
二维码

QRコードをスキャンしてフォロー