Hvordan legge til IE7 Stilark i Thesis

En av de mest plagsomme problemene Webdesignere står overfor når du skriver stiler for et gitt nettsted design er å sørge for at siden ser det samme på tvers av flere nettlesere. Internet Explorer er kjent for å tolke CSS-regler annerledes enn andre nettlesere, for eksempel Safari og Firefox, og krever ofte sine egne stilark eller CSS erklæringer for å overvinne forskjellene. Mesteparten av dette arbeidet er gjort for deg med WordPress temaer, som Thesis, men som nettlesere og webstandarder utvikle seg raskere enn de Temaer er oppdatert, må du kanskje legge til dine egne Internet Explorer stiler.

Bruksanvisning

1 Last ned et eksemplar av temaet mappen Thesis til skrivebordet. Åpne mappen og deretter åpne "lib" og "klasser" mapper.

2 Åpne "head.php" filen i en tekst eller HTML editor. Denne filen kontrollerer inline stiler for overskriften på Thesis tema, samt hvordan stilark blir vedtatt. Rundt linje 142, kan du se hver del av regelverk for HTML "link" tags normalt finnes på toppen av hver webside. Den spesielle Internet Explorer stilark er inkludert bruker betinget utsagn som bare Internet Explorer kan lese. Du kan redigere disse filene direkte, men oppdaterer Thesis vil overskrive endringene, derfor er det bedre å bruke tilpasset stilark alternativet.

3 Gå tilbake til Thesis dem mappen og åpne "custom.css" ligger i "custom-sample" -mappen. Tilbake til "lib" -mappen og åpne "css" -mappen. Åpne "ie.css" filen for å vise eksisterende Internet Explorer stiler for referanse. Kopier hver regel du ønsker å endre fra ie.css eller Style.css filer i custom.css. Legg skikken velgeren til begynnelsen av hver. Ved å bruke "custom" klasse, er du skape mer spesifikke CSS erklæringer for HTML-elementer du ønsker å gjennomføre. Dette lar deg lage din nettleser stiler ved hjelp av CSS hacks.

4 Koble deg til webserveren og åpne Thesis tema-mappen under "wp-innhold." Endre navn på "custom-sample" mappen til "tilpasset", og deretter laste opp nye "custom.css" fil til denne mappen.

5 Få tilgang til Thesis alternativer siden i WordPress administrasjonspanel og utvide "Custom Sylesheets" under "Design tilpassinger." Sjekk muligheten for «Bruk tilpasset stilark" og klikk på "Lagre" -knappen. Du kan finjustere stil ytterligere ved hjelp av tilpassede stilen redaktøren hvis nødvendig.

Hint

• Revurdere dine spesielle stiler etter hver oppdatering av Thesis eller Internet Explorer for å sørge for at de fortsatt gjelder og fjerne elementer du ikke lenger trenger. Hvis du foretrekker å ikke bruke CSS hacks i det hele tatt, og vil heller bruke de betingede stiler, kan du redigere ie.css filen direkte og overskrive den versjonen på serveren din. Du må laste opp filen hver gang Thesis er oppdatert, men denne metoden kan vise seg mer idiotsikker.