酱茄主题（开源版）后台css、js丢失显示错误、后台加载变慢问题

酱茄主题（开源版）后台css、js丢失显示错误、后台加载变慢问题处理方式。

经过查看后台代码，发现：

https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/css/v4-shims.min.css?ver=5.15.3 等文件加载不出来或框架代码直接挂掉。会导致后台错位。

那么解决方法就是更换CDN或是直接本地调用。

具体需要更改以下几个文件：

codestar-framework/classes/setup.class.php

// Font awesome 4 and 5 loader
      if ( apply_filters( 'csf_fa4', false ) ) {
        wp_enqueue_style( 'csf-fa', 'https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome'. $min .'.css', array(), '4.7.0', 'all' );
      } else {
        wp_enqueue_style( 'csf-fa5', 'https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.3/css/all'. $min .'.css', array(), '5.15.3', 'all' );
        wp_enqueue_style( 'csf-fa5-v4-shims', 'https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.3/css/v4-shims'. $min .'.css', array(), '5.15.3', 'all' );
      }

codestar-framework/fields/code_editor.php

if ( ! class_exists( 'CSF_Field_code_editor' ) ) {
  class CSF_Field_code_editor extends CSF_Fields {

    public $version = '5.65.3';
    public $cdn_url = 'https://cdn.bootcdn.net/ajax/libs/codemirror/';

    public function __construct( $field, $value = '', $unique = '', $where = '', $parent = '' ) {
      parent::__construct( $field, $value, $unique, $where, $parent );
    }

    public function render() {

      $default_settings = array(
        'tabSize'       => 2,
        'lineNumbers'   => true,
        'theme'         => 'default',
        'mode'          => 'htmlmixed',
        'cdnURL'        => $this->cdn_url . $this->version,
      );

      $settings = ( ! empty( $this->field['settings'] ) ) ? $this->field['settings'] : array();
      $settings = wp_parse_args( $settings, $default_settings );

      echo $this->field_before();
      echo '<textarea name="'. esc_attr( $this->field_name() ) .'"'. $this->field_attributes() .' data-editor="'. esc_attr( json_encode( $settings ) ) .'">'. $this->value .'</textarea>';
      echo $this->field_after();

    }

    public function enqueue() {

      $page = ( ! empty( $_GET[ 'page' ] ) ) ? sanitize_text_field( wp_unslash( $_GET[ 'page' ] ) ) : '';

      // Do not loads CodeMirror in revslider page.
      if ( in_array( $page, array( 'revslider' ) ) ) { return; }

      if ( ! wp_script_is( 'csf-codemirror' ) ) {
        wp_enqueue_script( 'csf-codemirror', esc_url( $this->cdn_url . $this->version .'/codemirror.min.js' ), array( 'csf' ), $this->version, true );
        wp_enqueue_script( 'csf-codemirror-loadmode', esc_url( $this->cdn_url . $this->version .'/addon/mode/loadmode.min.js' ), array( 'csf-codemirror' ), $this->version, true );
      }

      if ( ! wp_style_is( 'csf-codemirror' ) ) {
        wp_enqueue_style( 'csf-codemirror', esc_url( $this->cdn_url . $this->version .'/codemirror.min.css' ), array(), $this->version );
      }

    }

  }
}

相关推荐: 酱茄主题（开源版）后台css、js丢失显示错误、后台加载变慢问题

酱茄主题（开源版）后台css、js丢失显示错误、后台加载变慢问题处理方式。 经过查看后台代码，发现： https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/css/v4-shims.…