Pro mě nejzajímavější novinkou v nejnovější verzi WordPressu je pružný odstavec. Zatím je v české lokalizaci WordPressu uvedený jeho původní anglický název Stretchy Paragraph.
Pružný odstavec je nějaký text, který při vkládání mění velikost svého písma podle toho, kolik prostoru ten text má. Čím víc znaků je v jeho textu, tím menší písmo se ukáže. A naopak.
Ve skutečnosti to pak vypadá takhle:
text
delší text
ještě delší text
ještě o něco delší text
Jak tedy změnit prostor pro vkládaný text, který v tom prostoru bude podle jeho šířky měnit velikost svého písma?
Normálně je na začátku (na desktopu) k dispozici úplně celá šířka jednoho sloupce zleva doprava.
Teď sem (na desktopu) vložím dva sloupce (se šířkou 50% původní šířky každý) a do každého z nich čtyři pružné texty.
teď tu jsou dva sloupce
každý
má svou
šířku
druhý sloupec
text
s jinou velikostí
tady
Teď na desktopu znovu zadám cvičně tři sloupce o šířce 30, 60 (s textem) a 10 % celkové dostupné šířky.
Na mobilu nebo tabletu ty sloupce nebudou vedle sebe, ale zase jen pod sebou. Ty menší dva prázdné se tam neukáží vůbec.
jiné rozložení:
takhle
je možné umísťovat cokoliv kamkoliv
Lépe na starším mobilu (zejména otočeném na šířku) fungující možnosti nabízí další užitečná novinka – Stretchy Heading – pružný nadpis.
nadpis
delší nadpis
ještě delší nadpis
Pozn.: Perplexity varuje před potížemi, které s těmito novinkami můžou mít některé starší webové prohlížeče.
WordPress 6.9 představuje nové „stretchy“ varianty bloků Nadpis (heading) a Odstavec (paragraph), které umožňují dynamické přizpůsobení velikosti textu šířce obrazovky pro lepší typografii. Tyto funkce automaticky škálují písmo, aby vypadalo optimálně na různých zařízeních. Pro starší webové prohlížeče (např. IE11 nebo starší verze Edge) však mohou způsobit problémy kvůli závislosti na moderních CSS vlastnostech.
Kompatibilita
Stretchy varianty fungují plně v prohlížečích jako Chrome 100+, Firefox 100+ a Safari 15+, ale v starších verzích (např. Chrome <90 nebo Firefox <109) se text nemusí správně škálovat a může vypadat příliš velký nebo malý. WordPress 6.9 je testován na aktuálních prohlížečích.
Citace: Perplexity