Argon主题代码高亮缩进

有网友反映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经典编辑器的出现代码块按钮,点击即可插入代码

文件下载

上述文件下载:https://songzifx.lanzous.com/b01hw7opc

本文采用 CC BY-NC-SA 3.0 Unported 许可,转载请以超链接注明出处。
原文地址:Argon主题代码高亮缩进 作者:松鼠小

评论

  1. 小草
    Windows Chrome
    2周前
    2021-7-08 14:41:23

    大佬顶部栏用的是什么?插件还是代码实现的?

    • szfx 博主
      Windows Chrome
      2周前
      2021-7-08 21:27:24

      后台-【外观】-【菜单】,添加

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: Telegram @AmashiroNatsukiEars_NoWord Sticker
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
AmashiroNatsukiEars
小恐龙
花!
上一篇
下一篇