Nola ezkutatu WordPress gaiaren data CSS estiloa? div ezkutuko css estiloko tutoriala

nola ezkutatuWordPressGaiaren data CSS estiloa?

DIV ezkutuko CSS estiloko tutoriala

Chen WeiliangBerriki, webgunearen txantiloia hobetu eta optimizatu da, eta hori ere kontuan hartzeko egiten daSEOerabiltzailearen esperientzia.

izankomunikabide berriakJendeak galdetu zuen:Zer gertatzen da WordPress gai baten ikono jakin bat, data ezkutatu nahi badugu?

Erantzuna CSS-rekin estiloak ezkutatzea da:

.r-hide {display：none;}

CSS ezkutuko estiloek lor dezakete:

• 1) Ezkutuko testua
• 2) Ezkutatu hiperestekak (esteka beltzak)
• 3) Kode estatistikoa ezkutatu
• 4) Ezkutatu ikonoa

Lehenik eta behin, CSS hautatzaileak aurkitu behar ditugu.

Zer dira CSS hautatzaileak?

CSS estilo bakoitzaren definizioak 2 atal ditu:

选择器{样式}

• {} aurreko zatia "hautatzailea" da.
• "Hautatzaileak" {} objektuaren "estiloa" adierazten du.
• Iruzkinak orriaren zein elementuri funtzionatzen du "estilo" honek?

Nola aurkitu CSS hautatzaileak?

Kodearen adibidea 1

GIF animazio baten adibidea da honako hau. Arakatzailearen bidez CSS hautatzailea aurkitu ondoren, data ezkutatu egiten da▼

Lortu CSS hautatzaileak time.the-date Horren ondoren, gehitu CSS kodea hau WP gaiaren style.css fitxategira:

time.the-date {
 display: none;
}

Kodearen adibidea 2

Hona hemen elementu bat class="r-hide"-rekin nola hautatu eta estiloa:

.r-hide {display：none;}

WP gaiak aukerak baditu, goiko CSS kodea gehi dezakezuWP Gaiaren Aukerak → Pertsonalizatu estiloa → Pertsonalizatuestilo-kode-koadroa.

• Erabili CSS estiloakbistaratzea: bat ere ez;  zehaztutako edukia ezkutatu,
• Arakatzailearen bidez ikusezina, ezkutuko edukiak ez du lekurik hartzen,
• Normalean JS efektuak ezkutatzeko, kode estatistikoen ikonoak ezkutatzeko, etab.

Irakurketa hedatua:

• " Zein da CSS hautatzaile klasearen eta idaren arteko aldea? id eta klaseen erabilera HTMLn"