有网友反映Argon主题自带代码块无法缩进，这里提供两种解决方案。
方案一：使用WP插件
使用pure-highlightjs插件
优点：无须配置即用，缺点：若不手动修改html则可能底部多出一空行。
点击WordPress经典编辑器的代码块按钮，即可插入代码
方案二：手动配置插件
1、下载插件
下载mce_code_plugin压缩包，解压到/wp-content/plugins目录。
注意：这不是标准的WordPress插件（你需要自己配置）
将文件mce_code_plugin.htm和mce_code_plugin.js里的https://www.szfx.top/改为你的网址
2、添加相关函数
在functions.php文件内添加函数
// code highlight
function spces_code_plugin() {
if ( ! current_user_can('edit_posts') && ! current_user_can('edit_pages') ) {
return;
}
if ( get_user_option('rich_editing') == 'true' ) {
add_filter( 'mce_external_plugins', 'specs_mce_external_plugins_filter' );
add_filter( 'mce_buttons', 'specs_mce_buttons_filter' );
}
}
add_action('admin_head', 'spces_code_plugin');
function specs_mce_external_plugins_filter($plugin_array) {
$plugin_array['specs_code_plugin'] = 'https://www.szfx.top/wp-content/plugins/mce_code_plugin/mce_code_plugin.js';
return $plugin_array;
}
function specs_mce_buttons_filter($buttons) {
array_push($buttons, 'specs_code_plugin mce-i-wp_code');
return $buttons;
}注意修改https://www.szfx.top/为你的网址
一定不要偷懒，不改这些网址，则在你的编辑器内是无法使用的。
3、使用方法
WordPress经典编辑器的出现代码块按钮，点击即可插入代码
大佬顶部栏用的是什么？插件还是代码实现的？
后台-【外观】-【菜单】，添加
请问你这篇文章的代码高亮就是这个插件做的吗？
这个是本主题自带的，你可以尝试一下免费插件Prismatic，界面类似，商店搜即可
请问这个前面的缩进是空格还是tab呢
空格和tab应该都行
好的，谢谢୧(๑•̀⌄•́๑)૭
博主您好，请问wordpress上的argon主题内置如何进行代码高亮？
我使用了<.pre><.code>标签，却没有预览。
大哥是【pre】【code】标签吧
我直接打<>会被识别掉，而且我已经找到方法了.
怎么指定代码高亮的语言呢？比如指定为c++高亮或者java高亮
不明白你的意思，插件是可以手动设定高亮的语言标签，但无法自动识别你插入的代码
我想问下就是如果不使用插件的话，argon如何指定代码高亮的语言标签呢？
经典编辑器：切换到文本《pre class=”line-numbers”》《code class=”language-xxx”》《/code》《/pre》；
古腾堡编辑器：ctrl + shift + alt + m，进行类似的操作。
谢谢
请问下大佬，我把主题自带的代码块做html编辑发现
<pre class=”wp-block-code”>
也可以实现代码块的效果，但是居然跟我指定的语言的代码高亮是一样的，请问wp-block-code代表的是啥意思呢？
看个人习惯吧，这个类名可能是便于主题函数自动识别代码，然后添加高亮吧，但我还是习惯用插件添加，毕竟换主题后还可以通过插件实现代码高亮。