Fragmente de cod 2025, Ianuarie

Dezactivați formatarea automată - CSS-Tricks

Dezactivați formatarea automată - CSS-Tricks

Adăugați în fișierul functions.php remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('comment_text', "

Detectați esențele și încorporați-le - CSS-Tricks

Detectați esențele și încorporați-le - CSS-Tricks

Doar postează un link către un GitHub Gist și acesta va fi încorporat frumos. Sau utilizați formatul pe care îl oferă acest fragment și creați singur codul scurt. Pentru tine"

Personalizați pagina de autentificare - CSS-Tricks

Personalizați pagina de autentificare - CSS-Tricks

Știți, cel de obicei la yoursite.com/wp-login.php. Acestea sunt lucruri pe care le-ați pune în fișierul functions.php al temei active. Schimbarea siglei este „

Personalizați marcarea comentariilor - CSS-Tricks

Personalizați marcarea comentariilor - CSS-Tricks

Într-o temă tipică WordPress, afișați întreaga listă de comentarii pentru o postare / pagină utilizând funcția wp_list_comments (). Acest lucru nu oferă mult prin „

Pagina de eroare a bazei de date personalizate - CSS-Tricks

Pagina de eroare a bazei de date personalizate - CSS-Tricks

Puneți un fișier numit „db-error.php” direct în folderul / wp-content / folder și WordPress îl va folosi automat atunci când există o conexiune la baza de date ”

Bloginfo Shortcode - CSS-Tricks

Bloginfo Shortcode - CSS-Tricks

Funcția bloginfo () din WordPress vă oferă acces la o mulțime de informații utile despre site-ul dvs. Vezi lista completă. Pentru a accesa toate aceste valori "

Permiteți SVG prin WordPress Media Uploader - CSS-Tricks

Permiteți SVG prin WordPress Media Uploader - CSS-Tricks

NOTĂ: Începând cu 4.7.1 acest lucru nu mai funcționează exact așa cum a fost publicat aici. Firul de comentarii începe aici. Voi actualiza acest lucru odată cel mai bun mod de a rezolva problema "

Schimbați dimensiunea avatarului CSS-Tricks

Schimbați dimensiunea avatarului CSS-Tricks

Funcția wp_list_comments are un parametru pentru a schimba dimensiunea implicită (48px) la oriunde între 0 și 80px. wp_list_comments ('avatar_size = 80'); "

Aplicați CSS personalizat la zona de administrare - CSS-Tricks

Aplicați CSS personalizat la zona de administrare - CSS-Tricks

Adăugați la fișierul functions.php: add_action ('admin_head', 'my_custom_fonts'); function my_custom_fonts () (echo '';) "

Legături automate pentru rețelele sociale - CSS-Tricks

Legături automate pentru rețelele sociale - CSS-Tricks

Acest lucru ar intra în buclă, probabil sub the_content (), probabil în fișierul dvs. single.php. // marcaj pe Delicious "

Stil de comentarii cu filet de bază - CSS-Tricks

Stil de comentarii cu filet de bază - CSS-Tricks

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

Text SVG Knockout - CSS-Tricks

Text SVG Knockout - CSS-Tricks

Ideea de aici este să ne imaginăm trei straturi stivuite unul peste altul în care stratul superior este folosit pentru a tăia o formă în al doilea strat pentru a dezvălui „

Blocare text - CSS-Tricks

Blocare text - CSS-Tricks

Pisica în pălărie SVG oferă eticheta. Deși funcționează foarte mult ca un normal în HTML, acceptă atribute care deblochează o formare puternică a textului "

Adăugați o clasă la linkurile generate de next_posts_link și previous_posts_link - CSS-Tricks

Adăugați o clasă la linkurile generate de next_posts_link și previous_posts_link - CSS-Tricks

Aceste două funcții creează legături de ancorare și puteți personaliza multe dintre acestea, dar este imposibil să adăugați o clasă doar folosind parametrii lor. "

Adăugați / eliminați câmpurile de informații de contact - CSS-Tricks

Adăugați / eliminați câmpurile de informații de contact - CSS-Tricks

Profilurile utilizatorilor din WordPress au aceste câmpuri în mod implicit pentru Informații de contact: E-mail, Website, AIM, Yahoo IM, Jabber / Google Talk. Puteți să le eliminați și „

Opțiuni de export Adobe Illustrator - CSS-Tricks

Opțiuni de export Adobe Illustrator - CSS-Tricks

Acesta este mai puțin un fragment și mai mult un memento pentru ceva pe care îl caut des. Când creați fișiere SVG în Adobe Illustrator, există câteva „

Text curbat de-a lungul unei căi - CSS-Tricks

Text curbat de-a lungul unei căi - CSS-Tricks

Putem transmite text de-a lungul unei linii curbate cu trei instrumente încorporate chiar în SVG:, și. Fragmentul Curbe periculoase în față Cum am ajuns acolo Imaginați-vă că desenăm un „

Adăugați numele categoriei la body_class - CSS-Tricks

Adăugați numele categoriei la body_class - CSS-Tricks

Funcția body_class este frumoasă pentru a adăuga o grămadă de clase la eticheta de corp care au informații despre ce fel de pagină este afișată în prezent. "

Modele SVG - CSS-Tricks

Modele SVG - CSS-Tricks

Elementul SVG ne permite să definim modele în interiorul marcajului nostru SVG și să le folosim ca o umplere. Procesul de bază pentru tipare "

Formați pictogramele Morphing în buton pe clic - CSS-Tricks

Formați pictogramele Morphing în buton pe clic - CSS-Tricks

Ideea de aici este să folosiți o pictogramă SVG într-un buton și să schimbați pictograma respectivă pentru alta atunci când butonul este făcut clic. Un clic pe buton sugerează adesea că o acțiune are „

Meniu SVG Hamburger - CSS-Tricks

Meniu SVG Hamburger - CSS-Tricks

Trei dungi ar trebui să fie un lucru atât de ușor de desenat. Iată o serie de moduri diferite de a face acest lucru pe web. Acestea fiind spuse, SVG este cu siguranță cea mai frumoasă modalitate de a „

Tipografie cu dimensiuni de vizualizare cu dimensiuni minime și maxime - CSS-Tricks

Tipografie cu dimensiuni de vizualizare cu dimensiuni minime și maxime - CSS-Tricks

Declararea dimensiunilor fonturilor în unitățile de vizualizare poate produce rezultate cu adevărat interesante, dar vine cu provocări. Nu există min-font-size sau „

Utilizați o variabilă Sass pentru un selector - CSS-Tricks

Utilizați o variabilă Sass pentru un selector - CSS-Tricks

Spuneți că trebuie să utilizați un anumit selector în mai multe locuri din codul dvs. Desigur, nu este extrem de obișnuit, dar se întâmplă lucruri. Codul repetat este „

Funcții de nuanță și umbră - CSS-Tricks

Funcții de nuanță și umbră - CSS-Tricks

Ambele funcții de iluminare și întunecare manipulează luminozitatea unei culori în spațiul HSL adăugând sau scăzând luminozitatea acesteia. Practic, ele sunt „

Striped Gradient Mixin - CSS-Tricks

Striped Gradient Mixin - CSS-Tricks

Un mod popular de a desena dungi în CSS pentru a defini un gradient liniar cu opriri de culoare suprapuse. Funcționează foarte bine, dar nu este foarte convenabil să scrieți "

Funcția Str-replace - CSS-Tricks

Funcția Str-replace - CSS-Tricks

Sass oferă o colecție de funcții la îndemână pentru a manipula șirurile, totuși nu există nicio funcție care să înlocuiască un șir cu alt șir. Aici este"

Funcția de sortare - CSS-Tricks

Funcția de sortare - CSS-Tricks

Sass nu oferă niciun mod încorporat pentru a sorta o listă de valori. Datorită funcțiilor de manipulare a șirurilor, putem construi o funcție pentru a sorta o listă de articole "

Funcția de bandă - CSS-Tricks

Funcția de bandă - CSS-Tricks

Există o mulțime de confuzie în legătură cu modul în care unitățile funcționează în Sass. Cu toate acestea, funcționează exact așa cum fac în viața reală. Dacă doriți să eliminați unitatea de valoare, "

Simplificarea contextelor și evenimentelor - CSS-Tricks

Simplificarea contextelor și evenimentelor - CSS-Tricks

Sass poate fi într-un fel oarecum o cutie neagră, în special pentru tinerii dezvoltatori: puneți câteva lucruri, scoateți unele lucruri. Luați referința selectorului "