Slider: Eigenes Bild für Mobile oder Bildausschnitt wählbar?

[xwolfde]

Berechtigte Anfrage aus Anwenderseite:

Wie kann ich bestimmte Bildausschnitte der breiten Bildes für die mobile Version anzeigen lassen? Zum Beispiel beim Slider Chemie-Webseite würde ich gern andere Ausschnitte der Bilder haben. Da wird automatisch ein Ausschnitt gewählt, der aber nicht passt.

Welche Lösungen wären hier denkbar?

• Eigenes Bild für Mobile hochlanden lassen? (Würde aber den Aufwand für den Autor erhöhen).
• AUsschnitt im Backend wählbar/focussierbar machen? (Dann würde es bei einem Bild bleiben, aber das müsste man auch irgendwie usable bedienbar machen und programmieren)
• ..

[cibsell]

Ausschnitt im Backend wählbar wäre für mich die beste Lösung. Das geht ja auch bei anderen Webseiten, dass man dort einen Ausschnitt vom hochgeladenen Bild wählt. Allerdings müsste das eben für Mobile und Desktop unterscheiden können.

[xwolfde]

Hierzu muss der Slider in ein WP Block umgewandelt werden. Innerhalb der Blöcke können wir dann die Bilder mit den neuen WP Funktionen via Maus ausrichten.

Hierzu wiederum wäre es als erster Schritt notwendig, den Slider als neuen Core-Block zu entwickeln. Dies geschieht am Besten im Plugin rrze-elements-blocks.
Wenn das darin bereitsteht, können wir damit dann unser bisheriges Template durch ein Pattern der diesen Block nutzt, ersetzen.

=> Dieses Issue wird in das Plugin geschoben und dort als Feature-Request einen Slider-Block zu entwerfen, den wir dann entsprechend nutzen können.

[lukasniebler]

@xwolfde

Ich kann dir keinen Block mit Output aus dem Slider basteln, da es (nach meinem Kenntnisstand) nicht möglich ist, dass der Block außerhalb der Content-Area gesetzt wird.

Also wenn so ein Block existiert, würde das bedeuten, dass die Hero-Section in den Post-Content rutscht.

Was machbar ist:

Ich kann einen Block erstellen der nur als Steuereinheit für den Slider dient. Über die RestAPI muss ich dazu vermutlich die Customizer Settings auslesen und die URLs beschaffen und könnte dann für die Slides in einem Array die gewünschten Bildpositionen für Desktop, Tablet und Mobile als Prozentuale Werte in einem Array via RestApi zurückliefen oder irgendwohin speichern…

Falls dir das was bringt…

Vgl. https://wordpress.github.io/gutenberg/?path=/story/components-focalpointpicker--image

–

Ansonsten würde es in meinen Augen schon ausreichen, wenn diese Steuermöglichkeit im PHP verfügbar ist.
Selbst wenn man nur ein Dropdown pro Slide zur Auswahl hat mit
top-left top-middle top-right
center-left center-middle center-right
bottom-left bottom-middle bottom-right

oder mit den Prozentwerten wär einem vermutlich schon weitergeholfen.

[xwolfde]

Lass uns nach deinen Urlaub drüber reden.
Dass du aktuell nicht in den Hero rein kannst ist klar.

Deswegen würde ich Schrittweise vorgehen:
Erstmal überhaupt einen neuen Bildslider als Block anbieten für den Content.
Dieser kann dann über das Theme auch geeignete Classes bekommen, damit er "Outside the Box" ist.

Danach, wenn wir soweit sind, können wir überlegen ob wir im oberen Bereich das Theme mit einem entsprechenden Template versehen, welches das Einfügen dieses Bocks an die richtige Stelle unterhalb des Menüs erlaubt, weil wir dann schon da alles als Contentarea definieren.