Ferienobjekte schön darstellen – wie?

Gelöst fatmir11
(@fatmir11)

vor 1 Jahr, 1 Monat

Hi zusammen,

ich baue gerade eine Webseite, dami Ferienobjekte auf dieser dargestellt werden können.

Da ich kein Profi o.ä. bin nutze ich keine vorgegebenen Premium-Themes, sondern habe mir die Seite selber zusammengebastelt.
Ich habe halt die Befürchtung, dass weil ich noch nie so ein umfangreiches Theme eingesetzt habe, ich damit nicht klarkomme…für meinen Verwendungszweck sollte meine erstellte Seite durchaus ausreichen.

Jedoch habe ich ein Problem mit der Objektseite, genauer gesagt mit der Darstellung der Bilder. Die Lightbox ist super. Aber die Darstellung auf der Webseite gefällt mir garnicht.

Z.B. ist der Bereich der Bilder oben und unten sehr groß, da es einige Hochkantbilder gibt, und eben der Rahmen sich am „größten“ Bild orientiert.

Ich habe keine Templates oder Blöcke o.ä. gefunden, bei den das so nicht wird, wenn ich meine Bilder einfüge.

Ich hoffe, es ist verständlich was ich meine und bitte um Unterstützung.

Vielen Dank schonmal!

LG

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 10 Antworten - 1 bis 10 (von insgesamt 10)

bscu
(@bscu)

vor 1 Jahr, 1 Monat

Wenn du Bilder in unterschiedlichen Höhen hast, dann ist das nun mal der Effekt. Was soll denn deiner Meinung nach passieren?

Thread-Starter fatmir11
(@fatmir11)

vor 1 Jahr, 1 Monat

Dass man irgendwie die Höhe festlegt und das Bild dann weder oben noch unten „überläuft“, sondern einfach „kleiner“ angezeigt wird in der Vorschau.

Z.B. hier gibt es auch Bilder mit unterschiedliche Größen und diese werden korrekt anzeigt: https://www.kroati.de/ferienwohnung-pisak-dalmatien-kroatien_4247.html

bscu
(@bscu)

vor 1 Jahr, 1 Monat

Unterschiedliche Größen ja, aber nur in der Breite und nicht in der Höhe.
Thread-Starter fatmir11
(@fatmir11)

vor 1 Jahr, 1 Monat
Ist doch am Ende das gleiche.

Es geht nur darum, dass man die mögliche Höhe bei der Darstellung begrenzt und dann wird automatisch die Breite ja geringer 🙂

Andersrum gefragt: Hast du einen Lösungsvorschlag?
- Diese Antwort wurde geändert vor 1 Jahr, 1 Monat von fatmir11.
bscu
(@bscu)

vor 1 Jahr, 1 Monat

Ist doch am Ende das gleiche.

Nein, ist es nicht. Du beklagst unterschiedliche Abstände oben und unten, das liegt eindeutig an den Höhen. In deinem verlinkten Beispiel sind alle Bilder gleich hoch, aber nicht gleich breit. Allerdings fällt das bei unterschiedlichen Breiten weniger auf, weil die Bilder immer noch zentriert dargestellt werden. Dafür hast du aber links und rechts leeren Raum. Außerdem siehst du in dieser Galerie immer nur ein Bild, und somit fällt das noch weniger auf.

Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr, 1 Monat

Die Idee hinter Themes ist, dass du nicht selber ein Grafikdesign-Studium abschließen und einen Gestaltungskurs besuchen musst, sondern dich nur noch für eine Richtung entscheiden sollst, wie deine Webseiten aussehen sollen. Zeitgemäße Themes verwenden aus verschiedenen Gründen keine Slider, bereiten Text aber so auf, dass er auch auf einem Smartphone ansprechend aussieht. Es ist besser, wenn du dich als Einsteiger auf das Knowhow der Entwickler verlässt, die sowas täglich machen. Gebasteltes hat vielleicht einen sentimentalen Wert, sieht dann aber eben auch … gebastelt aus.

Klick mal im Showcase des besonders einsteigerfreundlichen Theme „Go“ durch die Beispiele: keine Slider, große, aussagefähige Bilder, alles für Mobilgeräte geeignet.
Moderator Hans-Gerd Gerhards
(@hage)

vor 1 Jahr, 1 Monat
Hallo,
teste doch mal bitte die folgende CSS-Regel unter Design > Customizer > Zusätzliches CSS:
```
figure.swiper-slide-inner img{
    aspect-ratio: 16/9;
    object-fit: cover;
}
```
Ich kann allerdings nicht sicher sagen, ob das funktioniert. Evtl. auch mal den Cache löschen, wenn du ein Cache-Plugin verwendest und ggfs. den Browser-Cache löschen.

Viele Grüße
Hans-Gerd
Thread-Starter fatmir11
(@fatmir11)

vor 1 Jahr, 1 Monat
@bscu
Sehe ich anders.

Auf meiner Seite haben alle Bilder dieselbe Breite. Deshalb werden die Hochkantbilder höher angezeigt.

Auf der anderen Seite haben alle Bilder dieselbe Höhe, und deshalb ist bei den Hochkantbildern die Breite kleiner als bei den restlichen.

Und ich würde gerne wollen, dass bei mir die Höhe gleich ist, mit der Folge, dass die Breite kleiner wird.

@pixolin
Danke, schaue ich mir mal an.

@hage
Funktioniert!! Danke! Das habe ich gesucht 🙂
Habe es auf aspect-ratio: 1/1; angepasst.
- Diese Antwort wurde geändert vor 1 Jahr, 1 Monat von fatmir11.
- Diese Antwort wurde geändert vor 1 Jahr, 1 Monat von fatmir11.
Moderator Hans-Gerd Gerhards
(@hage)

vor 1 Jahr, 1 Monat

Funktioniert!! Danke! Das habe ich gesucht 🙂
Habe es auf aspect-ratio: 1/1; angepasst.

Freut mich – danke für die Rückmeldung.

Denkst du bitte beim nächsten Mal daran, das Thema dann auch als gelöst zu markieren, wenn das Thema für dich erledigt ist. Danke.

Die Option findest du rechts in der Sidebar. Das habe ich jetzt schon gemacht.

Thread-Starter fatmir11
(@fatmir11)

vor 1 Jahr, 1 Monat

Done.

Ansicht von 10 Antworten - 1 bis 10 (von insgesamt 10)

Das Thema „Ferienobjekte schön darstellen – wie?“ ist für neue Antworten geschlossen.

Ansichten