Hvordan bruke Vis kilde til å finne ut Wordpress stil Regler

Hvis du prøver å endre en Wordpress blogg tema og har problemer med å finne ut hvilke regler i stilarket gjelder for ulike deler av bloggen din side, her er en teknikk for å hjelpe deg å finne det ut.

Bruksanvisning

1 Åpne bloggen din i et nettleservindu.

2 Hvordan bruke Vis kilde til å finne ut Wordpress stil Regler

Plukk ut noe i den vanlige nettleseren visningen som du vil endre. Her er et bilde av et innlegg fra bloggen min. Anta at jeg ønsker å endre måten overskriftene ser. Overskriften i dette innlegget er: "WCAG 2.0 lansert som kandidat Anbefaling:. Test Drivers Wanted"

3 Bruk nettlesermenyen for å se siden kilden. Dette er et alternativ under Vis-menyen i de fleste nettlesere. Velg menykommandoen som sier "View Source".

Siden kilden vil åpne, og viser deg den underliggende HTML som bygget på siden.

4 Hvordan bruke Vis kilde til å finne ut Wordpress stil Regler

Finn en overskrift i Kilden. Den enkleste måten å hoppe gjennom alle den koden er å finne noen bestemt tekst, sier "WCAG 2.0 lansert som kandidat." Bruke menyen kan du velge Rediger> Søk og skriv inn uttrykket du leter etter for å hoppe umiddelbart til den delen av siden.

5 Her er hva jeg fant i bloggen min: Fra kilden jeg lære en rekke ting om overskriften og stiler. Jeg lærer at det er en h2, så kanskje endre h2 reglene vil gjøre hva jeg vil. Jeg ser også at h2 er tildelt klassen "entry-tittelen," så det kan være regelen jeg ønsker å se etter. De to ledetråder bør være nok til å hjelpe meg raskt finne det jeg leter etter. 6 Hvordan bruke Vis kilde til å finne ut Wordpress stil Regler


For en Wordpress blogg stilene er funnet i wp-content> tema> yourthemename> styles.css. Åpne styles.css og se etter indikasjonsordene du fant i siden kilden. I dette eksempelet så jeg for "entry-tittel." Stilene jeg fant i regelen du ser i bildet til å se ut som akkurat det jeg trenger å gjøre endringer i utseendet på mine overskrifter. Regelen i dette eksempelet styrer to forskjellige overskrifter. Hvis jeg ikke ønsker å endre dem begge, ville jeg trenger å skille stilene i to ulike regler.

Hint

  • Lag en sikkerhetskopi av styles.css filen før du begynner å gjøre endringer. Hvis du helt rote ting opp kan du alltid gå tilbake til den opprinnelige versjonen.