Elementor自定义小工具设置fa fa-code图标后不显示如何解决

问题原因 #

Elementor 3.0及更高版本默认不再内置Font Awesome 4字体图标库，你代码中返回的fa fa-code是Font Awesome 4的图标类名，和当前Elementor默认加载的Font Awesome 5/6类名规则不匹配，因此图标无法正常显示。

可行解决方案 #

• 方案1（优先推荐）：使用Elementor原生内置图标类名
  直接替换为eicon前缀的Elementor官方图标类，不需要额外加载资源，兼容性最好。对应code图标修改后代码如下：

  public function get_icon() {
      return 'eicon-code';
  }
  

• 方案2：开启Font Awesome 4兼容支持
  进入WordPress后台→Elementor→设置→高级，找到「加载Font Awesome 4支持」选项，勾选保存后清空缓存即可，原有代码无需修改。
• 方案3：更换为高版本Font Awesome类名
  把原有类名替换为Font Awesome 5/6对应的标准类名即可，修改后代码如下：

  public function get_icon() {
      return 'fas fa-code';
  }
  

内容的提问来源于stack exchange，提问作者Flagmans