后台文章编辑器变更记录

　　新装WordPress的当天看到有更新就直接更新到了最新版（5.1.1），文章编辑器用的不大习惯，以为是这个系统就是这样的了，就将就用着，没想太多。今天无意中看到一篇博文，说现在的编辑器为古腾堡块编辑器，是新出来的，用不习惯可以切回历史版本。

　　那还用说，马上找教程。记得上次编辑文章还得一段（块）一段（块）的弄，太不习惯了。

　　网上有两种方案，一种是下载插件Classic Editor或者Disable Gutenberg；一种是直接在function.php中插入几行代码。

　　我选择后者。据说现在可以用代码还原是因为原始编辑器源代码还没有移除，要到2021年才会移除，到时候只能用插件来切换。

1
2
3
4
5
6
7
8
9
10
11
12
/**
 * WordPress完美禁止使用Gutenberg块编辑器并恢复到经典编辑器 - 龙笑天下
 * https://www.ilxtx.com/how-to-disable-gutenberg-block-editor.html
 */
// WP >= 5.0 正式集成Gutenberg古腾堡编辑器
if ( version_compare( get_bloginfo('version'), '5.0', '>=' ) ) {
    add_filter('use_block_editor_for_post', '__return_false'); // 切换回之前的编辑器
    remove_action( 'wp_enqueue_scripts', 'wp_common_block_scripts_and_styles' ); // 禁止前端加载样式文件
}else{
    // 4.9.8 < WP < 5.0 插件形式集成Gutenberg古腾堡编辑器
    add_filter('gutenberg_can_edit_post_type', '__return_false');
}

 

新的问题：原始编辑器不能调整字体和大小。搜索解决方案，也是插入代码实现。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function add_editor_buttons($buttons) {
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'cleanup';
$buttons[] = 'styleselect';
$buttons[] = 'hr';
$buttons[] = 'del';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'copy';
$buttons[] = 'paste';
$buttons[] = 'cut';
$buttons[] = 'undo';
$buttons[] = 'image';
$buttons[] = 'anchor';
$buttons[] = 'backcolor';
$buttons[] = 'wp_page';
$buttons[] = 'charmap';
return $buttons;
}
add_filter("mce_buttons_3", "add_editor_buttons");

 

新的问题：文章中直接插入代码，显示的效果会比较乱，但是网上看到的博文中代码段显示的很友好。再次搜索解决方案，需要用到插件解决，有两种，CodeColorer和WP-Syntax，接下来就是学习怎样使用者些插件了。

　　这里有个比较麻烦的地方，就是代码必须在html模式下插入文章，不然就不能正常显示。可视化模式下直接插入代码，代码段会被当做一整行处理，不会分段，而且里面会多出一些代码，就是html模式下看到文字前后多出来的这些，不知道是不是我使用方法的不对。

　　CodeColorer：

1
[cc lang="lang_name"]这里是代码
[/cc]

　　WP-Syntax:

1
2
3
4
</p>
<pre lang="html">    //这里添加代码……
    </pre>
<p>

《后台文章编辑器变更记录》有2个想法

评论已关闭。