WordPress SVG 지원 : WordPress에서 SVG를 활성화하는 방법

이 자습서는 WordPress에 SVG 지원을 추가하고 미디어 라이브러리 내에서 디스플레이를 최적화하는 방법을 설명합니다. SVG는 래스터 이미지에 비해 확장 성, 응답 성 및 더 작은 파일 크기를 제공하지만 잠재적 인 JavaScript 주입에 대한 보안 문제로 인해 WordPress는 기본적으로 지원하지 않습니다.

.

WordPress가 SVGS를 지원하지 않는 이유 (기본적으로) : 핵심 문제는 보안입니다. 래스터 이미지와 달리 SVG는 벡터 기반이며 잠재적으로 악의적 인 JavaScript를 포함 할 수 있으며 액세스 수준이 다양한 사용자가 업로드하면 위험을 초래할 수 있습니다.

SVG 업로드 활성화 : SVG 지원을 추가하려면 자식 테마의 또는 사용자 정의 플러그인을 사용하여

필터를 수정하십시오.

이 코드는 허용 파일 유형에 마임 유형으로 'svg'를 추가합니다.

미디어 라이브러리에서 SVG 디스플레이 개선 : 그리드보기에서 SVG의 기본 디스플레이는 차선책입니다. 이를 향상시키기 위해 Mutation Observers와 함께 JavaScript 및 Ajax를 사용하여 미리보기를 동적으로 업데이트하십시오. 여기에는 SVG URL을 가져 오는 사용자 정의 AJAX 기능을 작성하고 기본 자리 표시기를 실제 SVG 이미지로 바꾸는 것이 포함됩니다. WordPress Admin의 여러 섹션에서 올바른 디스플레이를 보장하기 위해 관리 CSS 조정이 필요합니다.

관리자 CSS 조정 : 높이/너비 속성이 누락되어 SVGS가 붕괴되는 것을 방지하려면이 CSS를 추가하십시오 : . 이것은 미디어 라이브러리의 그리드 및 열보기와 프론트 엔드에서 적절한 표시를 보장합니다. upload_mimes functions.php

function add_svg_upload_support($file_types){
    $new_filetypes = array('svg' => 'image/svg+xml');
    return array_merge($file_types, $new_filetypes);
}
add_filter('upload_mimes', 'add_svg_upload_support');

이 포괄적 인 접근 방식은 WordPress 내에서 SVG의 더 나은 관리 및 표시를 보장하여 사용자 경험을 향상시킵니다. 보안 영향을 고려하고 추가 보호를 위해 업로드 된 SVG를 소독하는 플러그인을 사용해야합니다.

위 내용은 WordPress SVG 지원 : WordPress에서 SVG를 활성화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!