Hoe de CSS-stijl van de WordPress-themadatum te verbergen? div verborgen CSS-stijl tutorial

hoe te verbergenWordPressThema datum CSS-stijl?

DIV verborgen CSS-stijl tutorial

Chen WeiliangOnlangs is de websitesjabloon verbeterd en geoptimaliseerd, en dit is ook gedaan om rekening te houdenSEOgebruikerservaring.

有nieuwe mediaMensen vroegen:Wat als we een bepaald pictogram, datum van een WordPress-thema willen verbergen?

Het antwoord is om de stijlen te verbergen met CSS:

.r-hide {display：none;}

CSS verborgen stijlen kunnen het volgende bereiken:

• 1) Verborgen tekst
• 2) Verberg hyperlinks (zwarte links)
• 3) Verberg statistische code
• 4) Pictogram verbergen

Eerst moeten we CSS-selectors vinden.

Wat zijn CSS-selectors?

De definitie van elke CSS-stijl bestaat uit 2 delen:

选择器{样式}

• Het gedeelte voor {} is de "kiezer".
• De "selector" geeft de "stijl" van het {} object aan.
• Opmerkingen over welk element van de pagina werkt deze "stijl"?

Hoe CSS-selectors vinden?

Code voorbeeld 1

Het volgende is een voorbeeld van een GIF-animatie. Na het vinden van de CSS-kiezer via de browser, is de datum verborgen▼

CSS-kiezers ophalen time.the-date Voeg daarna de volgende CSS-code toe aan het style.css-bestand van het WP-thema:

time.the-date {
 display: none;
}

Code voorbeeld 2

Hier leest u hoe u een element selecteert en opmaakt met class="r-hide":

.r-hide {display：none;}

Als het WP-thema opties heeft, kunt u de bovenstaande CSS-code toevoegen aan deWP-thema-opties → Stijl aanpassen → Aanpassenstijl code vak.

• CSS-stijlen gebruikenGeen weergeven;  verberg de opgegeven inhoud,
• Onzichtbaar via de browser, verborgen inhoud neemt geen ruimte in beslag,
• Meestal gebruikt om JS-effecten te verbergen, pictogrammen van statistische codes te verbergen, enz.

Uitgebreide lezing:

• " Wat is het verschil tussen CSS-selectorklasse en id? id en klassegebruik in HTML"