Vorschaubilder anders darstellen

    Hallo, ich suche eine Möglichkeit die Vorschaubilder aus dem avia architekt Katalog anders darzustellen.
    momentan werden mir die Bilder der Elemente quadratisch mit einem Kreisausschnitt gezeigt.
    Ich hätte gern das Originalbild einfach nur verkleinert.
    Hoffe mir kann wer weiterhelfen

    • 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

    Ein bisschen wenig Information, ich verstehe:

    also:
    Wordpress Version: 5.0.3
    Theme: Enfold
    auf folgender Seite kann man das Problem gut erkennen: http://berliner-vv.de/teams/damen-iii/
    Wenn man ein wenig runterscrollt kann man die Vorschaubilder der Damen sehen und wie sie abgeschnitten sind.
    Diese Bilder würde ich gerne verändern und zwar so, dass das gesamte Bild zu sehen ist und nicht nur dieser Kreisausschnitt.

    Hoffe so ist verständlicher, was ich meine.

    Diesen Code ins 'zusätzliche CSS' - vom Dashboard -> Design -> Customizer - zusätzliches CSS

    HTML
    .av-catalogue-image {
  width: 100px; /*100px nur beispielhaft - geht auch größer oder kleiner*/
  border-radius: 0px; /* auch hier, 0px nur beispielhaft. Mit anderen Werten werden die Ecken etwas abgerundet*/
}


    sollte helfen.
    Nach Änderung bitte alle Seiten auf unerwünschte Nebeneffekte prüfen.

    Das hat in soweit geholfen, dass ich nun das Vorschaubild groß und klein ziehen kann, wie ich will und die Rundungen weg sind, danke.

    Nun stell ich fest, dass der Bildausschnitt sich dadurch leider nicht verändert, der bleibt unverändert, also verzerre ich nur das Bild, wenn ich die Werte verändere.

    Gibt es auch eine Möglichkeit den Bildausschnitt zu verändern?
    Als Beispiel wird ein quadratisches Bild perfekt abgebildet, bei einem rechteckigen wird oben und unten ein stück weggeschnitten.

    Ich würde gern erreichen, dass auch so ein quadratisches Bild perfekt abgebildet wird.

    Wo genau sieht man ein nicht perfektes/verzerrtes Bild? Ich verstehe gerade das Problem nicht ganz.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Momentan sieht man auf der Seite bei den Damen abgeschnittene Köpfe.
    Mit den Änderungen durch Sailor kann ich die Bilder zwar größer machen, aber die Köpfe bleiben abgeschnitten.
    Und da ist das problem

    Die Thumbnails generiert WordPress direkt. Schau mal unter Einstellungen -> Medien was dort eingestellt ist. Ansonsten kannst du auch eigene Image-Size bestimmen. Dort kannst du dann auch angeben von welcher Position des Bildes gecroppt wird.
    https://developer.wordpress.org/reference/func…add_image_size/

    Nachteil: Du müsstest Avia dazu bringen deine Image-Size zu verwenden.

    Was sagt der Theme-Support dazu? Evtl. gibt es schon eine Option dafür im Theme.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Das mit den Thumbnails hab ich ich probiert, funktioniert auch soweit. Mit dem Nachteil hab ich auch begriffen. Avia nutzt das zumindest nicht automatisch, wie ich gerade festgestellt hab.
    Den Theme-Support konnte ich noch nicht fragen zwecks manglender Registrierung zwecks mangelndem Purchase Code. Den hat der andere Admin und der ist aktuell nicht da.

    Also, folgende Lösung hab ich mir im Internet zusammengesucht.
    unter der functions.php ab Zeile 110 ca. kann man die Größe der Thumbnails und noch einige andere Größen verändern.
    Kleines Problem dabei, das hilft nicht bei Bildern, die schon hochgeladen sind. Also entweder die Thumbnails über ein Plugin oder die Kommandozeile refreshen und das Problem ist behoben :)
    Danke für eure Hilfe

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden