වර්ඩ්ප්‍රෙස් තේමා දිනය CSS විලාසය සඟවන්නේ කෙසේද? div සැඟවුණු css විලාසිතාවේ නිබන්ධනය

කොහොමද හංගන්නේ කියලාවර්ඩ්ප්රෙස්තේමා දිනය CSS විලාසය?

DIV සැඟවුණු CSS මෝස්තර නිබන්ධනය

චෙන් වේලියාංමෑතකදී, වෙබ් අඩවියේ අච්චුව වැඩිදියුණු කර ප්‍රශස්තිකරණය කර ඇති අතර, මෙයද සැලකිල්ලට ගත යුතුයSEOපරිශීලක අත්දැකීම්.

ඇතනව මාධ්‍යමිනිස්සු ඇහුවා:අපට වර්ඩ්ප්‍රෙස් තේමාවක නිශ්චිත නිරූපකයක්, දිනය සැඟවීමට අවශ්‍ය නම් කුමක් කළ යුතුද?

පිළිතුර CSS සමඟ මෝස්තර සැඟවීමයි:

.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 තේමා විකල්ප → Customize Style → Customizeවිලාස කේත පෙට්ටිය.

• CSS මෝස්තර භාවිතා කරන්නdisplay: none;  නිශ්චිත අන්තර්ගතය සඟවන්න,
• බ්‍රවුසරය හරහා නොපෙනෙන, සැඟවුණු අන්තර්ගතය ඉඩ නොගනී,
• සාමාන්‍යයෙන් JS ප්‍රයෝග සැඟවීමට, සංඛ්‍යාන කේතවල අයිකන සැඟවීමට, ආදිය භාවිතා කරයි.

දිගු කියවීම:

• " CSS තේරීම් පන්තිය සහ id අතර වෙනස කුමක්ද? HTML හි id සහ පන්ති භාවිතය"