• Gelöst stef1964

    (@stef1964)


    Hallo zusammen,

    ich nutze auf meiner Seite viele .svg Dateien, die ich als nahtlose Patterns als Hintergründe einsetze. Alle svg haben einen transparenten Hintergrund, manche haben schwarze Linien, andere weiße Linien.

    Ich habe nun das Problem, dass die .svg mit weißen Linien in der Mediathek-Vorschau nicht erkennbar sind, denn sie bräuchten eigentlich einen dunklen Hintergrund, um sichtbar zu sein. So sehen diese Dateien in der Mediathek aus.

    Ich suche nun nach einer Möglichkeit, die Vorschau für diese Dateien zu verbessern, damit ich sie schneller auswählen kann.

    Kennt jemand dieses Problem und hat eine Idee, wie das zu machen ist?

    Danke im Voraus!

    • Dieses Thema wurde vor 1 Jahr von stef1964 geändert.
Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)
  • Moderator La Geek

    (@la-geek)

    Versuche es einmal mit diesem Plugin, das hat außerdem noch die nützliche Funktion, SVGs zu bereinigen:

    https://de.wordpress.org/plugins/safe-svg/

    Thread-Starter stef1964

    (@stef1964)

    Vielen Dank für Deine schnelle Antwort, Angelika 🙂

    Das habe ich sofort in die Tat umgesetzt, habe mein bisheriges SVG-Plugin (SVG Support) deaktiviert und Safe SVG aktiviert. Leider hat das null Auswirkungen auf die Darstellung der Dateien in der Mediathek 🙁

    Die Beschreibung des Plugins hört sich aber so an, als wenn dieses Plugin tatsächlich die Lösung wäre: https://prnt.sc/YpK60z_6vB1I

    Ich werde mich mal an den Support wenden, und fragen, warum es nicht so klappt, wie es dort beschrieben wird. Kann ich dieses Ticket noch solange offen lassen? Vielleicht hat ja jemand anderes noch einen Tipp?

    Danke erstmal !!

    Moderator La Geek

    (@la-geek)

    Danke für die Rückmeldung. Ich verstehe die Beschreibung des Plugins auch so, dass es SVGs in der Mediathek darstellt, so steht es ja auch wortwörtlich dort.

    Selbstverständlich kann der Thread so lange offen bleiben, bis eine Lösung gefunden wurde. Ich drücke die Daumen.
    Vielleicht schießt auch ein anderes Plugin quer oder das Theme. Deaktiviere sie testweise einfach einmal und/oder wechsle auf ein Standard-Theme.

    Moderator La Geek

    (@la-geek)

    Tut mir leid, ich hatte deinen ersten Beitrag nicht richtig gelesen. Es sind ja nur die SVGs mit weißen Linien, die nicht richtig sichtbar sind, das hatte ich überlesen.

    Da hilft das Plugin natürlich auch nicht weiter (sorry noch einmal). Aber mit CSS kannst du die Hintergrundfarbe ändern.

    add_action('admin_head', 'my_backend_css');
    
    function my_backend_css() {
      echo '<style>
    .media-frame .attachments-wrapper {
        background: #a9a9a9;
    }
      </style>';
    }

    Diesen Code in die functions.php deines Child-Themes einfügen (falls vorhanden).
    Oder du verwendest folgendes Plugin:
    https://de.wordpress.org/plugins/add-admin-css/

    und fügst dort (Feld: „Admin CSS“) folgendes ein:

    .media-frame .attachments-wrapper {
        background: #a9a9a9;
    }

    Mit der Farbe #a9a9a9 müsstest du herum experimentieren, schwarz (#000000) geht ja nicht, da sonst die SVGs mit den schwarzen Linien unsichtbar werden. Ich habe ein dunkles Grau (#a9a9a9) genommen.

    Thread-Starter stef1964

    (@stef1964)

    Genial 👍
    Danke für Deine Hilfe!!
    Ich habe den Code in meine functions.php eingefügt und beim ersten Test sah es so aus: https://prnt.sc/d34vsg_Tiqrv

    Aber nun wusste ich ja schon, wo ich suchen muss und habe den Selektor daher noch etwas angepasst:
    .media-frame .attachments-wrapper .thumbnail

    Jetzt trifft es genau die Kacheln in der library und ist so, wie es sein muss!
    https://prnt.sc/dxAVGwSzckfd

    Klasse 🙂
    Du hast mir sehr geholfen!

    Dankeschön!!!

    Moderator La Geek

    (@la-geek)

    Sehr gerne 🙂
    Schön, dass du den Rest der Lösung selbst noch herausgefunden hast. Das war wohl gestern nicht so ganz mein Tag 😀 , ich hätte mit einem transparenten Bild testen sollen. Stattdessen war ich wie selbstverständlich davon ausgegangen, dass unter den Bildern kein gesonderter Hintergrund hinterlegt ist. Dabei hatte ich mich sogar noch kurz gewundert, wieso die weißen Linien auf dem bereits vorhandenen helleren Grau des großen Containers der Mediathek nicht sichtbar waren 🙈. Jedes einzelne Bild ist zusätzlich in drei verschachtelten Containern gepackt, wovon der mittlere (CSS-Klasse thumbnail) dieselbe hellgraue Hintergrundfarbe hat wie der große Container der Mediathek.

Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)

Das Thema „SVG Vorschau in Mediathek“ ist für neue Antworten geschlossen.