Kako sakriti CSS stil datuma WordPress teme? div skriveni vodič za css stil

Kako sakriti CSS stil datuma u WordPress temi?

Vodič za DIV skriveni CSS stil

Chen Weiliang je nedavno usavršavao i optimizirao predložak web stranice kako bi uzeo u obzir SEO i korisničko iskustvo.

Stručnjak za nove medije pitao je: Kako možemo sakriti određenu ikonu ili datum u WordPress temi?

Odgovor je sakriti stilove pomoću CSS-a:

.r-hide {display：none;}

CSS skriveni stilovi mogu postići:

• 1) Skriveni tekst
• 2) Sakrij hiperveze (crne veze)
• 3) Sakrij statistički kod
• 4) Sakrij ikonu

Prvo moramo pronaći CSS selektore.

Što su CSS selektori?

Definicija svakog CSS stila sastoji se od 2 dijela:

选择器{样式}

• Dio prije {} je "selektor".
• "Selektor" označava "stil" objekta {}.
• Komentari na kojem elementu stranice funkcionira ovaj "stil"?

Kako pronaći CSS selektore?

Primjer koda 1

Slijedi primjer GIF animacije. Nakon pronalaska CSS selektora putem preglednika, datum je skriven▼

Nabavite CSS selektore time.the-date Nakon toga dodajte sljedeći CSS kod u style.css datoteku WP teme:

time.the-date {
 display: none;
}

Primjer koda 2

Evo kako odabrati i stilizirati element s class="r-hide":

.r-hide {display：none;}

Ako vaša WP tema ima funkciju opcije, možete dodati gornji CSS kod u polje za kod u WP temi Opcije → Prilagodi stil → Prilagođeni stil.

• Koristite CSS stiloveprikaz: nijedan;  sakriti navedeni sadržaj,
• Nevidljiv kroz preglednik, skriveni sadržaj ne zauzima prostor,
• Obično se koristi za skrivanje JS efekata, skrivanje ikona statističkih kodova itd.

Prošireno čitanje:

• " Koja je razlika između klase CSS selektora i id-a? korištenje id-a i klase u HTML-u"