WordPress विषयवस्तु मिति CSS शैली कसरी लुकाउने? div लुकेको सीएसएस शैली ट्यूटोरियल

कसरी लुकाउनेWordPressविषय मिति CSS शैली?

DIV लुकेको CSS शैली ट्यूटोरियल

चेन वेइलाङभर्खरै, वेबसाइट टेम्प्लेट सुधार गरिएको छ र अप्टिमाइज गरिएको छ, र यो पनि खातामा लिनको लागि गरिन्छ।एसईओप्रयोगकर्ता अनुभव।

छनयाँ मिडियामानिसहरूले सोधे:के हुन्छ यदि हामी एक निश्चित आइकन लुकाउन चाहन्छौं, WordPress विषयवस्तुको मिति?

जवाफ CSS को साथ शैलीहरू लुकाउनु हो:

.r-hide {display：none;}

CSS लुकेका शैलीहरू हासिल गर्न सक्छन्:

• 1) लुकेको पाठ
• २) हाइपरलिङ्कहरू लुकाउनुहोस् (कालो लिङ्कहरू)
• 3) सांख्यिकीय कोड लुकाउनुहोस्
• 4) आइकन लुकाउनुहोस्

पहिले, हामीले CSS चयनकर्ताहरू फेला पार्न आवश्यक छ।

CSS चयनकर्ताहरू के हुन्?

प्रत्येक CSS शैलीको परिभाषामा २ भागहरू हुन्छन्:

选择器{样式}

• {} अघिको भाग "चयनकर्ता" हो।
• "चयनकर्ता" ले {} वस्तुको "शैली" लाई संकेत गर्छ।
• पृष्ठको कुन तत्वमा यो "शैली" काम गर्दछ टिप्पणीहरू?

CSS चयनकर्ताहरू कसरी फेला पार्ने?

कोड उदाहरण १

निम्न GIF एनिमेसनको उदाहरण हो। ब्राउजर मार्फत CSS चयनकर्ता फेला पारेपछि, मिति लुकाइएको छ▼

CSS चयनकर्ताहरू प्राप्त गर्नुहोस् time.the-date त्यस पछि, WP विषयवस्तुको style.css फाइलमा निम्न CSS कोड थप्नुहोस्:

time.the-date {
 display: none;
}

कोड उदाहरण १

यहाँ class="r-hide" को साथ एउटा तत्व चयन गर्ने र शैली बनाउने तरिका यहाँ छ:

.r-hide {display：none;}

यदि WP विषयवस्तुसँग विकल्पहरू छन् भने, तपाइँ माथिको CSS कोड थप्न सक्नुहुन्छWP विषयवस्तु विकल्पहरू → अनुकूलित शैली → अनुकूलन गर्नुहोस्शैली कोड बक्स।

• CSS शैलीहरू प्रयोग गर्नुहोस्प्रदर्शन: कुनै पनि;  निर्दिष्ट सामग्री लुकाउनुहोस्,
• ब्राउजर मार्फत अदृश्य, लुकेको सामग्रीले ठाउँ लिँदैन,
• सामान्यतया JS प्रभावहरू लुकाउन, सांख्यिकीय कोडहरूको आइकनहरू लुकाउन प्रयोग गरिन्छ।

विस्तारित पठन:

• " CSS चयनकर्ता वर्ग र आईडी बीच के भिन्नता छ? HTML मा आईडी र क्लास प्रयोग"