Ł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

Joe Taylor Jr. · @joetaylorjr
150 followers · 5 posts · Server me.dm

You can turn your website's 404 error pages from a customer annoyance into a fun, engaging user experience. (Without losing all that traffic!)

👉 lttr.ai/ABTCq

#wordpress #wordpresswebsite #greatives #wordpresstips

Last updated 1 year ago

Dobschat · @dobschat
213 followers · 443 posts · Server norden.social

RT @leoskull@twitter.com

Abmahnungen wegen Google Fonts? Wir zeigen dir, wie du Google Fonts lokal und DSGVO-konform in deine Website einbindest. 👉🏻 leo-skull.de/google-fonts-word

🐦🔗: twitter.com/leoskull/status/15

#wordpress #wordpressblog #WordpressWebsite #wordpresstips #dsgvo #googlefonts #wpcheck

Last updated 2 years ago