Kodebiter 2025, April

Deaktiver automatisk formatering - CSS-triks

Deaktiver automatisk formatering - CSS-triks

Legg til functions.php-fil remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('comment_text', "

Oppdage gists og bygge dem inn - CSS-triks

Oppdage gists og bygge dem inn - CSS-triks

Bare legg inn en lenke til en GitHub Gist, så blir den pent innebygd. Eller bruk formatet denne kodebiten gir, og lag kortkoden selv. For din "

Tilpass påloggingsside - CSS-triks

Tilpass påloggingsside - CSS-triks

Du vet, den vanligvis på yoursite.com/wp-login.php. Dette er ting du vil sette i det aktive temaets functions.php-fil. Endre logoen er "

Tilpass merking av kommentarer - CSS-triks

Tilpass merking av kommentarer - CSS-triks

I et typisk WordPress-tema sender du ut hele listen over kommentarer for et innlegg / side ved hjelp av funksjonen wp_list_comments (). Dette gir ikke mye av "

Siden for tilpasset databasefeil - CSS-triks

Siden for tilpasset databasefeil - CSS-triks

Sett en fil som heter "db-error.php" direkte i / wp-content / mappen din, og WordPress vil automatisk bruke det når det er en databaseforbindelse "

Bloginfo Shortcode - CSS-triks

Bloginfo Shortcode - CSS-triks

Bloginfo () -funksjonen i WordPress gir deg tilgang til mye nyttig informasjon om nettstedet ditt. Se hele listen. For å få tilgang til alle disse verdiene "

Tillat SVG gjennom WordPress Media Uploader - CSS-triks

Tillat SVG gjennom WordPress Media Uploader - CSS-triks

MERKNAD: Fra og med 4.7.1 fungerer dette ikke akkurat som publisert her lenger. Kommentartråd starter her. Jeg oppdaterer dette en gang, den beste måten å håndtere det på. "

Endre avatarstørrelse - CSS-triks

Endre avatarstørrelse - CSS-triks

Funksjonen wp_list_comments har en parameter for å endre standardstørrelsen (48 piksler) til hvor som helst mellom 0 og 80 piksler. wp_list_comments ('avatar_size = 80'); "

Bruk tilpasset CSS på administrasjonsområdet - CSS-triks

Bruk tilpasset CSS på administrasjonsområdet - CSS-triks

Legg til functions.php-filen: add_action ('admin_head', 'my_custom_fonts'); funksjon my_custom_fonts () (ekko '';) "

Automatiske lenker til sosiale medier - CSS-triks

Automatiske lenker til sosiale medier - CSS-triks

Dette vil gå inn i sløyfen, sannsynligvis under_innholdet (), sannsynligvis i single.php-filen din. // bokmerke på Delicious "

Base-gjengede kommentarer Styling - CSS-triks

Base-gjengede kommentarer Styling - CSS-triks

Ol.commentlist (list-style: none; margin: 0 0 1em; padding: 0; text-indent: 0;) ol.commentlist li () ol.commentlist li.alt () ol.commentlist "

SVG Knockout Text - CSS-triks

SVG Knockout Text - CSS-triks

Tanken her er å forestille seg tre lag stablet oppå hverandre der topplaget brukes til å kutte ut en form i det andre laget for å avsløre "

Låsing av tekst - CSS-triks

Låsing av tekst - CSS-triks

The Cat in the Hat SVG tilbyr taggen. Selv om den fungerer som en normal i HTML, godtar den attributter som låser opp kraftig tekstforming "

Legg til klasse i lenker generert av next_posts_link og previous_posts_link - CSS-triks

Legg til klasse i lenker generert av next_posts_link og previous_posts_link - CSS-triks

Disse to funksjonene skaper ankerlenker, og du kan tilpasse mye av det, men det er umulig å legge til en klasse ved å bare bruke parametrene deres alene. "

Legg til / fjern kontaktinfofelt - CSS-triks

Legg til / fjern kontaktinfofelt - CSS-triks

Brukerprofiler i WordPress har disse feltene for kontaktinfo som standard: E-post, Nettsted, AIM, Yahoo IM, Jabber / Google Talk. Du kan fjerne disse og "

Adobe Illustrator eksportalternativer - CSS-triks

Adobe Illustrator eksportalternativer - CSS-triks

Dette er mindre en snutt og mer en påminnelse om noe jeg ser ofte opp. Når du oppretter SVG-filer i Adobe Illustrator, er det et par "

Buet tekst langs en bane - CSS-triks

Buet tekst langs en bane - CSS-triks

Vi kan flyte tekst langs en buet linje med tre verktøy innebygd rett inn i SVG:, og. Snippet Dangerous Curves Ahead How We Got There Forestill deg at vi tegner en "

Legg til kategorinavn i body_class - CSS-triks

Legg til kategorinavn i body_class - CSS-triks

Body_class-funksjonen er fin for å legge til en rekke klasser i body-taggen som har informasjon om hva slags side som for øyeblikket vises. "

SVG-mønstre - CSS-triks

SVG-mønstre - CSS-triks

SVG -elementet lar oss definere mønstre inne i SVG-markeringen vår og bruke disse mønstrene som fyll. Den grunnleggende prosessen for mønstre "

Form Morphing-ikoner i knapp ved klikk - CSS-triks

Form Morphing-ikoner i knapp ved klikk - CSS-triks

Ideen her er å bruke et SVG-ikon i en knapp og bytte ikonet ut mot en annen når du klikker på knappen. Et knappeklikk antyder ofte at en handling har "

SVG Hamburger Menu - CSS-triks

SVG Hamburger Menu - CSS-triks

Tre striper skal være så enkle å tegne. Her er en rekke forskjellige måter å gjøre det på nettet. Når det er sagt, er SVG definitivt den fineste måten å "

Visningsstørrelse typografi med minimum og maksimal størrelse - CSS-triks

Visningsstørrelse typografi med minimum og maksimal størrelse - CSS-triks

Å erklære skriftstørrelser i visningsenheter kan gi veldig interessante resultater, men det kommer med utfordringer. Det er ingen min. Skriftstørrelse eller "

Bruk en Sass-variabel for en velger - CSS-triks

Bruk en Sass-variabel for en velger - CSS-triks

Si at du må bruke en bestemt velger flere steder i koden din. Det er ikke veldig vanlig, for å være sikker, men ting skjer. Gjentatt kode er "

Fargetone og skyggefunksjoner - CSS-triks

Fargetone og skyggefunksjoner - CSS-triks

Både lysere og mørkere funksjoner manipulerer lysstyrken til en farge i HSL-rommet ved å legge til eller trekke lysstyrke fra den. I utgangspunktet er de "

Stripet Gradient Mixin - CSS-triks

Stripet Gradient Mixin - CSS-triks

En populær måte å tegne striper i CSS for å definere en lineær gradient med overlappende fargestopp. Det fungerer veldig bra, men er ikke veldig praktisk å skrive "

Str-erstatte funksjon - CSS-triks

Str-erstatte funksjon - CSS-triks

Sass tilbyr en samling nyttige funksjoner for å manipulere strenger, men det er ingen funksjon for å erstatte en understreng med en annen streng. Her er en "

Sorteringsfunksjon - CSS-triks

Sorteringsfunksjon - CSS-triks

Sass gir ingen innebygd måte å sortere en liste over verdier på. Takket være strengmanipuleringsfunksjoner kan vi lage en funksjon for å sortere en liste over elementer "

Strip-enhet Funksjon - CSS-triks

Strip-enhet Funksjon - CSS-triks

Det er mye forvirring rundt måten enheter fungerer i Sass på. Likevel fungerer de akkurat som de gjør i det virkelige liv. Hvis du vil fjerne verdienheten, "

Forenkle sammenhenger og hendelser - CSS-triks

Forenkle sammenhenger og hendelser - CSS-triks

Sass kan på en eller annen måte være litt av en svart boks, spesielt for unge utviklere: du legger inn noen ting, du får ut noen ting. Ta velgerreferansen "