Cum să ascunzi stilul CSS al temei WordPress? div tutorial de stil css ascuns

Cum să ascunzi stilul CSS pentru dată într-o temă WordPress ?

Tutorial de stil CSS ascuns DIV

Chen Weiliang a rafinat și optimizat recent șablonul site-ului web, ținând cont de SEO și de experiența utilizatorului.

Un profesionist din domeniul media a întrebat: Cum putem ascunde o anumită pictogramă sau o dată într-o temă WordPress?

Răspunsul este să ascundeți stilurile cu CSS:

.r-hide {display：none;}

Stilurile ascunse CSS pot realiza:

• 1) Text ascuns
• 2) Ascundeți hyperlinkurile (linkuri negre)
• 3) Ascunde codul statistic
• 4) Ascunde pictograma

În primul rând, trebuie să găsim selectoare CSS.

Ce sunt selectoarele CSS?

Definiția fiecărui stil CSS constă din 2 părți:

选择器{样式}

• Partea dinaintea lui {} este „selectorul”.
• „Selectorul” indică „stilul” obiectului {}.
• Comentarii pe ce element al paginii funcționează acest „stil”?

Cum să găsiți selectoare CSS?

Exemplul de cod 1

Următorul este un exemplu de animație GIF. După ce găsiți selectorul CSS prin browser, data este ascunsă▼

Obțineți selectoare CSS time.the-date După aceea, adăugați următorul cod CSS în fișierul style.css al temei WP:

time.the-date {
 display: none;
}

Exemplul de cod 2

Iată cum să selectați și să stilați un element cu class="r-hide":

.r-hide {display：none;}

Dacă tema ta WP are o funcție de opțiuni, poți adăuga codul CSS de mai sus în caseta de cod din Opțiuni temă WP → Personalizare stil → Stil personalizat.

• Utilizați stiluri CSSafișaj: niciunul;  ascunde conținutul specificat,
• Invizibil prin browser, conținutul ascuns nu ocupă spațiu,
• De obicei, folosit pentru a ascunde efectele JS, a ascunde pictogramele codurilor statistice etc.

Lectură suplimentară:

• Care este diferența dintre clasa selector CSS și id? ID-ul și utilizarea clasei în HTMLMatei 22:21