Kuinka piilottaa WordPress-teeman päivämäärä CSS-tyyli? div piilotettu css-tyyli opetusohjelma

kuinka piiloutuaWordPressTeema päivämäärä CSS-tyyli?

DIV piilotettu CSS-tyyli opetusohjelma

Chen WeiliangÄskettäin verkkosivuston mallipohjaa on parannettu ja optimoitu, ja tämä on myös tehty huomioidenSEOkäyttäjäkokemus.

有uusi mediaIhmiset kysyivät:Entä jos haluamme piilottaa tietyn WordPress-teeman kuvakkeen, päivämäärän?

Vastaus on piilottaa tyylit CSS:llä:

.r-hide {display：none;}

Piilotetut CSS-tyylit voivat saavuttaa:

• 1) Piiloteksti
• 2) Piilota hyperlinkit (mustat linkit)
• 3) Piilota tilastokoodi
• 4) Piilota kuvake

Ensin meidän on löydettävä CSS-valitsimet.

Mitä ovat CSS-valitsimet?

Jokaisen CSS-tyylin määritelmä koostuu kahdesta osasta:

选择器{样式}

• Osa ennen {} on "valitsin".
• "Valitsija" ilmaisee kohteen {} "tyyliä".
• Kommentoi millä sivun elementillä tämä "tyyli" toimii?

Kuinka löytää CSS-valitsimia?

Koodiesimerkki 1

Seuraavassa on esimerkki GIF-animaatiosta. Kun CSS-valitsin on löydetty selaimen kautta, päivämäärä piilotetaan▼

Hanki CSS-valitsimet time.the-date Lisää sen jälkeen seuraava CSS-koodi WP-teeman style.css-tiedostoon:

time.the-date {
 display: none;
}

Koodiesimerkki 2

Voit valita elementin ja muotoilla sen tyylillä class="r-hide":

.r-hide {display：none;}

Jos WP-teemalla on vaihtoehtoja, voit lisätä yllä olevan CSS-koodinWP-teeman asetukset → Mukauta tyyliä → Mukautatyylikoodilaatikko.

• Käytä CSS-tyylejänäyttö: ei mitään;  piilota määritetty sisältö,
• Selaimen läpi näkymätön, piilotettu sisältö ei vie tilaa,
• Yleensä käytetään piilottamaan JS-tehosteet, piilottamaan tilastokoodien kuvakkeet jne.

Laajennettu lukeminen:

• " Mitä eroa on CSS-valitsinluokan ja id:n välillä? id:n ja luokan käyttö HTML:ssä"