Koodinpätkät 2025, Heinäkuu

Poista automaattinen muotoilu käytöstä CSS-temppuja

Poista automaattinen muotoilu käytöstä CSS-temppuja

Lisää funktioihin.php tiedostoon remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('kommentti_teksti', "

Tunnista tärkeimmät asiat ja upota ne - CSS-temppuja

Tunnista tärkeimmät asiat ja upota ne - CSS-temppuja

Lähetä vain linkki GitHub Gistiin, ja se upotetaan kauniisti. Tai käytä muotoa, jonka tämä koodinpätkä tarjoaa, ja luo pikakoodi itse. Sinun"

Muokkaa kirjautumissivua - CSS-temppuja

Muokkaa kirjautumissivua - CSS-temppuja

Tiedät, tyypillisesti osoitteessa yoursite.com/wp-login.php. Nämä ovat asioita, jotka laitat aktiivisen teeman funktiot.php-tiedostoon. Vaihda logo on "

Muokkaa kommenttien merkintää - CSS-temppuja

Muokkaa kommenttien merkintää - CSS-temppuja

Tyypillisessä WordPress-teemassa lähetät koko viestilistan / sivun kommenttilistan funktiolla wp_list_comments (). Tämä ei tarjoa paljoakaan

Mukautetun tietokannan virhesivu - CSS-temppuja

Mukautetun tietokannan virhesivu - CSS-temppuja

Laita tiedosto "db-error.php" suoraan / wp-content / kansioosi ja WordPress käyttää sitä automaattisesti tietokantayhteyden ollessa olemassa "

Bloginfon lyhytkoodi - CSS-temppuja

Bloginfon lyhytkoodi - CSS-temppuja

WordPressin bloginfo () -toiminto antaa sinulle pääsyn paljon hyödyllistä tietoa sivustostasi. Katso täydellinen luettelo. Kaikkien näiden arvojen käyttäminen "

Salli SVG WordPress Media Uploader - -sovelluksen kautta CSS-temppuja

Salli SVG WordPress Media Uploader - -sovelluksen kautta CSS-temppuja

HUOMAUTUS: 4.7.1 lähtien tämä ei toimi enää täsmälleen täällä julkaistulla tavalla. Kommenttiketju alkaa tästä. Päivitän tämän kerran parhaan tavan käsitellä sitä "

Muuta avatarin kokoa - CSS-temppuja

Muuta avatarin kokoa - CSS-temppuja

Wp_list_kommentit-funktiolla on parametri, jolla oletuskoko (48 kuvapistettä) voidaan muuttaa mihin tahansa välillä 0–80 kuvapistettä. wp_list_comments ('avatar_size = 80'); "

Käytä mukautettua CSS: ää järjestelmänvalvoja-alueelle CSS-temppuja

Käytä mukautettua CSS: ää järjestelmänvalvoja-alueelle CSS-temppuja

Lisää funktiot.php-tiedostoon: add_action ('admin_head', 'my_custom_fonts'); funktio my_custom_fonts () (echo '';) "

Automaattiset sosiaalisen median linkit - CSS-temppuja

Automaattiset sosiaalisen median linkit - CSS-temppuja

Tämä menisi silmukan sisään, todennäköisesti the_content () -alustan alle, luultavasti single.php-tiedostoosi. // kirjanmerkki herkullisessa "

Pohjakierteiset kommentit Muotoilu - CSS-temppuja

Pohjakierteiset kommentit Muotoilu - CSS-temppuja

Ol.commentlist (luettelotyyli: ei mitään; marginaali: 0 0 1em; täyte: 0; teksti-luetelmakohta: 0;) ol.commentlist li () ol.commentlist li.alt () ol.commentlist "

SVG-kopioteksti - CSS-temppuja

SVG-kopioteksti - CSS-temppuja

Ajatuksena on kuvitella kolme kerrosta pinottuina päällekkäin, jossa yläkerrosta käytetään leikkaamaan muoto toisesta kerroksesta paljastamaan "

Tekstin lukitus - CSS-temppuja

Tekstin lukitus - CSS-temppuja

Kissa hatussa SVG tarjoaa tunnisteen. Vaikka se toimii paljon kuin normaali HTML, se hyväksyy määritteet, jotka avaavat tehokkaan tekstinmuokkauksen "

Lisää luokka next_posts_link- ja previous_posts_link - -linkkien luomiin linkkeihin CSS-temppuja

Lisää luokka next_posts_link- ja previous_posts_link - -linkkien luomiin linkkeihin CSS-temppuja

Nämä kaksi toimintoa luovat ankkurilinkkejä, ja voit muokata paljon niistä, mutta luokkaa on mahdotonta lisätä pelkällä niiden parametreilla. "

Lisää / poista yhteystietokentät - CSS-temppuja

Lisää / poista yhteystietokentät - CSS-temppuja

WordPressin käyttäjäprofiileissa on oletusarvoisesti Yhteystiedot-kentät: Sähköposti, Verkkosivusto, AIM, Yahoo IM, Jabber / Google Talk. Voit poistaa ne ja

Adobe Illustratorin vientiasetukset - CSS-temppuja

Adobe Illustratorin vientiasetukset - CSS-temppuja

Tämä on vähemmän katkelma ja enemmän muistutus jostakin, jota etsin usein. Kun luot SVG-tiedostoja Adobe Illustratorissa, on olemassa pari "

Kaareva teksti polkua pitkin - CSS-temppuja

Kaareva teksti polkua pitkin - CSS-temppuja

Voimme kulkea tekstiä kaarevalla viivalla kolmella työkalulla, jotka on rakennettu suoraan SVG: hen:, ja. Katkelma Vaaralliset käyrät eteenpäin, kuinka pääsimme sinne Kuvittele, että piirrämme "

Lisää luokan nimi body_class - CSS-temppuja

Lisää luokan nimi body_class - CSS-temppuja

Body_class-toiminto on mukava lisätä joukko luokkia body-tunnisteeseen, joilla on tietoa millaisesta sivusta näytetään. "

SVG-mallit - CSS-temppuja

SVG-mallit - CSS-temppuja

SVG -elementin avulla voimme määritellä kuvioita SVG-merkinnöissämme ja käyttää näitä malleja täytteenä. Kuvioiden perusprosessi "

Muuta Morphing-kuvakkeet Napsauta-painikkeessa - CSS-temppuja

Muuta Morphing-kuvakkeet Napsauta-painikkeessa - CSS-temppuja

Ajatuksena on käyttää SVG-kuvaketta painikkeessa ja vaihtaa tämä kuvake toiseen, kun painiketta napsautetaan. Napin napsautus viittaa usein siihen, että toiminnolla on "

SVG Hamburger -valikko - CSS-temppuja

SVG Hamburger -valikko - CSS-temppuja

Kolmen raidan pitäisi olla niin helppo piirtää. Tässä on joukko erilaisia ​​tapoja tehdä se verkossa. SVG on kuitenkin ehdottomasti mukavin tapa "

Näkymän kokoinen typografia pienimmillä ja suurimmilla kooilla - CSS-temppuja

Näkymän kokoinen typografia pienimmillä ja suurimmilla kooilla - CSS-temppuja

Kirjasinkoon ilmoittaminen näkymäyksiköissä voi tuottaa todella mielenkiintoisia tuloksia, mutta siihen liittyy haasteita. Min-font-size tai "

Käytä valitsinta Sass-muuttuja - CSS-temppuja

Käytä valitsinta Sass-muuttuja - CSS-temppuja

Oletetaan, että sinun on käytettävä tiettyä valitsinta useissa paikoissa koodissasi. Se ei ole valtavan yleistä, olla varma, mutta tavaraa tapahtuu. Toistuva koodi on "

Sävy- ja varjostustoiminnot CSS-temppuja

Sävy- ja varjostustoiminnot CSS-temppuja

Sekä vaalennus- että tummentamistoiminnot manipuloivat värin vaaleutta HSL-tilassa lisäämällä tai vähentämällä siihen vaaleutta. Pohjimmiltaan ne ovat "

Raidallinen gradientti Mixin CSS-temppuja

Raidallinen gradientti Mixin CSS-temppuja

Suosittu tapa piirtää raitoja CSS: ssä se määrittää lineaarisen gradientin päällekkäisillä väripisteillä. Se toimii erittäin hyvin, mutta ei ole kovin kätevää kirjoittaa "

Str-korvaava toiminto - CSS-temppuja

Str-korvaava toiminto - CSS-temppuja

Sass tarjoaa joukon käteviä toimintoja merkkijonojen manipuloimiseksi, mutta ei ole toimintoa korvata alimerkkijono toisella merkkijonolla. Tässä on"

Lajittelutoiminto - CSS-temppuja

Lajittelutoiminto - CSS-temppuja

Sass ei tarjoa sisäänrakennettua tapaa lajitella arvoluettelo. Merkkijonon manipulointitoimintojen ansiosta voimme rakentaa funktion lajittelemaan luettelon kohteista "

Nauhayksikön toiminta - CSS-temppuja

Nauhayksikön toiminta - CSS-temppuja

Sassin yksiköiden toiminnassa on paljon hämmennystä. Silti he työskentelevät täsmälleen samalla tavalla kuin tosielämässä. Jos haluat poistaa arvoyksikön, "

Kontekstien ja tapahtumien yksinkertaistaminen CSS-temppuja

Kontekstien ja tapahtumien yksinkertaistaminen CSS-temppuja

Sass voi jotenkin olla pieni musta laatikko, erityisesti nuorille kehittäjille: laitat joitain asioita, saat joitain asioita. Ota valitsimen viite "