Innholdsfortegnelse
Ganske vanlige forespørsler er knyttet til å skjule spesifikke deler på nettstedet som ikke har sin egen av/på-knapp på administratorsiden. Ettersom det ikke er mulig å ha temaadministratorknapper for hver detalj på frontend, kan du ganske enkelt skjule uønskede deler ved hjelp av CSS hvis du ikke er kjent med redigering av HTML-koder for å fjerne delen i det hele tatt.
Finn delen som skal fjernes
Du kan bruke nettleserens utviklingsverktøy til å finne den nøyaktige delen du vil fjerne.
La oss si at du vil fjerne delen med dato og forfatter under blogginnlegget ved å høyreklikke på denne delen Inspect Element og åpne nettleserens utviklerverktøy:
Når du beveger musepekeren over kildekoden, kan du se en uthevet del av siden som refererer til en linje i kildekoden under musepekeren:
På denne måten kan du finne den delen du ønsker å skjule - for eksempel ved å vise til skjermbildene ovenfor om det er alle seksjoner med dato og forfatter, eller bare datoseksjonen, eller bare forfatterseksjonen.
Skriv CSS for å skjule valgt seksjon
Når du har valgt en del du vil skjule, kan du bruke ID- eller CLASS-attributtet til den valgte HTML-taggen i dine egne CSS-stiler, eller bruke den nøyaktige CSS-velgeren som temaet bruker for denne taggen. CSS-velgeren for den valgte taggen som brukes av temaet, finner du på høyre side av nettleserens utviklerverktøy.
Hvis du for eksempel har bestemt deg for å fjerne hele delen med dato og forfatter, er velgeren som brukes av temaet: .elm-posts-main .item .item-info
CSS-stil for å skjule HTML-taggen på siden er "display: none;", du kan også bruke !important for å forhindre ytterligere overskriving av CSS-stilen med en annen CSS.
Så den endelige CSS-stilen for å skjule delen med dato og forfatter blir:
.elm-posts-main .item .item-info {
display: none !important;
}
Legg til tilpasset CSS-kode i Customizer
Du kan legge til den tilpassede CSS-koden i Utseende > Tilpass > Tilleggs-CSS
Etter publisering kan du sjekke det på nettstedet ditt:
