Hoe kinne jo WordPress tema datum CSS-styl ferbergje? div ferburgen css styl tutorial

hoe te ferbergjenWordPressTema datum CSS styl?

DIV ferburgen CSS-styl tutorial

Chen WeiliangKoartlyn is de webside sjabloan ferbettere en optimalisearre, en dit wurdt ek dien om rekken te hâldenSEObrûkersûnderfining.

Hawwenije mediaMinsken fregen:Wat as wy in bepaald byldkaike wolle ferbergje, datum fan in WordPress-tema?

It antwurd is om de stilen te ferbergjen mei CSS:

.r-hide {display：none;}

CSS ferburgen stilen kinne berikke:

• 1) Ferburgen tekst
• 2) Hyperkeppelings ferbergje (swarte keppelings)
• 3) Hide statistyske koade
• 4) Ikoan ferbergje

Earst moatte wy CSS-selektors fine.

Wat binne CSS-selektors?

De definysje fan elke CSS-styl bestiet út 2 dielen:

选择器{样式}

• It diel foar {} is de "selektor".
• De "selektor" jout de "styl" oan fan it {} objekt.
• Kommentaar op hokker elemint fan 'e side wurket dizze "styl"?

Hoe kinne jo CSS-selektors fine?

Foarbyld fan Code 1

It folgjende is in foarbyld fan in GIF-animaasje. Nei it finen fan de CSS-selektor fia de browser, is de datum ferburgen▼

Krij CSS-selektors time.the-date Foegje dêrnei de folgjende CSS-koade ta oan it style.css-bestân fan it WP-tema:

time.the-date {
 display: none;
}

Foarbyld fan Code 2

Hjir is hoe't jo in elemint selektearje en stylearje mei class="r-hide":

.r-hide {display：none;}

As it WP-tema opsjes hat, kinne jo de boppesteande CSS-koade tafoegje oan deWP-tema-opsjes → Styl oanpasse → Oanpassestyl koade doaze.

• Brûk CSS-stilenwerjaan: gjin;  ferbergje de oantsjutte ynhâld,
• Unsichtber fia de browser, ferburgen ynhâld nimt gjin romte yn,
• Gewoanlik brûkt om JS-effekten te ferbergjen, ikoanen fan statistyske koades te ferbergjen, ensfh.

Utwreide lêzing:

• " Wat is it ferskil tusken CSS-selektorklasse en id? id en klassegebrûk yn HTML"