Hoe om WordPress-tema-datum CSS-styl te versteek? div verborge css-styl handleiding

Hoe om die datum CSS-styl in 'n WordPress- tema te versteek?

DIV verborge CSS-styl tutoriaal

Chen Weiliang het onlangs die webwerf-sjabloon verfyn en geoptimaliseer om SEO en gebruikerservaring in ag te neem.

'n Nuwe mediaprofessioneel het gevra: Hoe kan ons 'n spesifieke ikoon of datum in 'n WordPress-tema versteek?

Die antwoord is om die style met CSS weg te steek:

.r-hide {display：none;}

CSS verborge style kan bereik:

• 1) Versteekte teks
• 2) Versteek hiperskakels (swart skakels)
• 3) Versteek statistiese kode
• 4) Versteek ikoon

Eerstens moet ons CSS-keurders vind.

Wat is CSS-keurders?

Die definisie van elke CSS-styl bestaan ​​uit 2 dele:

选择器{样式}

• Die deel voor {} is die "kieser".
• Die "kieser" dui die "styl" van die {} voorwerp aan.
• Kommentaar oor watter element van die bladsy werk hierdie "styl"?

Hoe om CSS-keurders te vind?

Kode voorbeeld 1

Die volgende is 'n voorbeeld van 'n GIF-animasie. Nadat die CSS-kieser deur die blaaier gevind is, is die datum versteek▼

Kry CSS-keurders time.the-date Voeg daarna die volgende CSS-kode by die style.css-lêer van die WP-tema:

time.the-date {
 display: none;
}

Kode voorbeeld 2

Hier is hoe om 'n element met class="r-hide" te kies en te stileer:

.r-hide {display：none;}

As jou WP-tema 'n opsiefunksie het, kan jy die bogenoemde CSS-kode by die kodekassie voeg in WP-tema-opsies → Pasmaakstyl → Pasgemaakte styl.

• Gebruik CSS-stylevertoon: geen;  versteek die gespesifiseerde inhoud,
• Onsigbaar deur die blaaier, verborge inhoud neem nie spasie op nie,
• Word gewoonlik gebruik om JS-effekte te versteek, ikone van statistiese kodes te versteek, ens.

Uitgebreide leesstof:

• " Wat is die verskil tussen CSS-keurderklas en ID? id en klasgebruik in HTML"