Ahoana ny fomba hanafenana ny WordPress theme date style CSS? Div hidden css style tutorial

Ahoana no hanafenana ny fomba CSS daty ao amin'ny lohahevitra WordPress ?

DIV miafina CSS fomba fampianarana

Vao haingana i Chen Weiliang no nanatsara sy nanatsara ny môdely tranonkala, mba handraisana an-tsaina ny SEO sy ny traikefan'ny mpampiasa.

Nanontany ny matihanina vaovao amin'ny fampitam-baovao hoe: Ahoana no ahafahantsika manafina kisary na daty manokana ao anaty lohahevitra WordPress?

Ny valiny dia ny manafina ny styles amin'ny CSS:

.r-hide {display：none;}

Ny fomba miafina CSS dia mety hahatratra:

• 1) Lahatsoratra miafina
• 2) Afeno ny hyperlinks (rohy mainty)
• 3) Afeno ny kaody statistika
• 4) Afeno ny kisary

Voalohany, mila mitady mpifidy CSS isika.

Inona no atao hoe CSS selectors?

Ny famaritana ny fomba CSS tsirairay dia misy ampahany 2:

选择器{样式}

• Ny ampahany alohan'ny {} dia ny "selector".
• Ny "selector" dia manondro ny "style" an'ny zavatra {}.
• Fanehoan-kevitra momba ny singa inona amin'ny pejy miasa ity "style" ity?

Ahoana ny fomba hahitana mpifidy CSS?

Ohatra code 1

Ity manaraka ity dia ohatra iray amin'ny sarimiaina GIF. Rehefa avy nahita ny mpifidy CSS tamin'ny alalan'ny navigateur dia nafenina ny daty▼

Mahazoa mpifidy CSS time.the-date Aorian'izay, ampio ity code CSS manaraka ity amin'ny rakitra style.css amin'ny lohahevitra WP:

time.the-date {
 display: none;
}

Ohatra code 2

Ity ny fomba hifidianana sy hamolavola singa iray miaraka amin'ny class="r-hide":

.r-hide {display：none;}

Raha manana safidy ny lohahevitry ny WP-nao dia azonao ampiana ao amin'ny boaty kaody ao amin'ny WP Theme Options → Customize Style → Custom Style ny kaody CSS etsy ambony.

• Mampiasà fomba CSSfampisehoana: tsy misy;  afeno ny atiny voatondro,
• Tsy hita maso amin'ny alàlan'ny navigateur, ny atiny miafina dia tsy maka toerana,
• Matetika ampiasaina hanafenana ny fiantraikan'ny JS, hanafenana ireo kisary misy kaody statistika, sns.

Famakiana lavitra:

• " Inona no maha samy hafa ny CSS selector class sy id? id sy ny fampiasana kilasy amin'ny HTML"