Elementor 아이콘이 표시되지 않을 때 해결 방법: 5가지 쉬운 팁

웹 개발 에는 예상치 못한 변수들이 있습니다. 모든 것이 완벽해 보이다가도, 어느새 Elementor 아이콘이 사라져 버리는 경우가 있죠! 만약 여러분도 같은 문제를 겪고 있다면 걱정하지 마세요. 많은 사용자들이 설정 오류, CSS 파일 누락, 또는 호스팅 업체 .

그렇다면 이 문제의 원인은 무엇일까요? 인라인 폰트 아이콘이 비활성화되었거나, PHP 코드가 잘못되었거나, 파일 권한이 잘못되었거나, 필요한 스타일시트에 대한 링크가 누락되었거나 하는 등 여러 가지 원인이 있을 수 있습니다.

하지만 좋은 소식은 무엇일까요? 고급 코딩 기술이 필요 없는 명확한 해답과 간단한 해결책이 있다는 것입니다.

이 가이드는 Elementor 아이콘을 복원하는 방법을 단계별로 안내합니다. 자, 이제 시작해 볼까요!

요약: 페이지 빌더에서 아이콘이 누락되었을 때 빠르게 해결하는 방법

• 워드프레스 주소와 사이트 주소를 확인하여 URL 및 HTTPS 설정이 올바른지 확인하십시오.
• 아이콘이 비어있는 것처럼 보이는 일반적인 캐싱 문제를 해결하려면 브라우저 및 사이트 캐시를 삭제하세요.
• 표시 오류를 유발할 수 있는 호환성 문제를 방지하려면 Elementor, 플러그인 및 추가 기능을 업데이트하세요.
• CSS 파일을 재생성하고 대시보드에서 데이터베이스 데이터를 검토하여 아이콘이 다시 표시되도록 합니다.

Elementor의 아이콘 박스란 무엇인가요?

아이콘 박스는 Elementor . 아이콘, 제목, 텍스트를 깔끔하게 조합하여 보여줍니다. 웹사이트에서 특별하거나 중요한 부분을 강조하는 데 유용한 도구라고 생각하시면 됩니다.

자세히 알아보기: Elementor가 로딩 화면에서 멈추나요? 해결 방법은 다음과 같습니다!

아이콘 박스로 할 수 있는 일은 다음과 같습니다

• 원하는 아이콘을 선택하세요: Font Awesome이나 Material Design에서 제공하는 아이콘이 마음에 들든, 아니면 직접 만든 독창적인 아이콘이 있든, 선택은 자유입니다.

• 나만의 스타일로 꾸며보세요: 아이콘을 좀 더 크게 만들고 싶으신가요? 색상을 바꾸고 싶으신가요? 문제없습니다. 크기를 조절하고, 색조를 변경하고, 모양을 다양하게 연출해 볼 수 있습니다. 제목과 설명도 직접 작성할 수 있습니다.

• 드래그 앤 드롭, 끝! 기술적인 지식이 없어도 사용 가능합니다. 아이콘 박스 위젯을 페이지나 게시물의 원하는 위치로 드래그하기만 하면 바로 사용할 수 있습니다.

Elementor에서 아이콘 사용에 어려움을 겪고 계신가요? 도움이 될 체크리스트를 확인해 보세요

아이콘이 보이지 않는 경우, 고급 해결 방법을 시도하기 전에 다음 간단한 체크리스트를 따라 오류를 파악하고 아이콘을 복원하세요.

• Elementor 업데이트: 스마트폰 앱을 업데이트하는 것처럼 소프트웨어도 때때로 최신 버전으로 업데이트해야 합니다. Elementor를 최신 버전으로 유지하세요.

• 아이콘 라이브러리 살펴보기: Elementor는 Font Awesome에서 제공하는 사용자 지정 아이콘 모음을 사용합니다. 활성화되어 있는지 확인하려면 Elementor를 실행하고 설정 > 고급으로 이동하여 Font Awesome 옵션을 찾아 체크되어 있는지 확인하세요.

• 다른 플러그인이나 테마 때문일까요 ? 때때로 서로 호환되지 않는 도구들이 있습니다. 다른 플러그인을 잠시 비활성화해 보세요. 또는 기본 WordPress 테마(예: Twenty-One)로 바꿔보는 것도 고려해 볼 수 있습니다.

• 캐시를 정리하세요: 캐시는 브라우저의 단기 기억 장치라고 생각하시면 됩니다. 캐시를 지우면 여러 가지 사소한 오류를 해결할 수 있습니다. 인터넷 브라우저의 캐시와 쿠키를 삭제하세요. 또한 Elementor의 캐시도 재설정하세요.

• 브라우저가 제대로 작동하는지 확인해 보세요 . 모든 브라우저가 동일한 것은 아닙니다. 다른 브라우저(예: Firefox)를 사용해 아이콘이 다시 표시되는지 확인해 보세요.

• CDN이 아이콘을 차단하고 있나요 콘텐츠 전송 네트워크 사용하는 경우 , 간혹 아이콘 표시가 차단될 수 있습니다. CDN 제공업체에 문의해 보는 것이 좋습니다.

자세히 보기 : Elementor용 QI Addons 플러그인 리뷰

Elementor 아이콘이 표시되지 않는 문제를 해결하는 방법

Elementor의 사용자 지정 아이콘이 웹사이트에서 숨바꼭질을 하듯 사라질 때면 당황스러울 수 있습니다.

하지만 다행히도 문제를 해결하는 것은 대개 간단합니다. 대부분의 경우 문제는 다음 두 가지 이유 중 하나로 귀결됩니다

• Elementor 플러그인 수정 사항: 최근 변경, 업데이트 또는 사용자 정의로 인해 아이콘이 올바르게 표시되지 않을 수 있습니다. 이는 충돌 또는 호환되지 않는 설정 때문일 수 있습니다.

• 라이브러리에서 아이콘이 누락됨: 간혹 라이브러리 아이콘이 제거되었거나 로드되지 않아 레이아웃에서 사라질 수 있습니다.

이제 문제의 원인을 파악했으니, 아이콘을 다시 주목받게 하는 해결 방법을 살펴보겠습니다.

관련 항목: Elementor 애니메이션 헤드라인이 작동하지 않는 문제 해결

문제 1: Elementor 플러그인 변경 사항

Elementor 플러그인을 최근에 업데이트했거나 새로 설치했는데, Font Awesome 아이콘 중 일부가 표시되지 않을 수 있습니다. 걱정하지 마세요!

다음과 같은 일을 할 수 있습니다

• 워드프레스 대시보드로 이동하세요.
• 사이드바에서 "Elementor"를 선택한 다음 "설정"을 선택하세요
• "고급" 탭을 클릭하세요.
• "Font Awesome 4 지원 로드" 옵션을 찾아 활성화하거나 활성화되어 있는지 확인하십시오.

문제 2: 오래된 Elementor CSS 및 데이터 파일

Elementor 아이콘이 로드되지 않는 경우는 생성된 CSS 파일이 오래되었거나 손상되었기 때문일 수 있습니다. 이 경우 아이콘 글꼴 스타일이 제대로 로드되지 않아 페이지에서 아이콘이 비어 있거나 보이지 않을 수 있습니다.

다행히 Elementor는 이 문제를 빠르게 해결할 수 있는 방법을 제공합니다. 다음 단계를 따라 파일을 다시 생성하세요

• WordPress 관리자 화면에 로그인하고 Elementor를 .
• 메뉴에서 도구를 클릭하세요
• 일반 탭 에서 파일 및 데이터 재생성을 .
• 버튼을 클릭하고 Elementor가 데이터를 새로 고치도록 하세요.

이 과정은 데이터베이스에 저장된 CSS 파일을 다시 빌드하고 아이콘 표시에 사용되는 리소스를 업데이트합니다. 이 단계를 완료한 후 페이지를 새로고침하고 아이콘이 표시되는지 확인하세요.

많은 경우, 이 간단한 해결 방법으로 추가적인 문제 해결 없이 오류가 해결됩니다.

문제 3: 혼합 콘텐츠 또는 HTTPS 구성 문제

아이콘이 표시되지 않는 또 다른 일반적인 이유는 혼합 콘텐츠 문제입니다. 이는 웹사이트가 HTTPS를 일부 아이콘 파일이나 글꼴 리소스는 여전히 HTTP를 통해 요청될 때 발생합니다.

최신 브라우저는 보안상의 이유로 이러한 요청을 차단하므로 아이콘이 로드되지 않습니다.

먼저 일반 설정에서 WordPress 주소와 사이트 주소가 모두 올바른 HTTPS URL을 사용하고 있는지 확인하세요. 주소가 일치하지 않으면 설정을 수정하고 변경 사항을 저장하세요.

브라우저 개발자 도구를 사용하여 페이지를 검사하면 차단된 리소스를 찾을 수 있습니다. 아이콘 파일이 차단된 경우 데이터베이스 또는 플러그인 설정에서 URL을 업데이트하세요.

모든 리소스가 HTTPS를 통해 로드되면 아이콘이 다시 표시될 것입니다.

문제 4: 파일 권한 또는 서버 구성 문제

경우에 따라 호스팅 또는 서버 구성 문제로 인해 오류가 발생할 수 있습니다. Elementor 아이콘은 WOFF 및 TTF와 같은 글꼴 파일을 사용합니다. 서버에서 이러한 파일 형식을 차단하거나 파일 권한이 올바르지 않으면 아이콘이 제대로 로드되지 않을 수 있습니다.

이 문제를 해결하려면 WordPress 설치 환경, 특히 Elementor 리소스가 저장된 폴더의 파일 권한을 확인하세요. 서버가 해당 파일에 접근할 수 있도록 권한이 설정되어 있어야 합니다.

호스팅 제공업체에 문의하여 글꼴 파일이 보안 규칙에 의해 제한되지 않았는지 확인할 수도 있습니다. 일부 서버는 기본적으로 특정 리소스를 차단하므로 아이콘이 비어 있는 것처럼 보일 수 있습니다.

서버에서 필요한 파일에 대한 접근을 허용하면 Elementor 아이콘이 웹사이트 메뉴와 페이지 전체에 정상적으로 로드될 것입니다.

관련 항목 : Elementor에서 위젯 패널이 로드되지 않는 문제 해결 방법

5호: 라이브러리에서 아이콘이 사라짐

Elementor 아이콘 라이브러리의 아이콘이 사라지는 경우가 있는데, 특히 "Nucleo Mini" 아이콘을 사용하는 템플릿에서 이러한 현상이 자주 발생합니다.

이 문제를 확인하고 해결하는 방법은 다음과 같습니다

• 아이콘이 표시될 페이지를 방문하세요.
• Elementor 편집기를 실행하려면 "Elementor로 편집" 버튼을 클릭하세요.
• 그다음 미디어 라이브러리를 여세요. 그러면 찾고 있는 아이콘이 라이브러리에 있는지 확인할 수 있습니다.
• 원하는 아이콘이 보이지 않으면 Kava Extra 플러그인을 최신 버전으로 업데이트하여 문제를 해결하세요.

참고: Divi vs Elementor

Font Awesome 플러그인 대체 ​​프로그램

위의 해결 방법으로 아이콘이 복구되지 않으면 Font Awesome 플러그인을 직접 설치하는 다른 방법을 시도해 볼 수 있습니다.

• WordPress 관리자 패널에서 플러그인 → 새 플러그인 추가 → 플러그인 업로드 .
• 여기서는 컴퓨터에 다운로드한 Font Awesome 플러그인을 업로드하는 옵션이 제공됩니다.
• “지금 설치” 버튼을 클릭하세요.
• 설치가 완료되면 "플러그인 활성화" 버튼을 클릭하는 것을 잊지 마세요.
• 이제 사이트에서 Font Awesome 플러그인이 활성화되었으며 아이콘이 다시 정상적으로 작동할 것입니다.

중요한 변경이나 업데이트를 하기 전에 항상 사이트를 백업하세요. 예상치 못한 문제가 발생하더라도 백업 파일을 통해 복구할 수 있습니다.

더 읽어보기 : 최고의 Elementor SaaS 워드프레스 테마

마무리

웹 디자인과 개발은 때때로 예상치 못한 우여곡절로 가득한 여정처럼 느껴질 수 있습니다. 하지만 모든 어려움 뒤에는 대개 해결책이 기다리고 있습니다.

Elementor와 그 아이콘에 관해서라면, 저희는 여러 가지 어려움을 극복하고 따라하기 쉬운 해결책을 제공해 드립니다. 아이콘 박스와 같은 유용한 기능 이해부터 아이콘이 사라지는 원인 해결까지, 모든 것을 다룹니다.

적절한 지식과 약간의 인내심만 있다면 웹사이트에서 원활한 사용자 경험을 보장하는 것은 식은 죽 먹기입니다.

아무리 작은 어려움이라도 배움과 성장의 기회라는 것을 기억하세요. 창의력을 계속 발휘하여 더욱 아름답고 효율적이며 사용자 친화적인 웹사이트를 만들어 나가도록 노력하겠습니다!

Elementor 아이콘이 표시되지 않는 문제 해결 관련 FAQ