वर्डप्रेस थीम तारीख सीएसएस शैली कशी लपवायची? div hidden css शैली ट्यूटोरियल

१वर्डप्रेसथीम तारीख CSS शैली?

DIV लपवलेले CSS शैली ट्यूटोरियल

चेन वेइलांगअलीकडे, वेबसाइट टेम्पलेट सुधारित आणि ऑप्टिमाइझ केले गेले आहे, आणि हे देखील विचारात घेण्यासाठी केले आहेएसइओवापरकर्ता अनुभव.

आहेनवीन माध्यमलोकांनी विचारले:जर आपल्याला वर्डप्रेस थीमची विशिष्ट चिन्ह, तारीख लपवायची असेल तर?

CSS सह शैली लपवणे हे उत्तर आहे:

.r-hide {display：none;}

CSS लपविलेल्या शैली साध्य करू शकतात:

• 1) लपलेला मजकूर
• २) हायपरलिंक्स लपवा (ब्लॅक लिंक्स)
• 3) सांख्यिकी कोड लपवा
• 4) चिन्ह लपवा

प्रथम, आपल्याला CSS निवडक शोधण्याची आवश्यकता आहे.

CSS निवडक काय आहेत?

प्रत्येक CSS शैलीच्या व्याख्येमध्ये 2 भाग असतात:

选择器{样式}

• {} च्या आधीचा भाग "निवडक" आहे.
• "निवडक" {} ऑब्जेक्टची "शैली" दर्शवतो.
• ही "शैली" पृष्ठाच्या कोणत्या घटकावर काम करते?

CSS निवडक कसे शोधायचे?

कोड उदाहरण 1

खाली GIF अॅनिमेशनचे उदाहरण आहे. ब्राउझरद्वारे CSS निवडक शोधल्यानंतर, तारीख लपवली जाते▼

CSS निवडक मिळवा time.the-date त्यानंतर, WP थीमच्या style.css फाईलमध्ये खालील CSS कोड जोडा:

time.the-date {
 display: none;
}

कोड उदाहरण 2

class="r-hide" सह घटक कसे निवडायचे आणि शैली कशी करायची ते येथे आहे:

.r-hide {display：none;}

WP थीमला पर्याय असल्यास, तुम्ही वर CSS कोड जोडू शकताWP थीम पर्याय → सानुकूलित शैली → सानुकूलित कराशैली कोड बॉक्स.

• CSS शैली वापराप्रदर्शन: काहीही नाही;  निर्दिष्ट सामग्री लपवा,
• ब्राउझरद्वारे अदृश्य, लपलेली सामग्री जागा घेत नाही,
• सहसा JS प्रभाव लपवण्यासाठी, सांख्यिकीय कोडचे चिन्ह लपवण्यासाठी वापरले जाते.

विस्तारित वाचन:

• " सीएसएस सिलेक्टर क्लास आणि आयडीमध्ये काय फरक आहे? HTML मध्ये id आणि वर्ग वापर"