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

sut i guddioWordPressDyddiad thema arddull CSS?

Tiwtorial arddull CSS cudd DIV

Chen WeiliangYn ddiweddar, mae templed y wefan wedi'i wella a'i optimeiddio, a gwneir hyn hefyd i gymryd i ystyriaethSEOprofiad defnyddiwr.

Wedicyfryngau newyddGofynnodd pobl:Beth os ydym am guddio eicon penodol, dyddiad 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 thema WP opsiynau, gallwch ychwanegu'r cod CSS uchod at yOpsiynau Thema WP → Addasu Arddull → Addasublwch cod arddull.

• 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"