Łukasz Horodecki :mastodon: · @LukaszHorodecki
349 followers · 1308 posts · Server pol.social

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

Last updated 1 year ago