Kaip paslėpti WordPress temos datos CSS stilių? div paslėpto css stiliaus pamoka

kaip pasislėptiWordPressTemos data CSS stilius?

DIV paslėpto CSS stiliaus pamoka

Chen WeiliangPastaruoju metu svetainės šablonas buvo patobulintas ir optimizuotas, į tai taip pat atsižvelgiamaSEOvartotojo patirtis.

有nauja žiniasklaidaŽmonės klausė:Ką daryti, jei norime paslėpti tam tikrą piktogramą, WordPress temos datą?

Atsakymas yra paslėpti stilius naudojant CSS:

.r-hide {display：none;}

CSS paslėpti stiliai gali pasiekti:

• 1) Paslėptas tekstas
• 2) Slėpti hipersaitus (juodąsias nuorodas)
• 3) Slėpti statistinį kodą
• 4) Slėpti piktogramą

Pirmiausia turime rasti CSS parinkiklius.

Kas yra CSS selektoriai?

Kiekvieno CSS stiliaus apibrėžimas susideda iš 2 dalių:

选择器{样式}

• Dalis prieš {} yra "selektorius".
• „Selektorius“ nurodo {} objekto „stilių“.
• Komentarai, kuriame puslapio elemente veikia šis „stilius“?

Kaip rasti CSS parinkiklius?

1 kodo pavyzdys

Toliau pateikiamas GIF animacijos pavyzdys. Suradus CSS parinkiklį per naršyklę, data paslepiama▼

Gaukite CSS parinkiklius time.the-date Po to pridėkite šį CSS kodą prie WP temos style.css failo:

time.the-date {
 display: none;
}

2 kodo pavyzdys

Štai kaip pasirinkti ir sukurti elemento stilių naudojant class="r-hide":

.r-hide {display：none;}

Jei WP temoje yra parinkčių, galite pridėti aukščiau pateiktą CSS kodąWP temos parinktys → Tinkinti stilių → Tinkintistiliaus kodo dėžutė.

• Naudokite CSS stiliusekranas: nėra;  paslėpti nurodytą turinį,
• Nematomas per naršyklę, paslėptas turinys neužima vietos,
• Paprastai naudojamas JS efektams paslėpti, statistinių kodų piktogramoms ir pan.

Papildoma literatūra:

• " Kuo skiriasi CSS parinkiklio klasė ir ID? ID ir klasės naudojimas HTML"