JAK ROZWIĄZAĆ DYLEMAT PRAKTYCZNIE (3 sensowne opcje)
🟢 OPCJA 1 (REKOMENDOWANA): kontroluj elementy składowe
Zamiast wysokości, ujednolicaj:
1. Obrazek
-
ustaw stałe proporcje (np. 4:5 albo 3:4)
-
najlepiej przez:
-
crop przy uploadzie
-
albo CSS
aspect-ratio
-
2. Excerpt
-
ustaw limit znaków w module Posty
-
np. 120–150 znaków
3. Tytuł
-
max 2 linie
-
dłuższe → CSS
line-clamp
Efekt:
wizualnie „ta sama wysokość”
bez wymuszania height
🟡 OPCJA 2: min-height (tylko desktop!)
Jeśli bardzo chcesz wizualnej równości:
-
ustaw
min-heighttylko na desktop -
tablet + mobile → AUTO
To kompromis, który:
-
nie psuje UX
-
nie zabija responsywności
Ale: to już jest półśrodek, nie fundament.
🔵 OPCJA 3: sekcja zamiast modułu (dla serii premium)
Jeśli to sekcja specjalna (np. kosmetyczna seria):
-
robisz ręczną sekcję
-
1 wpis = 1 kolumna
-
kontrolujesz wszystko:
-
wysokość
-
spacing
-
CTA
-
To się sprawdza przy:
-
landingach
-
promocjach serii
-
reklamach
Nie przy blogu jako takim.
Extra Magazine + Divi = ważna uwaga
Motyw Extra:
-
jest robiony pod magazyn, nie landing
-
zakłada płynny layout
-
wysokość kart = zmienna
Więc:
to, co teraz widzisz, to zgodność z filozofią motywu, nie jego wada
Moja konkretna rekomendacja dla Ciebie
Znając:
-
SCfp
-
ilość treści
-
Twoje plany rozwoju
👉 NIE ustawiaj wysokości.
👉 Ujednolić:
-
proporcje obrazków
-
długość excerptu
-
styl tytułów
To da ten sam efekt wizualny, ale:
-
bez bugów
-
bez problemów na mobile
-
bez walki z Divi
Jeśli chcesz, w kolejnym kroku mogę:
-
rozpisać konkretny zestaw ustawień pod Extra Magazine
-
albo dać gotowy CSS na clamp + aspect-ratio
-
albo powiedzieć, gdzie w Extra najlepiej to zostawić „jak jest”
Powiedz, do czego dokładnie ma służyć ten moduł (home, kategoria, landing), to dobiorę najlepszą opcję.