如何在WordPress的文本编辑器中自定义标签

2017年12月16日13:04:36
  • 如何在WordPress的文本编辑器中自定义标签已关闭评论
  • 384 views
  • A+
所属分类:wordpress

般我们用pre标签在WP来显示代码,但是如果每次都要手动输入pre标签又很麻烦,所以今天教你如何在文章编辑器添加pre自定义标签按钮。

如何在Wordpress的文本编辑器中自定义标签

工具/原料

方法/步骤

  1. 首先确认你的Wordpress是否安装了WP-Syntax插件,可以插件-已安装的插件中查看,如果没有安装点击插件--安装插件,在右侧搜索框中搜索“WP-Syntax”,如图

    如何在Wordpress的文本编辑器中自定义标签
  2. 出现搜索结果后,选择第一个,点击“现在安装”,点击安装后有可能会弹出ftp信息,输入ftp的服务器信息后,点击“继续”,如图

    如何在Wordpress的文本编辑器中自定义标签
    如何在Wordpress的文本编辑器中自定义标签
  3. 正在安装,等待它安装完

    如何在Wordpress的文本编辑器中自定义标签
  4. 安装完成后,点击“启用”,即完成安装

    如何在Wordpress的文本编辑器中自定义标签
  5. 接下来,点击“外观”--编辑,在右侧找到并点击“模板函数 (functions.php)”

    如何在Wordpress的文本编辑器中自定义标签
  6. 在最底部的?>前添加以下代码:

    // 添加HTML编辑器自定义标签按钮

    add_action('admin_print_footer_scripts','eg_quicktags');

    function eg_quicktags() {

    ?>

    <script type="text/javascript" charset="utf-8">

    QTags.addButton( 'eg_pre', 'pre', '<pre line="1">\n代码代码代码\n</pre>', '', 'q' );

    </script>

    <?php

    }

    // 添加HTML编辑器自定义标签按钮结束

    然后点击“更新文件”。

    如何在Wordpress的文本编辑器中自定义标签
  7. 点击“文章”--“写文章”,需要用到pre标签时就切换到文本模式,点击pre标签,就会插入一个pre标签,将中间的“代码“字样替换成你要放置的代码即可,如图

    如何在Wordpress的文本编辑器中自定义标签
avatar