Kiel kaŝi WordPress-teman daton CSS-stilon? div kaŝita css-stila lernilo

kiel kaŝiWordPressTemo dato CSS stilo?

DIV kaŝita CSS-stila lernilo

Chen WeiliangLastatempe, la retejo-ŝablono estis plibonigita kaj optimumigita, kaj ĉi tio ankaŭ estas farita por konsideriSEOsperto de uzanto.

Havinovaj amaskomunikilojHomoj demandis:Kio se ni volas kaŝi certan ikonon, daton de WordPress-temo?

La respondo estas kaŝi la stilojn per CSS:

.r-hide {display：none;}

CSS kaŝitaj stiloj povas atingi:

• 1) Kaŝita teksto
• 2) Kaŝi hiperligilojn (nigraj ligiloj)
• 3) Kaŝi statistikan kodon
• 4) Kaŝi ikonon

Unue, ni devas trovi CSS-elektilojn.

Kio estas CSS-elektiloj?

La difino de ĉiu CSS-stilo konsistas el 2 partoj:

选择器{样式}

• La parto antaŭ {} estas la "elektilo".
• La "elektilo" indikas la "stilon" de la {} objekto.
• Komentoj pri kiu elemento de la paĝo funkcias ĉi tiu "stilo"?

Kiel trovi CSS-elektilojn?

Ekzemplo de kodo 1

La sekva estas ekzemplo de GIF-animacio. Post trovi la CSS-elektilon per la retumilo, la dato estas kaŝita▼

Akiru CSS-elektilojn time.the-date Post tio, aldonu la sekvan CSS-kodon al la style.css-dosiero de la WP-temo:

time.the-date {
 display: none;
}

Ekzemplo de kodo 2

Jen kiel elekti kaj stiligi elementon per class="r-hide":

.r-hide {display：none;}

Se la WP-temo havas eblojn, vi povas aldoni la supran CSS-kodon al laWP-temo-Ebloj → Agordu Stilon → Agordustilkoda skatolo.

• Uzu CSS-stilojnmontriĝo: neniu;  kaŝi la specifitan enhavon,
• Nevidebla per la retumilo, kaŝita enhavo ne okupas spacon,
• Kutime uzata por kaŝi JS-efektojn, kaŝi ikonojn de statistikaj kodoj, ktp.

Plilongigita legado:

• " Kio estas la diferenco inter CSS-elektilklaso kaj id? id kaj klasuzo en HTML"