SVG als Inline einbinden

    Hallo,
    ich benutze svgs auf meiner Seite und habe diese bis jetzt als image im Editor eingebunden. Ist es besser, diese inline einzubinden und wenn ja, wie kann man das im Editor machen?

    Vielen Dank,
    B2707

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Zitat von B2707


    ich benutze svgs auf meiner Seite und habe diese bis jetzt als image im Editor eingebunden. Ist es besser, diese inline einzubinden und wenn ja, wie kann man das im Editor machen?

    Verbietet dir WordPress den upload von SVG Grafiken? Hier kannst du WordPress den MIME-Type sgv über die ~/wp-content/theme/*skin*/functions.php beibringen...

    Code
    function r23_svg ( $svg_mime ){
	$svg_mime['svg'] = 'image/svg+xml';
	return $svg_mime;
}


add_filter( 'upload_mimes', 'r23_svg' );

    in der Plugin Datenbank von WordPress gibt es weitere Lösungswege.

    Hoffe, die Antwort hilft dir weiter

    Ralf

    Mit offenen Augen träumen

    Hallo, nein, das Uploading klappt, wie ich ja erwähnte, kann ich die svg als Bilder im Editor einsetzen, aber ich hatte gelesen, dass die inline Einbindung besser sei, da so keine requests erforderlich sind.

    Hast Du es schon mit <svg> im Editor ausprobiert?

    Ich vermute aber, das WordPress in diesem Bezug nichts am MCE verändert hat und damit der Tag rausgefiltert wird.

    Deswegen solltest Du das Tag (oder alle) im MCE erlauben (functions.php des Themes):

    Code
    function override_mce_options($initArray) {
    $opts = '*
[*]';
    $initArray['valid_elements'] = $opts;
    $initArray['extended_valid_elements'] = $opts;
    return $initArray;
}
add_filter('tiny_mce_before_init', 'override_mce_options');

    Die $opts kannst Du auf die benötigten Tags modifizieren.

    * Origin: http://www.leighton.com

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden