Hvordan konvertere en WordPress mal til Fluid Bredde

WordPress maler eller temaer, bruke et stilark for å definere design. Fluid bredde temaer justere for å imøtekomme ulike skjermoppløsninger. For eksempel sette væsken bredden til 80 prosent, og uansett hva skjermoppløsning de besøkende bruke temaet vil ta opp 80 prosent av skjermen. Dette bidrar til å gi din WordPress nettstedet en konsistent forhold layout på tvers av ulike skjermer. Konvertere et tema til væske bredde med en tweak av CSS-koden.

Bruksanvisning

1 Åpne tema-mappen WordPress på datamaskinen. Du lastet ned og installert tema på et tidspunkt i fortiden. Hvis du har slettet kopien på datamaskinen etter at du har lastet opp temaet på nettstedet ditt, laste ned en kopi fra hvilken som helst nettside gitt tema.

2 Se etter filen "style.css" og dobbeltklikk for å åpne den. Hvis du blir bedt om å velge et program for å åpne den med, velger Notisblokk (Windows) eller TextEdit (Mac). Enhver Web design program vil også fungere, men Notepad og TextEdit er lett å lese koden.

3 bla nøye gjennom filen for noen linjer med kode merket "width: 000px;" hvor 000 kan være noen tall. Du kommer til å endre px verdier til prosentverdier.

4 Bestem hva prosenter du vil bruke. Mange WordPress maler eller temaer, har tre grunnleggende deler: en "#header" delen definerer den horisontale området øverst på siden, en "#main" -delen der innleggene vises, og en eller flere "#sidebar" seksjoner. Overskriften er ofte satt til 100%, mens hoveddelen er 80% og sidepanelet 20% hvis det er bare én.

5 Endre hver "000px" verdi til prosent verdien du valgte. Ved å bruke eksempelet ovenfor, vil du skrive "width: 100%;" i #header delen, "width: 80%;" henhold #main og "width: 20%;" henhold #sidebar. Utelate anførselstegn.

6 Lagre filen og laste opp den nye "style.css" filen til ditt nettsted. Bruk uansett metode du vanligvis bruker til å laste opp. Besøk nettstedet på nettet for å se endringene. Hit refresh-knappen for å laste siden på nytt hvis du ikke merke endringen med en gang.

Hint

• Den "#header" delen definerer den bredeste delen av nettstedet ditt, det er derfor det er generelt definert som 100%. De andre delene bør legge opp til 100%, så de stiller seg opp i bredden på spissen. Hvis du har to kolonner, kan du vurdere å sette hoved bredde til 60% og hver kolonne til 20% hver.
• Noen design har bunntekst og flere kolonner. Sjekk dine prosenter nøye for å sikre at de legger opp til 100 eller siden vil ikke vises riktig på nettet.