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

如何 隐藏વર્ડપ્રેસથીમ તારીખ CSS શૈલી?

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

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

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

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

.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 અને વર્ગનો ઉપયોગ"