Paano itago ang estilo ng CSS ng petsa ng tema ng WordPress? div hidden css style tutorial

paano magtagoWordPressEstilo ng CSS ng petsa ng tema?

DIV nakatagong CSS style tutorial

Chen WeiliangKamakailan, ang template ng website ay napabuti at na-optimize, at ito ay ginagawa din upang isaalang-alangSEOkaranasan ng gumagamit.

有bagong mediaNagtanong ang mga tao:Paano kung gusto nating itago ang isang partikular na icon, petsa ng isang tema ng WordPress?

Ang sagot ay itago ang mga istilo gamit ang CSS:

.r-hide {display：none;}

Maaaring makamit ng mga nakatagong istilo ng CSS ang:

• 1) Nakatagong text
• 2) Itago ang mga hyperlink (mga itim na link)
• 3) Itago ang statistical code
• 4) Itago ang icon

Una, kailangan nating maghanap ng mga tagapili ng CSS.

Ano ang mga tagapili ng CSS?

Ang kahulugan ng bawat istilo ng CSS ay binubuo ng 2 bahagi:

选择器{样式}

• Ang bahagi bago ang {} ay ang "selector".
• Ang "selector" ay nagpapahiwatig ng "estilo" ng {} object.
• Mga komento sa kung aling elemento ng page ang gumagana nitong "estilo"?

Paano makahanap ng mga tagapili ng CSS?

Halimbawa ng code 1

Ang sumusunod ay isang halimbawa ng GIF animation. Pagkatapos mahanap ang CSS selector sa pamamagitan ng browser, nakatago ang petsa▼

Kumuha ng mga tagapili ng CSS time.the-date Pagkatapos nito, idagdag ang sumusunod na CSS code sa style.css file ng WP theme:

time.the-date {
 display: none;
}

Halimbawa ng code 2

Narito kung paano pumili at mag-istilo ng isang elemento na may class="r-hide":

.r-hide {display：none;}

Kung may mga opsyon ang tema ng WP, maaari mong idagdag ang CSS code sa itaas saMga Opsyon sa Tema ng WP → I-customize ang Estilo → I-customizekahon ng style code.

• Gumamit ng mga istilo ng CSSdisplay: wala;  itago ang tinukoy na nilalaman,
• Hindi nakikita sa pamamagitan ng browser, ang nakatagong nilalaman ay hindi tumatagal ng espasyo,
• Karaniwang ginagamit upang itago ang mga JS effect, itago ang mga icon ng mga statistical code, atbp.

Pinalawak na pagbabasa:

• " Ano ang pagkakaiba sa pagitan ng CSS selector class at id? id at paggamit ng klase sa HTML"