Giunsa pagtago ang estilo sa CSS nga petsa sa tema sa WordPress? div nakatago nga css style tutorial

Unsaon pagtago sa date CSS style sa usa ka WordPress theme?

DIV nakatago nga CSS style tutorial

Bag-ohay lang gipino ug gi-optimize ni Chen Weiliang ang template sa website, aron makonsiderar ang SEO ug user experience.

Usa ka bag-ong propesyonal sa media nangutana: Unsaon nato pagtago ang usa ka piho nga icon o petsa sa usa ka tema sa WordPress?

Ang tubag mao ang pagtago sa mga estilo sa CSS:

.r-hide {display：none;}

Ang mga tinago nga estilo sa CSS mahimong makab-ot:

• 1) Tinago nga teksto
• 2) Tagoa ang mga hyperlink (itom nga mga link)
• 3) Tagoa ang statistical code
• 4) Itago ang icon

Una, kinahanglan natong pangitaon ang mga tigpili sa CSS.

Unsa ang mga tigpili sa CSS?

Ang kahulugan sa matag estilo sa CSS naglangkob sa 2 ka bahin:

选择器{样式}

• Ang bahin sa wala pa ang {} mao ang "selector".
• Ang "selector" nagpaila sa "estilo" sa {} nga butang.
• Mga komento sa unsa nga elemento sa panid ang kini nga "estilo" nagtrabaho?

Giunsa pagpangita ang mga tigpili sa CSS?

Pananglitan sa code 1

Ang mosunod usa ka pananglitan sa GIF animation. Human makit-an ang CSS selector pinaagi sa browser, ang petsa gitago▼

Pagkuha ug CSS selectors time.the-date Human niana, idugang ang mosunod nga CSS code sa style.css file sa WP nga tema:

time.the-date {
 display: none;
}

Pananglitan sa code 2

Ania kung giunsa pagpili ug istilo ang usa ka elemento nga adunay class="r-hide":

.r-hide {display：none;}

Kon ang imong WP theme adunay option function, mahimo nimong idugang ang CSS code sa ibabaw sa code box sa WP Theme Options → Customize Style → Custom Style.

• Gamit ug CSS stylesdisplay: wala;  itago ang gipiho nga sulod,
• Dili makita pinaagi sa browser, ang tinago nga sulud wala magkuha og wanang,
• Kasagaran gigamit sa pagtago sa mga epekto sa JS, pagtago sa mga icon sa mga statistical code, ug uban pa.

Gipadako nga pagbasa:

• " Unsa ang kalainan tali sa CSS selector class ug id? id ug paggamit sa klase sa HTML"