Tusaha Maqaalka
sida loo qariyoWordPressTaariikhda mawduuca qaabka CSS?
DIV tababbarka qaabka qarsoon ee CSS
Chen WeiliangDhawaan, qaab-dhismeedka shabakada waa la hagaajiyay oo la hagaajiyay, tani sidoo kale waxaa loo sameeyaa si loo tixgeliyoSEOwaayo -aragnimo user.
Lehwarbaahin cusubDadka ayaa weydiiyey:Maxaa dhacaya haddii aan rabno in aan qarinno calaamad gaar ah, taariikhda mawduuca WordPress?
Jawaabtu waa in lagu qariyo qaababka CSS:
.r-hide {display:none;}Qaababka qarsoon ee CSS ayaa gaari kara:
- 1) Qoraal qarsoon
- 2) Qari hyperlinks (links madow)
- 3) Qari koodhka tirakoobka
- 4) Qari astaanta
Marka hore, waxaan u baahanahay inaan helno xulayaasha CSS.
Waa maxay xulashada CSS?
Qeexida qaab kasta oo CSS ah waxa uu ka kooban yahay 2 qaybood:
选择器{样式}- Qaybta ka horeysa {} waa "dooriyaha".
- "dooriyaha" ayaa tilmaamaya "qaabka" shayga.
- Faallooyinka ku saabsan qaybta bogga ayaa "qaabka" ka shaqeeya?
Sidee loo helaa doorayaasha CSS?
Tusaalaha koodka 1
Kuwa soo socdaa waa tusaale GIF animation ka dib markii la helo xulashada CSS ee browserka, taariikhda waa la qarinayaa▼

Hel xulayaasha CSS time.the-date Intaa ka dib, ku dar koodka CSS ee soo socda faylka style.css ee mawduuca WP:
time.the-date {
display: none;
}Tusaalaha koodka 2
Waa kan sida loo doorto oo loo qaabeeyo curiye leh class="r-hide":
.r-hide {display:none;}Haddii mawduuca WP leeyahay doorashooyin, waxaad ku dari kartaa koodhka sare ee CSS-gaXulashada Mawduuca WP → Habbee Qaabka → Habeesanduuqa style code.
- Isticmaal qaababka CSSbandhig: midna; qari nuxurka la cayimay,
- Aan laga arki karin browser-ka, waxa qarsoon ma qaado meel bannaan,
- Caadi ahaan waxaa loo isticmaalaa in lagu qariyo saamaynta JS, la qariyo astaamaha koodka tirakoobka, iwm.
Akhrinta dheeraadka ah:
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) la wadaagay Sida loo qariyo Mawduuca WordPress Taariikhda CSS Qaababka? div secret css style tutorial" si ay kuu caawiyaan.
Ku soo dhawoow inaad wadaagto xiriirka maqaalkan:https://www.chenweiliang.com/cwl-608.html
