워드프레스 웹사이트는 전체 프레젠테이션의 시각화를 풍부하게 하기 위해 이미지를 분할하고 종종 Font Awesome, Elusive Icons, Genericons 등과 같은 다양한 아이콘 세트를 사용하지만 추가 클라우드 로드 아이콘 파일이 필요하며 플러그인도 사용됩니다. 편의를 위해 많은 플러그인과 결합된 아이콘을 사용하면 종종 자체 아이콘 그룹을 로드하게 되며, 이는 웹사이트 속도를 늦추는 주요 원인 중 하나가 되는 경우가 많습니다. 아이콘 그룹은 웹사이트의 전반적인 속도를 향상시키는 데 도움이 됩니다.
대시콘 기본 소개📂
Dashicons는 워드프레스의 핵심에 내장된 아이콘 그룹으로, 백그라운드 관리 인터페이스에 들어가면 기능바에 다양한 아이콘들이 보이겠지만, 포그라운드에서 브라우징을 하면 로그인을 하지 않은 일반 사용자라면 in, Dashicon은 자동으로 로드되지 않으며 아이콘이 표시되지 않으며 코드 스니펫(Code Snippet)을 사용하여 Dashicon을 로드하여 웹사이트를 시각적으로 더 풍부하게 만들 수 있습니다.
다음은 프론트엔드에서 Dashicons를 활성화하는 방법을 설명합니다.프론트엔드를 탐색하고 로드하면 웹 페이지를 작성할 때 Dashicons를 직접 사용하여 웹사이트 비전을 풍부하게 할 수 있습니다. 사용법은 Dashicons 공식 웹사이트를 참조하십시오.
확장 읽기 ▶️대시콘스 공식 홈페이지
Dashicon에 대한 로드 방법
방법 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' );
}
물론 코드 조각을 사용하는 것 외에도ThemeIsle의 메뉴 아이콘플러그인을 기다리면 아이콘 그룹을 불러오고 관리하는 데 도움이 되지만 다른 플러그인을 설치하면 쉽게 웹사이트 속도가 느려지거나 브라우징 시 사소한 문제가 발생할 수 있습니다. 기사 카테고리 페이지의 그래프는 문제가 있음을 보여줍니다.