વર્ડપ્રેસ થીમ તારીખ CSS સ્ટાઈલ કેવી રીતે છુપાવવી? div છુપાયેલ CSS શૈલી ટ્યુટોરીયલ

વર્ડપ્રેસ થીમમાં તારીખ CSS શૈલી કેવી રીતે છુપાવવી ?

DIV છુપાયેલ CSS શૈલી ટ્યુટોરીયલ

ચેન વેઇલિયાંગ તાજેતરમાં વેબસાઇટ ટેમ્પ્લેટને રિફાઇન અને ઑપ્ટિમાઇઝ કરી રહ્યા છે, જેથી SEO અને વપરાશકર્તા અનુભવને ધ્યાનમાં લઈ શકાય.

એક નવા મીડિયા પ્રોફેશનલે પૂછ્યું: આપણે WordPress થીમમાં ચોક્કસ આઇકન અથવા તારીખ કેવી રીતે છુપાવી શકીએ?

જવાબ એ છે કે સીએસએસ સાથે શૈલીઓ છુપાવવી:

.r-hide {display：none;}

CSS છુપાયેલ શૈલીઓ પ્રાપ્ત કરી શકે છે:

• 1) છુપાયેલ ટેક્સ્ટ
• 2) હાઇપરલિંક્સ છુપાવો (બ્લેક લિંક્સ)
• 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 અસરો છુપાવવા, આંકડાકીય કોડના ચિહ્નો છુપાવવા વગેરે માટે વપરાય છે.

વિસ્તૃત વાંચન:

• " CSS પસંદગીકાર વર્ગ અને id વચ્ચે શું તફાવત છે? HTML માં id અને વર્ગનો ઉપયોગ"