Kodavsnitt 2025, Juli

Inaktivera automatisk formatering - CSS-tricks

Inaktivera automatisk formatering - CSS-tricks

Lägg till funktioner.php-fil remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('comment_text', "

Upptäck gists och bädda in dem CSS-tricks

Upptäck gists och bädda in dem CSS-tricks

Skicka bara en länk till en GitHub Gist så är den snyggt inbäddad. Eller använd det format som detta utdrag ger och skapa kortkoden själv. För din"

Anpassa inloggningssidan - CSS-tricks

Anpassa inloggningssidan - CSS-tricks

Du vet, den som vanligtvis finns på yoursite.com/wp-login.php. Det här är saker som du skulle lägga i det aktiva temas funktioner.php-fil. Ändra logotypen är "

Anpassa kommentarer - CSS-tricks

Anpassa kommentarer - CSS-tricks

I ett typiskt WordPress-tema skickar du hela listan med kommentarer för ett inlägg / sida med funktionen wp_list_comments (). Detta erbjuder inte mycket av "

Sidan Anpassad databasfel - CSS-tricks

Sidan Anpassad databasfel - CSS-tricks

Lägg en fil som heter "db-error.php" direkt i din / wp-content / mapp och WordPress använder det automatiskt när det finns en databasanslutning "

Bloginfo Shortcode - CSS-tricks

Bloginfo Shortcode - CSS-tricks

Bloginfo () -funktionen i WordPress ger dig tillgång till massor av användbar information om din webbplats. Se hela listan. För att komma åt alla dessa värden "

Tillåt SVG via WordPress Media Uploader - CSS-tricks

Tillåt SVG via WordPress Media Uploader - CSS-tricks

OBS: Från och med 4.7.1 fungerar det inte precis som publicerat här längre. Kommentartråd börjar här. Jag uppdaterar detta en gång det bästa sättet att hantera det "

Ändra avatarstorlek - CSS-tricks

Ändra avatarstorlek - CSS-tricks

Funktionen wp_list_comments har en parameter för att ändra standardstorleken (48 pixlar) till någonstans mellan 0 och 80 pixlar. wp_list_comments ('avatar_size = 80'); "

Tillämpa anpassad CSS på administratörsområdet - CSS-tricks

Tillämpa anpassad CSS på administratörsområdet - CSS-tricks

Lägg till funktioner.php-filen: add_action ('admin_head', 'my_custom_fonts'); funktion my_custom_fonts () (echo '';) "

Automatiska sociala medialänkar - CSS-tricks

Automatiska sociala medialänkar - CSS-tricks

Detta skulle gå in i slingan, troligen under_innehållet (), troligen i din single.php-fil. // bokmärke på Delicious "

Bastrådade kommentarer Styling - CSS-tricks

Bastrådade kommentarer Styling - CSS-tricks

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-tricks

SVG Knockout Text - CSS-tricks

Tanken här är att föreställa sig tre lager staplade ovanpå varandra där det övre lagret används för att klippa ut en form i det andra lagret för att avslöja "

Textlåsning - CSS-tricks

Textlåsning - CSS-tricks

Katten i hatten SVG erbjuder taggen. Även om det fungerar som en normal i HTML accepterar den attribut som låser upp kraftfull textformning "

Lägg till klass i länkar som genereras av next_posts_link och previous_posts_link - CSS-tricks

Lägg till klass i länkar som genereras av next_posts_link och previous_posts_link - CSS-tricks

Dessa två funktioner skapar ankarlänkar, och du kan anpassa mycket av det, men det är omöjligt att lägga till en klass genom att bara använda deras parametrar. "

Lägg till / ta bort kontaktinfofält - CSS-tricks

Lägg till / ta bort kontaktinfofält - CSS-tricks

Användarprofiler i WordPress har som standard dessa fält för kontaktinfo: E-post, webbplats, AIM, Yahoo IM, Jabber / Google Talk. Du kan ta bort dem och "

Adobe Illustrator Exportalternativ - CSS-tricks

Adobe Illustrator Exportalternativ - CSS-tricks

Detta är mindre av ett utdrag och mer av en påminnelse om något jag letar upp ofta. När du skapar SVG-filer i Adobe Illustrator finns det ett par "

Böjd text längs en väg - CSS-tricks

Böjd text längs en väg - CSS-tricks

Vi kan flöda text längs en böjd linje med tre verktyg inbyggda direkt i SVG:, och. Snippet Dangerous Curves Ahead How We Got There Tänk dig att vi ritar en "

Lägg till kategorinamn i body_class - CSS-tricks

Lägg till kategorinamn i body_class - CSS-tricks

Funktionen body_class är trevlig för att lägga till en massa klasser i body-taggen som har information om vilken typ av sida som för närvarande visas. "

SVG-mönster - CSS-tricks

SVG-mönster - CSS-tricks

SVG -elementet låter oss definiera mönster inuti vår SVG-markering och använda dessa mönster som fyllning. Den grundläggande processen för mönster "

Form Morphing-ikoner i knapp vid klick - CSS-tricks

Form Morphing-ikoner i knapp vid klick - CSS-tricks

Tanken här är att använda en SVG-ikon i en knapp och byta ut den mot en annan när man klickar på knappen. Ett knapptryck föreslår ofta att en åtgärd har "

SVG Hamburger Menu - CSS-tricks

SVG Hamburger Menu - CSS-tricks

Tre ränder ska vara så lätt att rita. Här är en massa olika sätt att göra det på webben. Med det sagt är SVG definitivt det trevligaste sättet att "

Visningsstorlek typografi med minsta och största storlek - CSS-tricks

Visningsstorlek typografi med minsta och största storlek - CSS-tricks

Att deklarera teckensnittsstorlekar i visningsenheter kan ge riktigt intressanta resultat, men det kommer med utmaningar. Det finns ingen min-font-storlek eller "

Använd en Sass-variabel för en väljare CSS-tricks

Använd en Sass-variabel för en väljare CSS-tricks

Anta att du måste använda en viss väljare på flera platser i din kod. Det är inte riktigt vanligt, för att vara säker, men saker händer. Upprepad kod är "

Tint- och skuggfunktioner - CSS-tricks

Tint- och skuggfunktioner - CSS-tricks

Både ljusare och mörkare funktioner manipulerar ljusets färg i HSL-utrymmet genom att lägga till eller subtrahera ljusstyrka till den. I grund och botten är de "

Randig Gradient Mixin - CSS-tricks

Randig Gradient Mixin - CSS-tricks

Ett populärt sätt att rita ränder i CSS för att definiera en linjär gradient med överlappande färgstopp. Det fungerar mycket bra men är inte särskilt bekvämt att skriva "

Str-ersättningsfunktion - CSS-tricks

Str-ersättningsfunktion - CSS-tricks

Sass tillhandahåller en samling praktiska funktioner för att manipulera strängar, men det finns ingen funktion för att ersätta en substring med en annan sträng. Här är en"

Sorteringsfunktion - CSS-tricks

Sorteringsfunktion - CSS-tricks

Sass tillhandahåller inget inbyggt sätt att sortera en lista med värden. Tack vare strängmanipulationsfunktioner kan vi skapa en funktion för att sortera en lista med objekt "

Strip-enhetsfunktion - CSS-tricks

Strip-enhetsfunktion - CSS-tricks

Det finns mycket förvirring kring hur enheter fungerar i Sass. Ändå fungerar de precis som de gör i verkliga livet. Om du vill ta bort värdenheten, "

Förenkla sammanhang och händelser - CSS-tricks

Förenkla sammanhang och händelser - CSS-tricks

Sass kan på något sätt vara lite av en svart ruta, särskilt för unga utvecklare: du lägger in några saker, du får ut några saker. Ta väljarreferensen "