SVG wird in WordPress nicht angezeigt

Lesezeit: 2 Minuten

Benutzeravatar von Thomas Hutton
Thomas Hutton

Bearbeiten Nr. 1: Hier ist der Code, den ich in „functions.php“ eingefügt habe:

function my_myme_types($mime_types){
    $mime_types['svg'] = 'image/svg+xml'; //Adding svg extension
    return $mime_types;
}
add_filter('upload_mimes', 'my_myme_types', 1, 1);

Bearbeiten Nr. 2:

Hier ist mein Code zur Eingabe:

<img src="http://localhost/webdesign/wp-content/uploads/2017/02/Web-Design.svg" />

Ich habe meine Datei „functions.php“ bearbeitet, damit ich SVG-Bilder hochladen kann (hier ist der Artikel). Nachdem ich das getan hatte, konnte ich SVG-Dateien verknüpfen und sie sehen. Ich machte jedoch ein Nickerchen und als ich zurückkam, wurden die SVG-Dateien nie angezeigt. Ich könnte sie verlinken, aber es war ein weißer Bildschirm, und wenn ich mit der rechten Maustaste klicke, um das Bild anzuzeigen, ist es auch nur weiß.

Weiß jemand, woran das liegen könnte? Ich habe eine zweite Localhost-WordPress-Website erstellt und das gleiche Problem.

Ich hatte das gleiche Problem. Der Punkt ist, dass man diesem Bild eins geben muss width und ein height um es sichtbar zu machen.

Hier ist ein Beispiel: Gehe zu http://geigerag.ch/ …oben befindet sich ein Logo in SVG. Wie Sie vielleicht sehen, hat das Logo eine Breite von 325 Pixel und eine Höhe von Auto. Versuchen Sie, diese Werte zu entfernen, oder klicken Sie mit der rechten Maustaste auf das Bild, um es in einem neuen Tab anzuzeigen. Das Bild ist jedoch leer.

  • Ich habe ihnen die Werte gegeben; Es wird jedoch immer noch nicht angezeigt.

    – Thomas Hutton

    13. März 2017 um 0:11

  • @ThomasHutton könntest du das SVG bitte irgendwo hochladen, damit ich es testen kann?

    – Reza Saadati

    13. März 2017 um 0:24

  • Hmmm, wenn ich also diese URL verwende, funktioniert es, aber nicht in meiner lokalen Datei.

    – Thomas Hutton

    13. März 2017 um 0:26

  • @ThomasHutton hmm … wie sieht dein Code aus? Benutzen Sie es für? <img> oder für einen background-image?

    – Reza Saadati

    13. März 2017 um 0:28


  • Habe es in meinen Kommentaren hinzugefügt.

    – Thomas Hutton

    13. März 2017 um 0:31

Sie können dies nur über die CSS-Klasse tun. Sie müssen lediglich die SVG-Containerbreite wie folgt hinzufügen:

.your-logo{width:300px;}

Sie können die Breite nach Ihren Wünschen einstellen.

1450830cookie-checkSVG wird in WordPress nicht angezeigt

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy