Wgrywanie SVG i bezpieczne czyszczenie plików

SVG sprawdza się dla ikon i logo, ale może zawierać aktywny kod. Moduł dodaje obsługę przesyłania i czyszczenie pliku przed zapisaniem.

Gdzie to ustawić

Ustawienia znajdziesz w panelu WordPressa: RRS Content & Media → SVG Support.

Konfiguracja krok po kroku

  1. Włącz SVG Support i pozostaw aktywną sanityzację przy uploadzie.
  2. Zdecyduj o usuwaniu deklaracji XML i DOCTYPE.
  3. Ustaw uprawnienie potrzebne do wgrywania SVG: administrator, autor lub użytkownik z możliwością uploadu. Zapisz.
  4. Wgraj zaufany plik przez bibliotekę mediów i sprawdź podgląd.
Wgrywanie SVG i bezpieczne czyszczenie plików - ekran ustawień
RRS Content & Media → SVG Support

Sanityzacja

Usuwa niebezpieczne elementy, takie jak skrypty, atrybuty zdarzeń i foreignObject. Po czyszczeniu sprawdź grafikę - plik wykorzystujący usunięte konstrukcje może wyglądać inaczej. Czyszczone są tylko pliki wgrane przy włączonej sanityzacji; pliki SVG wgrane wcześniej lub przy wyłączonej sanityzacji wgraj ponownie.

Renderowanie inline

Opcja Inline replace zamienia na froncie obraz SVG na element svg przez JavaScript. Ułatwia stylowanie kolorów, ale zwiększa pracę przeglądarki. Nie jest konieczna do zwykłego wyświetlenia logo.

Jak sprawdzić, czy to działa

Zweryfikuj podgląd w bibliotece i na docelowej stronie. Jeśli włączasz inline, sprawdź także hover, CSS oraz dużą stronę z wieloma ikonami. Ogranicz możliwość uploadu do ról, które faktycznie jej potrzebują.