PNG-Photos

    Hi there again,

    könnt ihr mir bitte mal sagen, von was es abhängt, dass manche Themes den Hintergrund von PNG-Bildern wie gewünscht transparent darstellen, andere wiederum nicht. Und wo könnte ich evt. mit welchem Code dem Theme zuweisen, dass es das gefälligst zu tun hat?!

    Herzliche Grüße
    Matthias

    • 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

    ob eine funktion dafür zuständig sein könnte, glaube ich nicht, das Bild soll Transprenz gemacht sein, denn das ist eine Möglichkeit von PNG Bildformat.

    Wordpress weil es spass macht, besonders beim WordPress Meetup in Linz

    Habs mir jetzt nochmal genauer angeschaut und muss jetzt differenzierter beschreiben: in meinem gewählten Theme werden die Photos, auch die PNGs, in einem wohl standardmäßigen Rahmen mit dunklem Hintergrund dargestellt. Dort drin ist zwar auch das PNG richtig zu sehen, sieht aber auf dem dunklen Hintergrund nicht gut aus. Also muss meine Frage jetzt lauten: wie kann ich in einem Theme die Rahmenvorgaben für Photos aändern bzw. für bestimmte Photos eliminieren?!

    Zitat

    von was es abhängt, dass manche Themes den Hintergrund von PNG-Bildern wie gewünscht transparent darstellen, andere wiederum nicht. Und wo könnte ich evt. mit welchem Code dem Theme zuweisen, dass es das gefälligst zu tun hat?!

    Ob eine PNG Datei transparent dargestellt wird, hängt durchaus auch davon ab, ob sie überhaupt mit Transparenz gespeichert wurde. Es gibt keine Funktion im Theme, mit der man Transparenz bei PNG ab- oder anschalten kann. Da hat WP nichts mit zu tun.

    Zitat

    Also muss meine Frage jetzt lauten: wie kann ich in einem Theme die Rahmenvorgaben für Photos aändern bzw. für bestimmte Photos eliminieren?!

    Dazu müsste man erstmal wissen um welche Rahmen es geht... Ohne Link zum Blog/Theme wird das nichts.

    Dann mach ich mal für die Frage Under Construction raus und hier ist das Beispiel. Und klar ist das richtig abgespeichert, wie gesagt bei einem anderen Theme kein Problem.
    Theme ist: Sunspot 1.0.1 von Automattic

    themes/sunspot/style.css (Zeile 902)

    Code
    .entry-content img,
.entry-thumbnail img {
    background: #120f10;
    border: 1px solid #666;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
}

    entweder alles oder nur die unerwünschten Teile davon entfernen, löschen

    Nochmal: ein Hoch auf dieses Forum. Selten so schnelle und kompetente und umsetzbare Antworten in einem Forum bekommen.
    Noch ne differenzierende Zusatzfrage falls einfach umzusetzen: wo und mit welchem Zusatz könnte ich oben erwähnten Code für einzelne Bilder anwenden und für andere wiederum nicht...

    du kannst dem PNG Bild beim erstellen oder bearbeiten des Artikels, eine weitere class zuweisen

    z.B.

    Code
    img_png

    dann in die style.css dies

    Code
    .img_png {
    background: none;
    border: none;
    box-shadow:none;
}

    den gelöschten Code natürlich wieder einfügen

    Perfekt! Werde ich bald mal ausprobieren, jetzt fahr ich das Notebook aber mal runter... da draußen gibt's ja auch noch ein Leben, dass ab und zu mal umgerührt werden will :-)
    Danke nochmal!!!

    Das klappt noch nicht Rahmen für PNG wieder da, kann aber auch sein, dass den class-code falsch setze - auf der Bearbeitungsseite sieht das für das eingefügte Bild dann so aus:

    <a href="http://masaihtt.de/wordpress/wp-c…trieb-klein.png"><img src="http://masaihtt.de/wordpress/wp-c…trieb-klein.png" alt="" title="Lindentrieb klein" width="118" height="91" [COLOR="Red"]class="img_png"[/COLOR] class="alignnone size-full wp-image-453" /></a>

    Und so sieht's in der style.css aus:

    }

    .entry-content img,
    .entry-thumbnail img {
    background: #120f10;
    border: 1px solid #666;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
    }

    .img_png {
    background: none;
    border: none;
    box-shadow:none;
    }

    War das so gedacht?!

    dann musst wahrscheinlich ein !important anhängen

    CSS
    .img_png {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

    Ja!!! So geht's... klasse!
    aber das ist, grade festgestellt, blöderweise noch nicht das Ende vom Lied: in diesem Theme kann ich für einen Artikel auf der Frontseite ein Bild nur über das festgelegte Artikelbild anzeigen lassen... und das taucht im HTML des Artikels nicht auf... wo in diesem Falle das [COLOR="DarkRed"]img_pgn[/COLOR] unterbringen?!

    versuche mal folgendes

    ersetze

    CSS
    .img_png {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

    mit

    Code
    .entry-content img[src$=png], .entry-thumbnail img[src$=png] {
    background: none;
    border: none;
    box-shadow: none;
}

    wenn das bei dir funktioniert, kannst die zusätzliche class "img_png" im Artikel weglassen

    Du bist genial! Auch das funktioniert!
    Nochmals Danke...
    und nun noch andere 2,3 Threads mit Fragen, und dann bin ich wunschlos glücklich :-)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden