ورڈپریس تھیم جي تاريخ CSS انداز کي ڪيئن لڪائي؟ div لڪيل سي ايس ايس اسٽائل ٽيوٽوريل

ورڈپریس ٿيم ۾ تاريخ CSS انداز کي ڪيئن لڪايو وڃي ؟

DIV لڪيل CSS طرز جو سبق

چن ويليانگ تازو ئي ويب سائيٽ ٽيمپليٽ کي بهتر ۽ بهتر بڻائي رهيو آهي، ايس اي او ۽ صارف جي تجربي کي نظر ۾ رکڻ لاءِ ائين ڪري رهيو آهي .

هڪ نئين ميڊيا پروفيشنل پڇيو: اسان ورڈپریس ٿيم ۾ هڪ مخصوص آئڪن يا تاريخ ڪيئن لڪائي سگهون ٿا؟

جواب سي ايس ايس سان اندازن کي لڪائڻ آهي:

.r-hide {display：none;}

CSS پوشیدہ انداز حاصل ڪري سگھن ٿا:

• 1) پوشیدہ متن
• 2) هائپر لنڪس لڪايو (ڪارو لنڪس)
• 3) شمارياتي ڪوڊ لڪايو
• 4) لڪايو آئڪن

پهرين، اسان کي سي ايس ايس چونڊيندڙ ڳولڻ جي ضرورت آهي.

سي ايس ايس چونڊيندڙ ڇا آهن؟

هر CSS طرز جي تعريف 2 حصن تي مشتمل آهي:

选择器{样式}

• {} کان اڳ وارو حصو "چونڊيندڙ" آھي.
• "چونڊيندڙ" اشارو ڪري ٿو "انداز" جو {} اعتراض.
• تبصرا صفحي جي ڪهڙي عنصر تي هي "انداز" ڪم ڪندو آهي؟

سي ايس ايس چونڊيندڙن کي ڪيئن ڳولجي؟

ڪوڊ مثال 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 اثرن کي لڪائڻ لاءِ استعمال ڪيو ويندو آهي، شمارياتي ڪوڊ جا آئڪن لڪائڻ وغيره.

توسيع پڙهڻ:

• " CSS سليڪٽر ڪلاس ۽ id جي وچ ۾ ڇا فرق آهي؟ HTML ۾ id ۽ ڪلاس جو استعمال"