WordPress の Web サイトでは、画像を分割してプレゼンテーション全体の視覚化を豊かにし、Font Awesome、Elusive Icons、Genericons などのさまざまなアイコン セットを使用することがよくありますが、クラウドにロードされた追加のアイコン ファイルが必要であり、プラグインも使用されます。多くのプラグインと組み合わせてアイコンを使用すると、多くの場合、独自のアイコン グループが読み込まれ、Web サイトの速度を低下させる主な原因の XNUMX つになることがよくあります。アイコン グループ, それはあなたのウェブサイトを改善するのに役立ちます. 全体的な速度.
Dashicon の基本的な紹介📂
Dashicons は Wordpress のコアに組み込まれているアイコン グループです. バックグラウンド管理インターフェイスに入ると、機能バーにさまざまなアイコンが表示されます. ただし、フォアグラウンドで閲覧すると、ログインしていない一般ユーザーの場合では、Dashicons は自動的に読み込まれません. アイコンは表示されず、コード スニペット (Code Snippet) を使用して Dashicons を読み込み、ウェブサイトをより視覚的にリッチにすることができます。
フロントエンドで Dashicons を有効にする方法を次に示します. フロントエンドを閲覧して読み込むと, Web ページを作成するときに直接 Dashicons を使用して Web サイトのビジュアルを充実させることができます. 使用方法については Dashicons の公式 Web サイトを参照してください.
関連記事 ▶️ダシコン公式サイト
Dashicons のロード方法
方法 XNUMX: シーンのテーマを変更する
テーマテーマの functions.php ファイルを変更します。
add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
function load_dashicons_front_end() {
wp_enqueue_style( 'dashicons' );
}
方法 XNUMX: コード管理プラグイン
コード スニペット (コード スニペット) を使用して、次のようなプラグインを管理します。WPコードボックスプラグイン プログラムを待ち、PHP タイプのコード スニペットの追加を選択します。通常、コード スニペット管理プラグインは自動的に追加されます。
<?php
add_action( 'wp_enqueue_scripts', 'load_dashicons_front_end' );
function load_dashicons_front_end() {
wp_enqueue_style( 'dashicons' );
}
もちろん、コード スニペットの使用に加えて、メニュー アイコン by ThemeIsleプラグインを待つことで、アイコン グループの読み込みと管理を行うことができますが、別のプラグインをインストールする必要がある場合でも、Web サイトの速度が低下したり、閲覧時に軽微な問題が発生したりする可能性があります.グラフは、問題があることを示しています.