워드프레스 아이콘 보이지 않는 문제 해결: Font Awesome CDN 링크 추가

워드프레스 아이콘 문제 해결: Font Awesome CDN 링크 추가

문제 상황
워드프레스 사이트에서 Elementor 편집 아이콘이 보이지 않는 문제가 발생

이 폰트가 빠져서 발생한 문제.

문제 해결 과정
1. 문제 진단: 사이트를 검사하고, Font Awesome CDN 링크가 누락되었다는 것을 발견
2. 해결책 :Font Awesome CDN 추가

-WPCode Lite 플러그인 설치

-Font Awesome 아이콘을 사용하려면 해당 CDN 링크를 웹사이트에 추가해야 합니다.

 

 

이 코드는 워드프레스 테마의 자식 테마(child theme) 또는 커스텀 플러그인에서 사용되는 PHP 함수입니다.

(테마에 따라 다름)

 

이 함수의 목적은 웹사이트에 Font Awesome 아이콘을 추가하기 위한 것입니다. 구체적으로 설명하자면:

1. 함수 정의 (child_enqueue_styles)
   • 이 함수는 Font Awesome CDN을 워드프레스 사이트에 추가하기 위한 스크립트를 정의합니다.
2. wp_enqueue_style 함수 사용
   • wp_enqueue_style는 워드프레스에서 스타일시트를 올바르게 추가하는 표준 방법입니다. 이 함수는 스타일시트의 이름과 URL을 인수로 받습니다.
   • 여기서 'font-awesome-cdn'은 스타일시트의 고유 이름이고, 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css'는 Font Awesome의 최신 버전을 포함하는 CDN 링크입니다.
3. add_action 함수 사용
   • add_action은 워드프레스 훅(hook)을 사용하여 특정 시점에 코드를 실행하는 방법을 제공합니다.
   • 여기서 'wp_enqueue_scripts'는 스크립트와 스타일시트를 안전하게 추가할 수 있는 적절한 훅입니다.
   • child_enqueue_styles 함수는 wp_enqueue_scripts 훅에 연결되며, 워드프레스가 페이지를 로드할 때마다 실행됩니다.
   • 15는 이 함수가 실행되는 우선 순위를 나타내며, 이 숫자가 낮을수록 먼저 실행됩니다.

포인트
- 문제 진단의 중요성: 워드프레스 문제 해결에 있어 정확한 문제 진단이 중요합니다.
- 도구 활용: F12 검사 기능을 통해 웹사이트 문제를 진단할 수 있습니다.

워드프레스에서 아이콘이 보이지 않는 문제는 대부분의 경우 Font Awesome CDN 링크의 누락과 관련이 있습니다. 이 문제를 해결하기 위해서는 해당 링크를 추가하고 웹사이트의 캐시를 비우는 것이 필요합니다. 전문가의 도움을 받는 것은 이러한 문제를 빠르게 해결하는 데 큰 도움이 됩니다.