Codefragmenten 2025, Januari-

Schakel automatische opmaak uit - CSS-trucs

Schakel automatische opmaak uit - CSS-trucs

Voeg toe aan het functions.php-bestand remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('comment_text', "

Gists detecteren en insluiten - CSS-trucs

Gists detecteren en insluiten - CSS-trucs

Plaats gewoon een link naar een GitHub Gist en deze wordt mooi ingesloten. Of gebruik het formaat dat dit fragment biedt en maak zelf de shortcode. Voor jouw"

Aanmeldingspagina aanpassen - CSS-trucs

Aanmeldingspagina aanpassen - CSS-trucs

Weet je, degene die meestal op jouwsite.com/wp-login.php staat. Dit zijn dingen die u in het bestand functions.php van het actieve thema zou plaatsen. Verander het logo is de "

Opmerkingenopmaak aanpassen - CSS-trucs

Opmerkingenopmaak aanpassen - CSS-trucs

In een typisch WordPress-thema voer je de volledige lijst met opmerkingen voor een bericht / pagina uit met behulp van de functie wp_list_comments (). Dit biedt niet veel door "

Aangepaste database-foutpagina - CSS-trucs

Aangepaste database-foutpagina - CSS-trucs

Plaats een bestand met de naam "db-error.php" direct in uw / wp-content / map en WordPress zal dat automatisch gebruiken wanneer er een databaseverbinding is "

Shortcode voor Bloginfo - CSS-trucs

Shortcode voor Bloginfo - CSS-trucs

De bloginfo () -functie in WordPress geeft u toegang tot veel nuttige informatie over uw site. Zie de volledige lijst. Om toegang te krijgen tot al deze waarden "

SVG toestaan ​​via WordPress Media Uploader - CSS-trucs

SVG toestaan ​​via WordPress Media Uploader - CSS-trucs

OPMERKING: vanaf 4.7.1 werkt dit niet meer precies zoals hier gepubliceerd. Reactiethread begint hier. Ik zal dit een keer updaten, de beste manier om het af te handelen "

Avatargrootte wijzigen - CSS-trucs

Avatargrootte wijzigen - CSS-trucs

De functie wp_list_comments heeft een parameter om de standaardgrootte (48px) te wijzigen in een waarde tussen 0 en 80px. wp_list_comments ('avatar_size = 80'); "

Pas aangepaste CSS toe op het beheerdersgebied - CSS-trucs

Pas aangepaste CSS toe op het beheerdersgebied - CSS-trucs

Voeg toe aan het functions.php-bestand: add_action ('admin_head', 'my_custom_fonts'); functie my_custom_fonts () (echo '';) "

Automatische links naar sociale media - CSS-trucs

Automatische links naar sociale media - CSS-trucs

Dit zou binnen de lus gaan, waarschijnlijk onder the_content (), waarschijnlijk in je single.php-bestand. // bladwijzer op Delicious "

Base Threaded Opmerkingen Styling - CSS-trucs

Base Threaded Opmerkingen Styling - CSS-trucs

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

SVG knock-out tekst - CSS-trucs

SVG knock-out tekst - CSS-trucs

Het idee hier is om je drie lagen voor te stellen die op elkaar zijn gestapeld, waarbij de bovenste laag wordt gebruikt om een ​​vorm in de tweede laag uit te snijden om de "

Tekstvergrendeling - CSS-trucs

Tekstvergrendeling - CSS-trucs

The Cat in the Hat SVG biedt de tag aan. Hoewel het ongeveer hetzelfde functioneert als normaal in HTML, accepteert het attributen die krachtige tekstvormgeving ontgrendelen "

Klasse toevoegen aan links gegenereerd door next_posts_link en previous_posts_link - CSS-trucs

Klasse toevoegen aan links gegenereerd door next_posts_link en previous_posts_link - CSS-trucs

Deze twee functies creëren ankerlinks, en je kunt er veel van aanpassen, maar het is onmogelijk om een ​​klasse toe te voegen door alleen hun parameters te gebruiken. "

Velden voor contactgegevens toevoegen / verwijderen - CSS-trucs

Velden voor contactgegevens toevoegen / verwijderen - CSS-trucs

Gebruikersprofielen in WordPress hebben standaard deze velden voor contactgegevens: E-mail, Website, AIM, Yahoo IM, Jabber / Google Talk. U kunt deze verwijderen en "

Exportopties voor Adobe Illustrator - CSS-trucs

Exportopties voor Adobe Illustrator - CSS-trucs

Dit is minder een fragment en meer een herinnering voor iets dat ik vaak opzoek. Bij het maken van SVG-bestanden in Adobe Illustrator zijn er een aantal "

Gebogen tekst langs een pad - CSS-trucs

Gebogen tekst langs een pad - CSS-trucs

We kunnen tekst langs een gebogen lijn laten lopen met drie tools die rechtstreeks in SVG zijn ingebouwd:, en. The Snippet Dangerous Curves Ahead Hoe we daar kwamen Stel je voor dat we een "

Voeg categorienaam toe aan body_class - CSS-trucs

Voeg categorienaam toe aan body_class - CSS-trucs

De body_class-functie is handig voor het toevoegen van een aantal klassen aan de body-tag die informatie hebben over wat voor soort pagina momenteel wordt weergegeven. "

SVG-patronen - CSS-trucs

SVG-patronen - CSS-trucs

Met het element SVG kunnen we patronen binnen onze SVG-opmaak definiëren en die patronen als opvulling gebruiken. Het basisproces voor patronen "

Vorm Morphing-pictogrammen in Button on Click - CSS-trucs

Vorm Morphing-pictogrammen in Button on Click - CSS-trucs

Het idee hier is om een ​​SVG-pictogram in een knop te gebruiken en dat pictogram te vervangen door een ander wanneer op de knop wordt geklikt. Een klik op een knop suggereert vaak dat een actie heeft "

SVG-hamburgermenu - CSS-trucs

SVG-hamburgermenu - CSS-trucs

Drie strepen zouden zo gemakkelijk moeten zijn om te tekenen. Hier zijn een aantal verschillende manieren om het op internet te doen. Dat gezegd hebbende, SVG is absoluut de beste manier om "

Typografie in viewportformaat met minimum- en maximumgroottes - CSS-trucs

Typografie in viewportformaat met minimum- en maximumgroottes - CSS-trucs

Het aangeven van lettergroottes in viewport-eenheden kan echt interessante resultaten opleveren, maar het brengt wel uitdagingen met zich mee. Er zijn geen min-font-size of "

Gebruik een Sass-variabele voor een selector - CSS-trucs

Gebruik een Sass-variabele voor een selector - CSS-trucs

Stel dat u een bepaalde selector op meerdere plaatsen in uw code moet gebruiken. Het is zeker niet enorm gebruikelijk, maar er gebeuren dingen. Herhaalde code is "

Tint- en schaduwfuncties - CSS-trucs

Tint- en schaduwfuncties - CSS-trucs

Zowel de functies voor lichter als voor donkerder manipuleren de lichtheid van een kleur in de HSL-ruimte door er lichtheid aan toe te voegen of af te trekken. In feite zijn ze "

Gestreepte kleurovergang Mixin - CSS-trucs

Gestreepte kleurovergang Mixin - CSS-trucs

Een populaire manier om strepen te tekenen in CSS is om een ​​lineair verloop te definiëren met overlappende kleurstops. Het werkt erg goed, maar is niet erg handig om te schrijven "

Str-replace-functie - CSS-trucs

Str-replace-functie - CSS-trucs

Sass biedt een verzameling handige functies om strings te manipuleren, maar er is geen functie om een ​​substring te vervangen door een andere string. Hier is een"

Sorteerfunctie - CSS-trucs

Sorteerfunctie - CSS-trucs

Sass biedt geen ingebouwde manier om een ​​lijst met waarden te sorteren. Dankzij stringmanipulatiefuncties kunnen we een functie bouwen om een ​​lijst met items te sorteren "

Strip-unit Functie - CSS-trucs

Strip-unit Functie - CSS-trucs

Er is veel verwarring over de manier waarop units in Sass werken. Toch werken ze precies zoals ze in het echte leven doen. Als u de waarde-eenheid wilt verwijderen, "

Contexten en gebeurtenissen vereenvoudigen - CSS-trucs

Contexten en gebeurtenissen vereenvoudigen - CSS-trucs

Sass kan op de een of andere manier een beetje een zwarte doos zijn, vooral voor jonge ontwikkelaars: je stopt er wat in, je haalt er wat uit. Neem de selectorreferentie "