blog.nayma.pl


Dla miłośników WordPress, WooCommerce, HTML5, CSS3 oraz JS.

Podziel się


Tagi


Obsługa SVG w WordPress

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:

SVG Support

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.

Nayma.pl Dariusz Okoń
Dodane przez

Nayma.pl Dariusz Okoń

Komentarze