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

wordpressWordPress修改古腾堡编辑器默认宽度方法已关闭评论418阅读模式

对于使用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-ND/2.5/CN协议规定
WordPress 操作过程是如何给分类页面添加浏览统计的? wordpress

WordPress 操作过程是如何给分类页面添加浏览统计的?

WordPress 操作过程是如何给分类页面添加浏览统计的?文章浏览统计已经增加了很多博客,但是一般的分类和标签归档页面一般都不算,标签页面是好的,毕竟大多数人的标签管理比较混乱,但是分类页面我认为还...
WordPress自动分页方法 wordpress

WordPress自动分页方法

在制作WordPress主题模板时,我们会用到循环输出文章列表,文章列表太多就会有分页的问题,下面是一种分页方法,十分好用,可以设定页数范围。 function get_pagenavi( $rang...
为什么我们选择用wordpress做企业网站 wordpress

为什么我们选择用wordpress做企业网站

你还没决定使用什么软件来构建你的新公司网站吗? 仍然认为WordPress只是搭建博客吗? 在互联网上有大约20%的WordPress网站,但你可能会惊奇地发现,实际上只有不到一半的是“博客”。下面就...