Ինչպե՞ս թաքցնել WordPress թեմայի ամսաթիվը CSS ոճը: div թաքնված css ոճի ձեռնարկ

Ինչպե՞ս թաքցնել ամսաթվի CSS ոճը WordPress թեմայում։

DIV թաքնված CSS ոճի ձեռնարկ

Վերջերս Չեն Վեյլյանը կատարելագործել և օպտիմալացրել է կայքի ձևանմուշը՝ հաշվի առնելով SEO-ն և օգտագործողի փորձը։

Մեդիա մասնագետը հարցրեց. Ինչպե՞ս կարող ենք թաքցնել որոշակի պատկերակ կամ ամսաթիվ WordPress թեմայում։

Պատասխանը 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 թեմայի ընտրանքներ → Անհատականացնել ոճը → Անհատականացված ոճը բաժինների կոդի դաշտում։

• Օգտագործեք CSS ոճերըցուցադրում՝ ոչ մի;  թաքցնել նշված բովանդակությունը,
• Անտեսանելի բրաուզերի միջոցով, թաքնված բովանդակությունը տեղ չի զբաղեցնում,
• Սովորաբար օգտագործվում է JS էֆեկտները թաքցնելու, վիճակագրական կոդերի պատկերակները թաքցնելու և այլն:

Ընդլայնված ընթերցում.

• " Ո՞րն է տարբերությունը CSS ընտրիչ դասի և id-ի միջև: ID-ի և դասի օգտագործումը HTML-ում"