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

Paano itago ang istilo ng CSS ng petsa sa isang tema ng WordPress ?

DIV nakatagong CSS style tutorial

Kamakailan lamang ay pinagbuti at ino-optimize ni Chen Weiliang ang template ng website, ginagawa ito upang isaalang-alang ang SEO at karanasan ng gumagamit.

Isang bagong propesyonal sa media ang nagtanong: Paano natin maitatago ang isang partikular na icon o petsa sa isang WordPress theme?

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 ang iyong WP theme ay may option function, maaari mong idagdag ang CSS code sa itaas sa code box sa WP Theme Options → Custom Style → Custom Style.

• 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"