Kódrészletek 2025, Január

Az automatikus formázás kikapcsolása CSS-trükkök

Az automatikus formázás kikapcsolása CSS-trükkök

Add hozzá a functions.php fájlhoz remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('comment_text', "

Felfedezni a lényegeket és beágyazni őket CSS-trükkök

Felfedezni a lényegeket és beágyazni őket CSS-trükkök

Csak tegyen egy linket a GitHub Gist-be, és szépen beágyazódik. Vagy használja a kódrészlet által biztosított formátumot, és saját maga hozza létre a rövid kódot. Neked"

A bejelentkezési oldal testreszabása CSS-trükkök

A bejelentkezési oldal testreszabása CSS-trükkök

Tudja, az általában a yoursite.com/wp-login.php címen található. Ezeket felteheti az aktív téma function.php fájljába. A logó megváltoztatása a "

Testreszabás jelölése - CSS-trükkök

Testreszabás jelölése - CSS-trükkök

Egy tipikus WordPress-témában a wp_list_comments () függvény használatával a teljes hozzászóláslistát kiírja egy bejegyzéshez / oldalhoz. Ez nem sok mindent kínál "

Egyéni adatbázis hiba oldal - CSS-trükkök

Egyéni adatbázis hiba oldal - CSS-trükkök

Helyezzen egy "db-error.php" nevű fájlt közvetlenül a / wp-content / mappába, és a WordPress automatikusan használja ezt, ha adatbázis-kapcsolat van "

Bloginfo rövid kód - CSS-trükkök

Bloginfo rövid kód - CSS-trükkök

A WordPress bloginfo () függvénye sok hasznos információhoz hozzáférést biztosít a webhelyével kapcsolatban. Lásd a teljes listát. Ezen értékek elérése "

Az SVG engedélyezése a WordPress Media Uploader - segítségével CSS-trükkök

Az SVG engedélyezése a WordPress Media Uploader - segítségével CSS-trükkök

MEGJEGYZÉS: A 4.7.1 verziótól kezdve ez már nem pontosan az itt közzétett módon működik. A megjegyzéslánc itt kezdődik. Egyszer frissítem ezt a kezelés legjobb módja "

Avatar méretének megváltoztatása CSS-trükkök

Avatar méretének megváltoztatása CSS-trükkök

A wp_list_comments függvénynek van egy paramétere, amely az alapértelmezett (48 képpontos) méretet 0 és 80 képpont közötti értékre változtatja. wp_list_comments ('avatar_size = 80'); "

Alkalmazzon egyéni CSS-t az adminisztrációs területen - CSS-trükkök

Alkalmazzon egyéni CSS-t az adminisztrációs területen - CSS-trükkök

Hozzáadás a functions.php fájlhoz: add_action ('admin_head', 'my_custom_fonts'); függvény my_custom_fonts () (echo '';) "

Automatikus közösségi média linkek CSS-trükkök

Automatikus közösségi média linkek CSS-trükkök

Ez a ciklus belsejébe kerül, valószínűleg a_tartalom () alatt, valószínűleg a single.php fájljában. // könyvjelző a Deliciousről "

Alapmenetes megjegyzések stílus - CSS-trükkök

Alapmenetes megjegyzések stílus - CSS-trükkök

Ol.commentlist (liststílus: nincs; margó: 0 0 1em; kitöltés: 0; szöveges behúzás: 0;) ol.commentlist li () ol.commentlist li.alt () ol.commentlist "

SVG Knockout Text - CSS-trükkök

SVG Knockout Text - CSS-trükkök

Az ötlet az, hogy három réteget egymásra rakva képzeljünk el, ahol a felső réteget használjuk a második réteg alakjának kivágására a "

Szöveg zárolása - CSS-trükkök

Szöveg zárolása - CSS-trükkök

A Macska a kalapban SVG kínálja a címkét. Míg sokban működik, mint egy normál HTML, elfogadja azokat az attribútumokat, amelyek feloldják az erőteljes szövegalkotást "

Osztály hozzáadása a next_posts_link és a previous_posts_link - által létrehozott linkekhez CSS-trükkök

Osztály hozzáadása a next_posts_link és a previous_posts_link - által létrehozott linkekhez CSS-trükkök

Ez a két funkció horgonyhivatkozásokat hoz létre, és sokat testreszabhat, de lehetetlen osztályt hozzáadni pusztán a paramétereik felhasználásával. "

Kapcsolattartó adatmezők hozzáadása / eltávolítása - CSS-trükkök

Kapcsolattartó adatmezők hozzáadása / eltávolítása - CSS-trükkök

A WordPress felhasználói profiljai alapértelmezés szerint az alábbi mezőket tartalmazzák a Kapcsolattartási adatok számára: E-mail, Webhely, AIM, Yahoo IM, Jabber / Google Talk. Eltávolíthatja ezeket és

Adobe Illustrator exportálási beállítások - CSS-trükkök

Adobe Illustrator exportálási beállítások - CSS-trükkök

Ez kevesebb részlet és inkább emlékeztető valamire, amit gyakran keresek fel. Az SVG fájlok Adobe Illustrator programban történő létrehozásakor néhány "

Ívelt szöveg útvonal mentén - CSS-trükkök

Ívelt szöveg útvonal mentén - CSS-trükkök

Három, közvetlenül az SVG-be épített eszköz segítségével görbe vonalon mozgathatjuk a szöveget: A kivonat veszélyes görbék előtt, hogyan jutottunk el. Képzelje el, hogy rajzolunk egy "

Kategória neve hozzáadása a body_class - CSS-trükkök

Kategória neve hozzáadása a body_class - CSS-trükkök

A body_class függvény arra alkalmas, hogy egy csomó olyan osztályt adjon hozzá a body címkéhez, amely információval rendelkezik arról, hogy jelenleg milyen oldal jelenik meg. "

SVG minták - CSS-trükkök

SVG minták - CSS-trükkök

Az SVG elem lehetővé teszi számunkra, hogy meghatározzunk mintákat az SVG jelölőnk belsejében, és ezeket a mintákat kitöltésként használjuk. A minták alapvető folyamata "

Alakítsa a Morphing ikonokat a gombra kattintva - CSS-trükkök

Alakítsa a Morphing ikonokat a gombra kattintva - CSS-trükkök

Az ötlet az, hogy SVG ikont használjon egy gombban, és cserélje ki az ikont egy másikra, amikor a gombra kattint. A gomb kattintása gyakran azt sugallja, hogy egy művelet "

SVG Hamburger menü - CSS-trükkök

SVG Hamburger menü - CSS-trükkök

Három csíkot olyan könnyű megrajzolni. Itt van egy csomó különböző módja annak, hogy ezt az interneten megtehesse. Ennek ellenére az SVG mindenképpen a legszebb módja annak, hogy "

Nézetablak méretű tipográfia minimális és maximális méretekkel CSS-trükkök

Nézetablak méretű tipográfia minimális és maximális méretekkel CSS-trükkök

A betűméretek deklarálása a nézetablakban valóban érdekes eredményeket hozhat, de kihívásokkal jár. Nincsenek min-font-size vagy "

Használjon Sass változót a választóhoz - CSS-trükkök

Használjon Sass változót a választóhoz - CSS-trükkök

Tegyük fel, hogy egy adott választót több helyen kell használnia a kódban. Az biztos, hogy nem rendkívül gyakori, de ilyesmi megtörténik. Ismételt kód: "

Árnyalat és árnyék funkciók CSS-trükkök

Árnyalat és árnyék funkciók CSS-trükkök

A világosító és sötétebb funkciók a HSL-tér színének világosságát manipulálják, hozzáadva vagy kivonva a világosságot. Alapvetően

Csíkos színátmenet Mixin CSS-trükkök

Csíkos színátmenet Mixin CSS-trükkök

Népszerű módszer csíkok rajzolására a CSS-ben, hogy meghatározzon egy lineáris gradienst átfedő színleállásokkal. Nagyon jól működik, de nem túl kényelmes írni "

Str-csere funkció - CSS-trükkök

Str-csere funkció - CSS-trükkök

A Sass praktikus függvények gyűjteményét kínálja a karakterláncok manipulálására, azonban nincs olyan funkció, amely az alsztringet másik karakterlánccal cserélje le. Itt van egy"

Rendezési funkció - CSS-trükkök

Rendezési funkció - CSS-trükkök

A Sass semmilyen beépített módot nem kínál az értékek listájának rendezésére. A karakterlánc-manipulációs funkcióknak köszönhetően létrehozhatunk egy függvényt az elemek listájának rendezéséhez "

Csík egység működése - CSS-trükkök

Csík egység működése - CSS-trükkök

Sok zavar van az egységek Sass-ban való működése körül. Mégis pontosan úgy működnek, mint a való életben. Ha el akarja távolítani az értékegységet, "

A kontextusok és események egyszerűsítése CSS-trükkök

A kontextusok és események egyszerűsítése CSS-trükkök

A Sass valahogy egy kicsit fekete doboz lehet, különösen a fiatal fejlesztők számára: néhány dolgot beletesz, néhányat kihoz. Vegyük a választó hivatkozást "