WordPress修改古腾堡编辑器默认宽度方法

2022年5月5日07:46:13wordpressWordPress修改古腾堡编辑器默认宽度方法已关闭评论232阅读模式

对于使用WordPress写博客的人,我们使用最多的就是它的编辑器了,新版的古腾堡编辑器为我们提供了许多特色模块

但是它有一个缺点就是编辑器的宽度并不像经典编辑器那样是全宽的,在很多主题中,后台编辑界面和实际文章页面相比会非常窄,导致前后台排版不一,影响文章的显示效果

在本文中,我们来分享下如何修改古腾堡编辑器的默认宽度

方法一:用插件让古腾堡编辑器变为全宽

如果你希望像经典编辑器那样,使用全宽的模式,可以安装一款叫做 Editor Full Width Gutenberg 的插件,这是一款专门设置古腾堡全宽模式的插件,无选项,安装好即生效

安装后的效果如下图

WordPress修改古腾堡编辑器默认宽度方法
 

方法二:代码调整编辑器宽度

有些朋友可能对排版有更高的要求,希望文章保持原本的排版,则可以使用代码来设定古腾堡编辑器的宽度,将其调整为文章页的宽度,使其固定

将下面的代码添加到主题的 functions.php 文件,WordPress修改functions.php教程

function custom_admin_css() {

echo '';

}

add_action('admin_head', 'custom_admin_css');

其中第一项720px区域为常规区块的宽度,也是我们主要修改的数值,将其设置为主题文章的实际宽度的像素值即可。第二三项为阔宽和全宽区块的宽度,可按自己的需求进行修改

最后修改的效果如下

网站后台编辑效果

WordPress修改古腾堡编辑器默认宽度方法
 

网站前台预览效果

WordPress修改古腾堡编辑器默认宽度方法
 

只要你设置相同的像素值,文字几乎都可以对齐,以后编辑时就能看到文章的效果,再也不用担心排版不一致

  • 本文由 发表于 2022年5月5日07:46:13
  • 除特别声明外,本站原创内容版权遵循CC-BY-NC-SA 协议规定
手把手教会每个想要当站长的人,wordpress安装就这么简单 wordpress

手把手教会每个想要当站长的人,wordpress安装就这么简单

虽然目前站长不是什么新鲜的行业了,也不见得是赚钱的行业,真的赚钱的站长很少,目前就李彦宏的百度比较赚钱一点。但很多的人还是想要拥有一个完全属于自己的博客,网站,可以自己写一些东西。所以今天就不拐弯抹角...
WordPress网站搬家+更换域名的教程 wordpress

WordPress网站搬家+更换域名的教程

很多人使用wp程序已经开始滚瓜烂熟了,但是如果遇到要更换服务器空间,或者更换空间+更换域名的搬家,可能就有点儿懵了,那么今天就来给大家分享一下更换服务器和更换域名的wordpress搬家。 1、首先要...