A jednak wrzuciłem na bloga :)
Instrukcja jak przerobić nowy blok z WordPress 6.3 o nazwie Szczegóły na ostrzeżenie o treści drażliwej.
https://horodecki.net/2023/08/09/nowy-blok-w-wordpress-jako-content-warning/
#WordPress #NowyBlok #ContentWarning #DzisiajNaBlogasku #SilvaRerum
No to już mam. HTML nowego bloku to:
<details class="wp-block-details">
<summary>Zawsze widoczne podsumowanie/ostrzeżenie</summary>
<p>Ukrywana treść</p>
</details>
Po kliknięciu na podsumowanie <details> dostaje atrybut open=""
Używany przeze mnie motyw nie wie, jak traktować ten blok, więc zlewa go z resztą treści. Ostylowanie musiałem więc zacząć od ustawienia marginesów:
details[open], summary {
margin-bottom: 1em;
}
Wygląd ikonki zamykającej można ustawić tak:
details[open] ::marker {
content: url(ścieżka/ikonka.svg)" ";
}
Dla otwierającej po prostu opuszcza się [open]:
details ::marker {
content: url(ścieżka/ikonka.svg)" ";
}
Łukasz Horodecki