Si të fshehni stilin CSS të datës së temës së WordPress? tutorial i stilit të fshehtë të div css

Si ta fshehësh datën në stilin CSS në një temë WordPress ?

Udhëzues i stilit të fshehur CSS të DIV

Kohët e fundit, Chen Weiliang ka qenë duke përmirësuar dhe optimizuar shabllonin e faqes së internetit, duke marrë parasysh SEO- në dhe përvojën e përdoruesit.

Një profesionist i ri i medias pyeti: Si mund ta fshehim një ikonë ose datë specifike në një temë WordPress?

Përgjigja është të fshehni stilet me CSS:

.r-hide {display：none;}

Stilet e fshehura CSS mund të arrijnë:

• 1) Teksti i fshehur
• 2) Fshih lidhjet (lidhjet e zeza)
• 3) Fshih kodin statistikor
• 4) Fshih ikonën

Së pari, ne duhet të gjejmë përzgjedhësit CSS.

Çfarë janë përzgjedhësit CSS?

Përkufizimi i çdo stili CSS përbëhet nga 2 pjesë:

选择器{样式}

• Pjesa para {} është "zgjedhësi".
• "Zgjedhësi" tregon "stilin" e objektit {}.
• Komentoni në cilin element të faqes funksionon ky "stil"?

Si të gjeni përzgjedhësit CSS?

Shembulli i kodit 1

Më poshtë është një shembull i një animacioni GIF. Pas gjetjes së përzgjedhësit CSS përmes shfletuesit, data fshihet ▼

Merrni përzgjedhësit CSS time.the-date Pas kësaj, shtoni kodin e mëposhtëm CSS në skedarin style.css të temës WP:

time.the-date {
 display: none;
}

Shembulli i kodit 2

Ja se si të zgjidhni dhe stiloni një element me class="r-hide":

.r-hide {display：none;}

Nëse tema juaj WP ka një funksion opsionesh, mund ta shtoni kodin CSS të mësipërm në kutinë e kodit te Opsionet e Temës WP → Personalizo Stilin → Stil i Personalizuar.

• Përdorni stilet CSSshfaqja: asnjë;  fsheh përmbajtjen e specifikuar,
• E padukshme përmes shfletuesit, përmbajtja e fshehur nuk zë hapësirë,
• Zakonisht përdoret për të fshehur efektet JS, për të fshehur ikonat e kodeve statistikore, etj.

Leximi më tej:

• " Cili është ndryshimi midis klasës së përzgjedhësit CSS dhe ID-së? id dhe përdorimi i klasës në HTML"