Hogyan lehet elrejteni a WordPress téma dátum CSS stílusát? div rejtett css stílus oktatóanyag

hogyan kell elrejteniWordPressTéma dátum CSS stílus?

DIV rejtett CSS stílus oktatóanyag

Chen WeiliangA közelmúltban a webhelysablont javították és optimalizálták, és ezt is figyelembe vettékSEOfelhasználói tapasztalat.

有új médiaAz emberek megkérdezték:Mi a teendő, ha el akarunk rejteni egy WordPress-téma ikonját, dátumát?

A válasz az, hogy el kell rejteni a stílusokat CSS-sel:

.r-hide {display：none;}

A rejtett CSS stílusok a következőket érhetik el:

• 1) Rejtett szöveg
• 2) Hiperhivatkozások elrejtése (fekete hivatkozások)
• 3) Statisztikai kód elrejtése
• 4) Ikon elrejtése

Először is meg kell találnunk a CSS-szelektorokat.

Mik azok a CSS-szelektorok?

Az egyes CSS-stílusok meghatározása 2 részből áll:

选择器{样式}

• A {} előtti rész a "választó".
• A "selector" a {} objektum "stílusát" jelzi.
• Megjegyzés az oldal melyik eleméhez működik ez a "stílus"?

Hogyan találhatok CSS-szelektorokat?

1. kódpélda

A következő egy példa egy GIF-animációra. Miután a böngészőn keresztül megtalálta a CSS-választót, a dátum elrejtve lesz.

Szerezzen be CSS-választókat time.the-date Ezután adja hozzá a következő CSS-kódot a WP téma style.css fájljához:

time.the-date {
 display: none;
}

2. kódpélda

A következőképpen jelölhet ki és alakíthat ki egy elemet a class="r-hide" használatával:

.r-hide {display：none;}

Ha a WP témának vannak opciói, hozzáadhatja a fenti CSS-kódot aWP téma beállításai → Stílus testreszabása → Testreszabásstíluskód doboz.

• Használjon CSS stílusokatkijelző: nincs;  a megadott tartalom elrejtése,
• A böngészőn keresztül láthatatlan, a rejtett tartalom nem foglal helyet,
• Általában a JS-effektusok elrejtésére, a statisztikai kódok ikonjainak elrejtésére stb.

Bővített olvasmány:

• " Mi a különbség a CSS-választó osztály és az azonosító között? azonosító és osztályhasználat HTML-ben"