ورڈپریس تھیم ڈیٹ سی ایس ایس اسٹائل کو کیسے چھپائیں؟ div پوشیدہ سی ایس ایس اسٹائل ٹیوٹوریل

کیسے چھپانا ہےWordPressتھیم کی تاریخ سی ایس ایس سٹائل؟

DIV پوشیدہ سی ایس ایس اسٹائل ٹیوٹوریل

چن ویلیانگحال ہی میں، ویب سائٹ ٹیمپلیٹ کو بہتر اور بہتر بنایا گیا ہے، اور یہ بھی اس بات کو مدنظر رکھتے ہوئے کیا گیا ہےSEOصارف کا تجربہ.

有نیا میڈیالوگوں نے پوچھا:کیا ہوگا اگر ہم ورڈپریس تھیم کے ایک مخصوص آئیکن، تاریخ کو چھپانا چاہتے ہیں؟

جواب سی ایس ایس کے ساتھ اسٹائل کو چھپانا ہے:

.r-hide {display：none;}

سی ایس ایس کی پوشیدہ طرزیں حاصل کر سکتی ہیں:

• 1) پوشیدہ متن
• 2) ہائپر لنکس چھپائیں (سیاہ لنکس)
• 3) شماریاتی کوڈ چھپائیں۔
• 4) آئیکن چھپائیں۔

سب سے پہلے، ہمیں CSS سلیکٹرز تلاش کرنے کی ضرورت ہے۔

سی ایس ایس سلیکٹرز کیا ہیں؟

ہر سی ایس ایس طرز کی تعریف 2 حصوں پر مشتمل ہے:

选择器{样式}

• {} سے پہلے کا حصہ "سلیکٹر" ہے۔
• "سلیکٹر" {} آبجیکٹ کے "اسٹائل" کی نشاندہی کرتا ہے۔
• یہ "انداز" صفحہ کے کس عنصر پر کام کرتا ہے؟

سی ایس ایس سلیکٹرز کو کیسے تلاش کریں؟

کوڈ کی مثال 1

مندرجہ ذیل ایک GIF اینیمیشن کی ایک مثال ہے۔ براؤزر کے ذریعے CSS سلیکٹر کو تلاش کرنے کے بعد، تاریخ چھپی ہوئی ہے▼

CSS سلیکٹرز حاصل کریں۔ time.the-date اس کے بعد، WP تھیم کی style.css فائل میں درج ذیل CSS کوڈ شامل کریں:

time.the-date {
 display: none;
}

کوڈ کی مثال 2

یہاں کلاس="r-hide" کے ساتھ عنصر کو منتخب کرنے اور اسٹائل کرنے کا طریقہ ہے:

.r-hide {display：none;}

اگر WP تھیم میں آپشنز ہیں، تو آپ مندرجہ بالا CSS کوڈ میں شامل کر سکتے ہیں۔WP تھیم کے اختیارات → اپنی مرضی کے مطابق انداز → اپنی مرضی کے مطابق بنائیںسٹائل کوڈ باکس.

• CSS اسٹائل استعمال کریں۔ڈسپلے: کوئی نہیں؛  مخصوص مواد کو چھپائیں،
• براؤزر کے ذریعے پوشیدہ، پوشیدہ مواد جگہ نہیں لیتا،
• عام طور پر JS اثرات کو چھپانے، شماریاتی کوڈز کی شبیہیں وغیرہ چھپانے کے لیے استعمال کیا جاتا ہے۔

پڑھنے میں توسیع:

• " سی ایس ایس سلیکٹر کلاس اور آئی ڈی میں کیا فرق ہے؟ HTML میں id اور کلاس کا استعمال"