Dlaczego SVG ?
SVG jest chyba jedynym formatem wektorowym używanym na stronach internetowych, a co za tym idzie możemy go w łatwy sposób skalować bez utraty jakości. Dzięki SVG możemy jeden plik używać zarówno w wersji na smartfony jak i potężne ekrany monitorów czy telewizorów oraz na każdym ppi nie ważne czy jest to standardowy ekran 72ppi czy Retina z 300ppi lub większym zagęszczeniem pikseli. Nad SVG mamy tez większa kontrolę gdyż możemy mu nadawać animacje i kolory bezpośrednio z naszego pliku CSS.
Jak włączyć obsługę SVG w WordPress ?
Sa na to 2 sposoby. Albo instalujemy wtyczkę z repozytorium WordPress:
Scalable Vector Graphics (SVG)
lub możemy zrobić to w prosty sposób dodając 2 funkcje. Pokażemy wam jak można to zrobić właśnie bez użycia zbędnych wtyczek.
Otwieramy nasz plik functions.php z child theme (zalecamy używanie motywów potomnych do wszelkiej edycji, ale o nich napiszemy jeszcze osobną poradę) i dodajemy funkcję:
//Dodanie obsugi SVG w WordPress
function wpcontent_svg_mime_type( $mimes = array() ) {
$mimes['svg'] = 'image/svg+xml';
$mimes['svgz'] = 'image/svg+xml';
return $mimes;
}
add_filter( 'upload_mimes', 'wpcontent_svg_mime_type' );
Następnie otwieramy nasz plik ***.htaccess ***i zaraz za linią
#End WordPress
dodajemy kod:
# Add SVG Mime Types
AddType image/svg+xml svg
AddType image/svg+xml svgz
Zapisujemy pliki i możemy się cieszyć obsługą i możliwością dodawania do Biblioteki mediów plików wektorowych SVG.
Zapraszamy do komentowania i dyskusji poniżej.
