Kā paslēpt WordPress tēmas datuma CSS stilu? div slēptā css stila apmācība

Kā WordPress tēmā paslēpt datuma CSS stilu ?

DIV slēptā CSS stila apmācība

Čens Veiljans nesen ir pilnveidojis un optimizējis vietnes veidni, ņemot vērā SEO un lietotāju pieredzi.

Jauno mediju profesionālis jautāja: Kā WordPress tēmā var paslēpt konkrētu ikonu vai datumu?

Atbilde ir slēpt stilus, izmantojot CSS:

.r-hide {display：none;}

CSS slēptie stili var sasniegt:

• 1) Slēpts teksts
• 2) Slēpt hipersaites (melnās saites)
• 3) Slēpt statistikas kodu
• 4) Slēpt ikonu

Pirmkārt, mums ir jāatrod CSS atlasītāji.

Kas ir CSS atlasītāji?

Katra CSS stila definīcija sastāv no 2 daļām:

选择器{样式}

• Daļa pirms {} ir "selektors".
• "Atlasītājs" norāda objekta {} "stilu".
• Komentāri par kuru lapas elementu darbojas šis "stils"?

Kā atrast CSS atlasītājus?

1. koda piemērs

Šis ir GIF animācijas piemērs. Kad pārlūkprogrammā ir atrasts CSS atlasītājs, datums tiek paslēpts.

Iegūstiet CSS atlasītājus time.the-date Pēc tam WP motīva failam style.css pievienojiet šādu CSS kodu:

time.the-date {
 display: none;
}

2. koda piemērs

Tālāk ir norādīts, kā atlasīt elementu un izveidot stilu ar class="r-hide".

.r-hide {display：none;}

Ja jūsu WP tēmai ir opciju funkcija, varat pievienot iepriekš minēto CSS kodu koda lodziņam sadaļā WP tēmas opcijas → Pielāgot stilu → Pielāgots stils.

• Izmantojiet CSS stilusdisplejs: nav;  paslēpt norādīto saturu,
• Pārlūkā neredzams, slēptais saturs neaizņem vietu,
• Parasti izmanto, lai paslēptu JS efektus, paslēptu statistikas kodu ikonas utt.

Paplašināta lasīšana:

• " Kāda ir atšķirība starp CSS atlasītāja klasi un id? ID un klases lietojums HTML"