Christiane Weigel Webdesign Webconsulting SEO/SEM

Christiane Weigel
Webdesign Webconsulting SEO / SEM

Seit 20 Jahren Ihre Adresse für Webdesign, Webprogrammierung, Beratung & Projektentwicklung und Suchmaschinenoptimierung (SEO) / Suchmaschinenmarketing (SEM) für Websites / Webseiten und Online-Shops in Berlin / Zehlendorf

WordPress Upload SVG

WordPress Upload SVGWordPress mag bekanntlich keine SVG Dateien und sperrt den Upload systemseitig.

Das ist ein Sicherheitsthema, aber wenn man das nun trotzdem nutzen möchte … so geht es.

Nun kann man dafür ein Plugin einsetzen, muss aber nicht. Um hier ein bisschen sparsam zu sein, könnt ihr ganz easy diesen Codesnippet in eure functions.php (Achtung! Bitte im Child-Theme) einfügen. Und schon könnt ihr SVG Dateien hochladen und logischerweise auch bearbeiten. Denkt bitte daran, dass ihr eine Größe angeben müsst, sonst sehr ihr nichts, weil es obligatorisch mit 0x0px angegeben ist.

Viel Spaß beim Ausführen.

 


// Allow SVG
add_filter( 'wp_check_filetype_and_ext', function($data, $file, $filename, $mimes) {
global $wp_version;
if ( $wp_version !== '4.7.1' ) {
return $data;
}
$filetype = wp_check_filetype( $filename, $mimes );
return [
'ext' => $filetype['ext'],
'type' => $filetype['type'],
'proper_filename' => $data['proper_filename']
];
}, 10, 4 );
function cc_mime_types( $mimes ){
$mimes['svg'] = 'image/svg+xml';
return $mimes;
}
add_filter( 'upload_mimes', 'cc_mime_types' );
function fix_svg() {
echo '<style type="text/css">
.attachment-266x266, .thumbnail img {
width: 100% !important;
height: auto !important;
}
</style>';
}
add_action( 'admin_head', 'fix_svg' );

Tipps, Tricks, Snippets und Scripts rund ums Web

Dabei kann es sich um die DSGVO, neue Designs oder auch ganz neue Technologien im Web gehen. Und ich stelle immer mal wieder technische Informationen, Codesnippets und kleine Tutorials ein.