Frammenti di codice 2025, Luglio

Disabilita formattazione automatica - Trucchi CSS

Disabilita formattazione automatica - Trucchi CSS

Aggiungi al file functions.php remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('comment_text', "

Rileva i sommari e incorporali - Trucchi CSS

Rileva i sommari e incorporali - Trucchi CSS

Pubblica semplicemente un link a un GitHub Gist e sarà ben integrato. Oppure utilizza il formato fornito da questo frammento e crea tu stesso lo shortcode. Per il tuo"

Personalizza la pagina di accesso - Trucchi CSS

Personalizza la pagina di accesso - Trucchi CSS

Sai, quello tipicamente su yoursite.com/wp-login.php. Queste sono cose che inseriresti nel file functions.php del tema attivo. Cambia il logo è "

Personalizza markup commenti - Trucchi CSS

Personalizza markup commenti - Trucchi CSS

In un tipico tema WordPress, esegui l'output dell'intero elenco di commenti per un articolo / una pagina utilizzando la funzione wp_list_comments (). Questo non offre molto da "

Pagina di errore database personalizzata - Trucchi CSS

Pagina di errore database personalizzata - Trucchi CSS

Metti un file chiamato "db-error.php" direttamente nella tua cartella / wp-content / e WordPress lo utilizzerà automaticamente quando c'è una connessione al database "

Codice breve Bloginfo - Trucchi CSS

Codice breve Bloginfo - Trucchi CSS

La funzione bloginfo () in WordPress ti dà accesso a molte informazioni utili sul tuo sito. Vedi l'elenco completo. Per accedere a tutti questi valori "

Consenti SVG tramite WordPress Media Uploader - Trucchi CSS

Consenti SVG tramite WordPress Media Uploader - Trucchi CSS

NOTA: A partire dalla 4.7.1 questo non funziona più esattamente come pubblicato qui. Il thread dei commenti inizia qui. Lo aggiornerò una volta, il modo migliore per gestirlo "

Modifica dimensione avatar - Trucchi CSS

Modifica dimensione avatar - Trucchi CSS

La funzione wp_list_comments ha un parametro per modificare la dimensione predefinita (48px) ovunque tra 0 e 80px. wp_list_comments ('avatar_size = 80'); "

Applica CSS personalizzato all'area di amministrazione - Trucchi CSS

Applica CSS personalizzato all'area di amministrazione - Trucchi CSS

Aggiungi al file functions.php: add_action ('admin_head', 'my_custom_fonts'); funzione my_custom_fonts () (echo '';) "

Collegamenti automatici ai social media - Trucchi CSS

Collegamenti automatici ai social media - Trucchi CSS

Questo andrebbe all'interno del ciclo, probabilmente sotto the_content (), probabilmente nel tuo file single.php. // segnalibro su Delicious "

Commenti con filettatura di base Styling - Trucchi CSS

Commenti con filettatura di base Styling - Trucchi CSS

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

Testo knockout SVG - Trucchi CSS

Testo knockout SVG - Trucchi CSS

L'idea qui è di immaginare tre strati impilati uno sopra l'altro dove lo strato superiore viene utilizzato per ritagliare una forma nel secondo strato per rivelare la

Blocco testo - Trucchi CSS

Blocco testo - Trucchi CSS

Il gatto con il cappello SVG offre il tag. Sebbene funzioni in modo molto simile a un normale HTML, accetta attributi che sbloccano una potente modellazione del testo "

Aggiungi una classe ai link generati da next_posts_link e previous_posts_link - Trucchi CSS

Aggiungi una classe ai link generati da next_posts_link e previous_posts_link - Trucchi CSS

Queste due funzioni creano collegamenti di ancoraggio e puoi personalizzarne molti, ma è impossibile aggiungere una classe usando solo i loro parametri. "

Aggiungi / rimuovi campi informazioni di contatto - Trucchi CSS

Aggiungi / rimuovi campi informazioni di contatto - Trucchi CSS

I profili utente in WordPress hanno questi campi per le informazioni di contatto per impostazione predefinita: e-mail, sito web, AIM, Yahoo IM, Jabber / Google Talk. Puoi rimuovere quelli e "

Opzioni di esportazione di Adobe Illustrator - Trucchi CSS

Opzioni di esportazione di Adobe Illustrator - Trucchi CSS

Questo è meno uno snippet e più un promemoria per qualcosa che cerco spesso. Quando si creano file SVG in Adobe Illustrator, ci sono un paio di "

Testo curvo lungo un percorso - Trucchi CSS

Testo curvo lungo un percorso - Trucchi CSS

Possiamo far scorrere il testo lungo una linea curva con tre strumenti integrati direttamente in SVG:, e. Lo snippet Curve pericolose in vista Come ci siamo arrivati ​​Immagina di disegnare un "

Aggiungi il nome della categoria a body_class - Trucchi CSS

Aggiungi il nome della categoria a body_class - Trucchi CSS

La funzione body_class è utile per aggiungere un gruppo di classi al tag body che contengono informazioni sul tipo di pagina attualmente visualizzato. "

Modelli SVG - Trucchi CSS

Modelli SVG - Trucchi CSS

L'elemento SVG ci permette di definire pattern all'interno del nostro markup SVG e di utilizzare questi pattern come riempimento. Il processo di base per i modelli "

Icone Shape Morphing nel pulsante al clic - Trucchi CSS

Icone Shape Morphing nel pulsante al clic - Trucchi CSS

L'idea qui è usare un'icona SVG in un pulsante e scambiare quell'icona con un'altra quando si fa clic sul pulsante. Un clic su un pulsante suggerisce spesso che un'azione ha "

Menu Hamburger SVG - Trucchi CSS

Menu Hamburger SVG - Trucchi CSS

Tre strisce dovrebbero essere una cosa così facile da disegnare. Ecco un sacco di modi diversi per farlo sul Web. Detto questo, SVG è sicuramente il modo migliore per "

Tipografia in formato viewport con dimensioni minime e massime - Trucchi CSS

Tipografia in formato viewport con dimensioni minime e massime - Trucchi CSS

La dichiarazione delle dimensioni dei caratteri nelle unità di visualizzazione può produrre risultati davvero interessanti, ma comporta delle sfide. Non ci sono min-font-size o "

Usa una variabile Sass per un selettore - Trucchi CSS

Usa una variabile Sass per un selettore - Trucchi CSS

Supponi di dover utilizzare un determinato selettore in più punti del codice. Non è tremendamente comune, certo, ma le cose accadono. Il codice ripetuto è "

Funzioni Tinta e Ombra - Trucchi CSS

Funzioni Tinta e Ombra - Trucchi CSS

Entrambe le funzioni schiarisci e scurisci manipolano la luminosità di un colore nello spazio HSL aggiungendo o sottraendo luminosità ad esso. Fondamentalmente, sono "

Mixin sfumato a righe - Trucchi CSS

Mixin sfumato a righe - Trucchi CSS

Un modo popolare per disegnare strisce in CSS è definire un gradiente lineare con interruzioni di colore sovrapposte. Funziona molto bene ma non è molto comodo da scrivere "

Funzione str-sostituisci - Trucchi CSS

Funzione str-sostituisci - Trucchi CSS

Sass fornisce una raccolta di funzioni utili per manipolare le stringhe, tuttavia non esiste alcuna funzione per sostituire una sottostringa con un'altra stringa. Ecco un"

Funzione di ordinamento - Trucchi CSS

Funzione di ordinamento - Trucchi CSS

Sass non fornisce alcun modo integrato per ordinare un elenco di valori. Grazie alle funzioni di manipolazione delle stringhe, possiamo costruire una funzione per ordinare un elenco di elementi "

Funzione Strip-unit - Trucchi CSS

Funzione Strip-unit - Trucchi CSS

C'è molta confusione sul modo in cui funzionano le unità in Sass. Tuttavia, funzionano esattamente come nella vita reale. Se desideri rimuovere l'unità di valore, "

Semplificare i contesti e gli eventi - Trucchi CSS

Semplificare i contesti e gli eventi - Trucchi CSS

Sass può in qualche modo essere un po 'una scatola nera, specialmente per i giovani sviluppatori: metti alcune cose, ne tiri fuori alcune. Prendi il riferimento del selettore "