古腾堡编辑器(Gutenberg Editor)发展了五年,如今早已是WordPress默认的编辑器。
在2020年文《更改古腾堡编辑器默认字体》中,提到如何更改编辑器的默认字体以实现实时预览文章效果。如今有相对更优雅的方法来实现。
1、在根目录建css文件夹,添加editor.css文件
/* Start font set for Gutenberg */
@import url('../css/wenkai.css');
.editor-post-title__block .editor-post-title__input, .block-editor-block-list__layout, .editor-rich-text.block-editor-rich-text, .wp-block-paragraph, .editor-styles-wrapper {
font-family: "LXGW WenKai Screen", sans-serif !important;
}
.editor-post-title__block .editor-post-title__input {
/* font-size: 42px;
font-weight: 400;
line-height: 50px;
text-align: center;
*/
}
.edit-post-visual-editor, .edit-post-visual-editor p,
.editor-rich-text__tinymce.mce-content-body {
/* font-size: 20px;
line-height: 30px;
*/
}
/* End of font set for Gutenberg */
2、在function.php中添加
// Gutenberg default font
function guten_block_editor_assets() {
wp_enqueue_style(
'guten-editor-style',
get_stylesheet_directory_uri() . "/css/editor-style.css",
array(),
'1.0'
);
}
add_action('enqueue_block_editor_assets', 'guten_block_editor_assets');
这要求是得多高还想要改编辑器的字体啊。
@子痕哈哈,改改更舒坦
还是喜欢 markdown,刚玩博客的时候真是难受了好久呀
@Jack其实古腾堡集成了markdown,比如我写井号带字:
### 这个
在古腾堡里就是标题。
我還挺喜歡編輯器的預設字型和排版的,甚至想直接用作佈景主題😂
@櫻川 浅羽原教旨主义者 🤔
我来测试一下,好像你这边也不会记住,双击输入框会有下拉。
@不亦乐乎我刚测了,可以记住啊。
@S̆̈难道和我的一样,是自己的浏览器本地的cookie长期存着,没有强制刷掉?
@不亦乐乎不会的,我换了三台设备、四个浏览器了。
@S̆̈大发的主题应该不会出这种问题,估计是我这边问题。
@不亦乐乎我也是他的主题改的。
需要自己添加记住cookie的js。
编辑器的字体都要倒腾,看来开年的工作任务不多,气氛比较融洽,心情比较愉悦,哈哈。
@拾风并没有,压力还挺大的。纯粹是自娱自乐,缓解压力。