W artykule:
Czy chcesz dodać pliki SVG do swojej witryny WordPress? Domyślnie WordPress umożliwia przesyłanie wszystkich popularnych formatów plików graficznych, audio i wideo, ale SVG nie jest wśród nich. W tym artykule pokażemy, jak łatwo dodać SVG w WordPress.
Co to jest SVG?
SVG lub skalowalna grafika wektorowa to format pliku, który definiuje grafikę wektorową za pomocą języka znaczników XML. Główną zaletą SVG jest to, że pozwala powiększać obrazy bez utraty jakości lub o pikselacji.
Jak działa SVG?
Scalable Vector Graphics (SVG) to technologia, która wyświetla dwuwymiarowe rysunki za pomocą XML. Różnią się one od powszechnie używanych formatów obrazów, takich jak PNG, GIF lub JPEG.
Jeśli weźmiesz plik obrazu png / jpeg i powiększysz, zauważysz, że obraz zacznie się rozmywać i stanie się pikselowany.
Grafika wektorowa nie używa pikseli. Zamiast tego używają dwuwymiarowej mapy, która określa grafikę, którą oglądasz. W miarę powiększania obraz nie pikseluje.
Pozwala to na powiększenie grafiki wektorowej bez utraty jakości. Co najważniejsze, obrazy SVG mogą być znacznie mniejsze niż pliki JPEG lub PNG.
Grafika wektorowa jest powszechnie używana do tworzenia ikon, czcionek ikon, logo witryny i obrazów brandingowych. Możesz dodać pliki SVG w WordPress dla logo firmy, ikon lub innej grafiki.
Mimo że brzmią fajnie, pliki SVG są nadal trochę niebezpieczne. Dlatego WordPress domyślnie nie obsługuje przesyłania plików SVG.
Jeśli prześlesz obraz SVG w aplikacji WordPress, zobaczysz następujący komunikat o błędzie:
Przepraszamy, ten typ pliku nie jest dozwolony ze względów bezpieczeństwa.
Kwestie bezpieczeństwa dotyczące SVG w WordPress
Pliki SVG zawierają kod w języku znaczników XML, który jest podobny do HTML. Twoja przeglądarka lub oprogramowanie do edycji SVG przetwarza język znaczników XML, aby wyświetlić wyjście na ekranie.
Otwiera to jednak witrynę na możliwe luki w zabezpieczeniach XML. Może być używany do uzyskania nieautoryzowanego dostępu do danych użytkownika, wyzwalania ataków brute force lub ataków typu cross-site scripting.
Metody, które udostępnimy w tym artykule, będą starały się dezynfekować pliki SVG, aby poprawić ich bezpieczeństwo. Jednak te wtyczki nie mogą całkowicie zapobiec przesyłaniu lub wstrzykiwaniu złośliwego kodu.
Najlepszym rozwiązaniem jest używanie wyłącznie plików SVG utworzonych przez wiarygodne źródła i ograniczenie przesyłania plików SVG tylko do zaufanych użytkowników.
Aby dowiedzieć się więcej o bezpieczeństwie, sprawdź nasz kompletny przewodnik bezpieczeństwa WordPress dla początkujących.
Mając to na uwadze, przyjrzyjmy się, jak łatwo i bezpiecznie korzystać z plików SVG w WordPress.
Metoda 1. Prześlij pliki SVG w WordPress przy użyciu obsługi SVG
Ta metoda oferuje pełne wsparcie dla dodawania plików SVG w WordPress. Umożliwia również wyświetlanie inline SVG w postach i stronach WordPress.
Najpierw musisz zainstalować i aktywować wtyczkę wsparcia SVG. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz odwiedzić Ustawienia ” Wsparcie SVG strona do konfiguracji ustawień wtyczki.
Na stronie ustawień musisz zaznaczyć pole ” Ogranicz do administratorów? opcja. Pozwoli to tylko administratorowi witryny na przesyłanie plików SVG w WordPress.
Kolejną opcją jest włączenie trybu zaawansowanego. Zaznacz tę opcję, jeśli chcesz korzystać z zaawansowanych funkcji, takich jak animacje CSS i renderowanie SVG w wierszu.
Nie zapomnij kliknąć przycisku zapisz zmiany, aby zapisać swoje ustawienia.
Możesz teraz utworzyć nowy post lub edytować istniejący. W edytorze postów załadujesz plik SVG, tak jak przesłałbyś dowolny inny plik obrazu. Wystarczy dodać blok obrazu do edytora, a następnie przesłać plik SVG.
Teraz będziesz mógł przesłać i osadzić plik SVG w WordPress.
Metoda 2. Prześlij pliki SVG w WordPress za pomocą bezpiecznego SVG
Ta metoda wykorzystuje również wtyczkę i pozwala na wykonanie dezynfekcji plików SVG przesłanych do WordPress.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować bezpieczną wtyczkę SVG. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Wtyczka działa po wyjęciu z pudełka i nie ma żadnych ustawień do skonfigurowania. Możesz po prostu zacząć przesyłać pliki SVG.
Minusem jest to, że ta wtyczka umożliwia przesyłanie SVG przez wszystkich użytkowników, którzy mogą pisać posty w Twojej witrynie WordPress.
Aby kontrolować, kto może przesyłać pliki, musisz kupić wersję premium wtyczki.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak bezpiecznie dodać SVG w WordPress. Możesz również zobaczyć nasz artykuł na temat najczęstszych problemów z obrazem w WordPress i jak je naprawić.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
