[ 解決済 ] Lightningの子テーマでFontAwesomeの読み込みを停止する方法について

VWSとは フォーラム Lightning [ 解決済 ] Lightningの子テーマでFontAwesomeの読み込みを停止する方法について

[ 解決済 ] Lightningの子テーマでFontAwesomeの読み込みを停止する方法について

タグ: 

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #53076

    ■ 利用テーマとバージョン : Lightning 14.3.9

    ■ 質問内容: FontAwesome Proを使いたいので、子テーマのfunctions.php内で<link>タグを使ってFontAwesome ProのCSSをCDNでロードしています。ロードは正常に完了しているのですが、LightningのデフォルトのFontAwesome Freeのロードの設定が残っているため、CSSのfont-familyの設定が”Font Awesome 5 Free”に上書きされてしまい、FontAwesome Proのアイコンが表示されません。そもそもFontAwesome Freeは必要ないので、子テーマのfunctions.php内にコードを追記することでロード自体しないようにしたいのですが、どうすればよいでしょうか?

    #53085

    DRILL LANCER
    モデレーター

    下記コードを子テーマの functions.php に追加すればほぼ Font Awesome 5 Free を無効化できます。
    (クラシックエディタ使用時の編集画面は除く)

    
    /**
     * 閲覧画面で Font Awesome を無効化
     */
    function lightning_child_dequeue_font_awesome_on_front() {
    	wp_dequeue_script( 'vk-font-awesome-js' );
    	wp_dequeue_style( 'vk-font-awesome' );
    }
    add_action( 'wp_enqueue_scripts', 'lightning_child_dequeue_font_awesome_on_front', 9999 );
    
    /**
     * 編集画面で Font Awesome を無効化
     */
    function lightning_child_dequeue_font_awesome_on_editor() {
    	wp_dequeue_style( 'gutenberg-font-awesome' );
    }
    add_action( 'enqueue_block_editor_assets', 'lightning_child_dequeue_font_awesome_on_editor', 9999 );
    

    ただし、テーマ等の CSS で font-family: "Font Awesome 5 Free"; という感じで
    Font Awesome 5 Free に依存している箇所があるためそのあたりの調整が必要になります。

    • この返信は1ヶ月、 2週前にDRILL LANCERが編集しました。
    #53251

    記載いただいたコードでFont Awesome Freeを無効化できました。しかしながら、仰るとおり結局CSSにfont-family: "Font Awesome 5 Free";が当たっているため、そちら追加CSSでFont Awesome Proに上書きすることが必要でした。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。