Kif taħbi l-istil CSS tad-data tat-tema ta 'WordPress? div hidden css stil tutorja

如何 隐藏WordPressStil CSS tad-data tat-tema?

Tutorja tal-istil CSS moħbi DIV

Chen WeiliangRiċentement, il-mudell tal-websajt ġie mtejjeb u ottimizzat, u dan isir ukoll biex jittieħed kontSEOesperjenza tal-utent.

Jkollhommidja ġdidaIn-nies staqsew:X'jiġri jekk irridu naħbu ċerta ikona, data ta 'tema WordPress?

It-tweġiba hija li taħbi l-istili b'CSS:

.r-hide {display：none;}

L-istili moħbija CSS jistgħu jiksbu:

• 1) Test moħbi
• 2) Aħbi hyperlinks (links suwed)
• 3) Aħbi l-kodiċi statistiku
• 4) Aħbi l-ikona

L-ewwel, irridu nsibu seletturi tas-CSS.

X'inhuma s-seletturi tas-CSS?

Id-definizzjoni ta' kull stil CSS tikkonsisti f'2 partijiet:

选择器{样式}

• Il-parti qabel {} hija s-"selettur".
• Is-"selettur" jindika l-"istil" tal-oġġett {}.
• Kummenti dwar liema element tal-paġna jaħdem dan l-"istil"?

Kif issib is-seletturi tas-CSS?

Kodiċi Eżempju 1

Dan li ġej huwa eżempju ta' animazzjoni GIF. Wara li ssib is-selettur tas-CSS permezz tal-browser, id-data hija moħbija▼

Ikseb seletturi CSS time.the-date Wara dan, żid il-kodiċi CSS li ġej mal-fajl style.css tat-tema WP:

time.the-date {
 display: none;
}

Kodiċi Eżempju 2

Hawn kif tagħżel u tfassal element bi class="r-hide":

.r-hide {display：none;}

Jekk it-tema WP għandha għażliet, tista 'żżid il-kodiċi CSS ta' hawn fuq mal-Għażliet tat-Tema WP → Ippersonalizza l-Istil → Ippersonalizzakaxxa tal-kodiċi tal-istil.

• Uża stili CSSwiri: xejn;  aħbi l-kontenut speċifikat,
• Inviżibbli permezz tal-browser, il-kontenut moħbi ma jieħux spazju,
• Normalment jintuża biex jaħbi l-effetti JS, jaħbi ikoni ta 'kodiċi statistiċi, eċċ.

Aktar qari:

• " X'inhi d-differenza bejn il-klassi tas-selettur CSS u l-id? id u l-użu tal-klassi fl-HTML"