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)" ";
}
#css #poradnik #nowyblok #wordpresstips #tips #wordpress