Sut i guddio arddull CSS dyddiad thema WordPress? tiwtorial arddull css cudd div

Sut i guddio'r arddull CSS dyddiad mewn thema WordPress ?

Tiwtorial arddull CSS cudd DIV

Yn ddiweddar, mae Chen Weiliang wedi bod yn mireinio ac yn optimeiddio templed y wefan, gan wneud hynny er mwyn ystyried SEO a phrofiad y defnyddiwr.

Gofynnodd gweithiwr proffesiynol cyfryngau newydd: Sut allwn ni guddio eicon neu ddyddiad penodol mewn thema WordPress?

Yr ateb yw cuddio'r arddulliau gyda CSS:

.r-hide {display：none;}

Gall arddulliau cudd CSS gyflawni:

• 1) Testun cudd
• 2) Cuddio hypergysylltiadau (dolenni du)
• 3) Cuddio cod ystadegol
• 4) Cuddio eicon

Yn gyntaf, mae angen inni ddod o hyd i ddetholwyr CSS.

Beth yw dewiswyr CSS?

Mae diffiniad pob arddull CSS yn cynnwys 2 ran:

选择器{样式}

• Y rhan cyn {} yw'r "dewiswr".
• Mae'r "dewiswr" yn dynodi "arddull" y gwrthrych {}.
• Sylwadau ar ba elfen o'r dudalen mae'r "arddull" hwn yn gweithio?

Sut i ddod o hyd i ddetholwyr CSS?

Enghraifft Cod 1

Mae'r canlynol yn enghraifft o animeiddiad GIF. Ar ôl dod o hyd i'r dewisydd CSS trwy'r porwr, mae'r dyddiad wedi'i guddio▼

Cael dewiswyr CSS time.the-date Ar ôl hynny, ychwanegwch y cod CSS canlynol at ffeil style.css thema WP:

time.the-date {
 display: none;
}

Enghraifft Cod 2

Dyma sut i ddewis a steilio elfen gyda class="r-hide":

.r-hide {display：none;}

Os oes gan eich thema WP swyddogaeth opsiwn, gallwch ychwanegu'r cod CSS uchod at y blwch cod yn Opsiynau Thema WP → Addasu Arddull → Arddull Personol.

• Defnyddiwch arddulliau CSSarddangos: dim;  cuddio'r cynnwys penodedig,
• Yn anweledig trwy'r porwr, nid yw cynnwys cudd yn cymryd lle,
• Fe'i defnyddir fel arfer i guddio effeithiau JS, cuddio eiconau codau ystadegol, ac ati.

Darllen estynedig:

• " Beth yw'r gwahaniaeth rhwng dosbarth dewisydd CSS ac id? id a defnydd dosbarth yn HTML"