So konfigurieren Sie das Bild der Slideshow und der Kategorien

Dieser Bereich bündelt alle Einstellungen zu Bildern, die von PrestaBlog verwendet werden.

Du findest Einstellungen für:

• Artikelbilder
• Kategoriebilder
• Slideshow-Bilder
• Bilder verknüpfter Produkte
• Autorenbilder

Diese Einstellungen definieren die Abmessungen und Formate, die beim Upload neuer Bilder verwendet werden.

Um bereits veröffentlichte Bilder nach neuen Einstellungen zu aktualisieren, steht ein ergänzendes Tool zur Verfügung unter Tools > Bilder regenerieren.

Die Konfiguration der Bildgrößen und das Regenerations-Tool arbeiten zusammen: Es ist empfehlenswert, diese Einstellungen möglichst direkt nach der Installation des Blogs festzulegen oder Bilder zu regenerieren, wenn Anpassungen in einem bestehenden Blog vorgenommen werden.

Bildbreite ermitteln

Beim Konfigurieren von Bildgrößen ist es wichtig, die tatsächlich von deinem Theme verwendete Breite in der Blog-Auflistung zu kennen.

Mit dem folgenden Vorgehen erhältst du diese Information direkt im Frontoffice:

1. Gehe auf die Startseite deines Blogs, wo die Artikelliste angezeigt wird
2. Nimm den ersten angezeigten Artikel
3. Klicke mit Rechtsklick auf den Titel dieses Artikels
4. Klicke auf „Untersuchen“

Das Entwickler-Tool öffnet sich und markiert in der Regel den Artikeltitel. Suche im Code den Block direkt über dem Titel, der das Bild enthält. Dieser Block ist über class="block_top" identifizierbar.

Fahre im Entwickler-Tool mit der Maus über diesen Block. Der Browser zeigt dann direkt die Abmessungen des Blocks in Pixeln an. Die angezeigte Breite entspricht der Basisbreite, die für das Bild in der Liste verwendet wird.

Hover-Zoom berücksichtigen

Einige Themes wenden einen Zoom-Effekt beim Hover auf Bilder in Listen an.

Die gemessene Dimension entspricht der initialen Anzeigegröße. Beim Hover wird das Bild vergrößert. Um ein scharfes Bild zu behalten und Pixelbildung zu vermeiden, ist es empfehlenswert, ein größeres Bild zu verwenden und dabei die Proportionen zu beachten.

Wenn die gemessene Breite z. B. 400 Pixel beträgt:

• mal 1,5 ergibt 600 Pixel
• mal 2 ergibt 800 Pixel

Diese Methode hilft, die Bildproportionen zu erhalten und gleichzeitig eine gute Qualität sicherzustellen - auch beim Hover.