WordPress에서 SVG 사용 (2 개의 유용한 플러그인 권장 사항)

SVG 파일에는 다른 리소스를로드하고 JavaScript를 실행하는 기능을 포함하여 강력한 기능이 있기 때문에 WordPress는 기본적으로 SVG 업로드를 지원하지 않습니다. 이는 XSS 공격과 같은 보안 취약점으로 이어질 수 있습니다. 그러나 WordPress에서 SVG 이미지를 사용해야하는 경우 (미디어 업로더를 통해 업로드하고 기사 내용 및 특집 이미지에 사용) 다음을 수행 할 수 있습니다.

테마 템플릿에서 직접 SVG 사용은 상감 여부에 관계없이 가능합니다.<svg></svg> CSS를 통해 코드 또는 외부 SVG 파일을 연결하는 데는 추가 설정이 필요하지 않습니다.

SVG 지원을 수동으로 구성합니다

WordPress는 미디어 라이브러리 업 로더가 SVG 파일의 MIME 유형을 거부하기 때문에 SVG 업로드를 차단합니다. SVG 업로드를 허용하려면 다음 코드를 functions.php 파일 또는 기능 플러그인에 추가해야합니다.

 함수 cc_mime_types ($ mimes) {
  $ Mimes [ 'svg'] = 'image/svg xml';
  $ Mimes를 반환합니다.
}
add_filter ( 'upload_mimes', 'cc_mime_types');

그러나 위의 코드가 추가 된 경우에도 미디어 라이브러리 미리보기, 주요 이미지 위젯 및 편집기에는 SVG 파일이 올바르게 표시되지 않을 수 있습니다. CSS 코드를 주입하여 해결할 수 있지만 항상 작동하는 것은 아닙니다.

WordPress 플러그인을 사용하여 SVG를 지원하십시오

WordPress 자체가 SVG를 지원하지 않기 때문에 플러그인을 사용하여 SVG 지원을 관리하는 것이 더 나은 옵션입니다. WordPress가 가능한 호환성 문제를 개발하고 해결함에 따라 플러그인을 지속적으로 업데이트 할 수 있습니다.

다음 두 WordPress SVG 플러그인이 권장됩니다.

SVG 지원

설치 및 활성화 후 추가 구성없이 사용할 수있는 강력한 플러그인입니다. 추가 프론트 엔드 CSS를로드 할 것인지 (필요에 따라 선택하도록 권장)와 같은 일부 설정 옵션을 제공합니다. 플러그인은 또한 향상된 보안을위한 관리자 권한 제한을 제공합니다.

안전한 SVG

이 플러그인은 업데이트가 느리지 만 업로드 할 때 더 높은 수준의 보안을 제공하고 SVG 파일을 정리하고 최적화합니다. 웹 사이트 보안에 대한 요구 사항이 높거나 기술 경험이 부족한 경우이 플러그인이 더 적합합니다.

쉬운 SVG 지원과 같은 다른 플러그인은 유지 보수 및 업데이트가 충분하지 않아 권장되지 않습니다.

WordPress에서 어떤 SVG 플러그인을 사용 했습니까? 경험과 추천을 공유하는 데 오신 것을 환영합니다!

위 내용은 WordPress에서 SVG 사용 (2 개의 유용한 플러그인 권장 사항)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!