Endre farge av WordPress Theme

September 4

Når du endelig finner den perfekte WordPress layout, bør du ikke la feil fargevalget stoppe deg fra å plukke den opp. Så lenge fargene er definert i oppsett stilark, i motsetning til i grafiske elementer, vil du være i stand til å endre fargevalget på layouten. For å endre stil ark, må du ha en grunnleggende forståelse av CSS og føler deg komfortabel å modifisere en viktig layout dokument.

Bruksanvisning

1 Bestem hva du fargene du vil bruke; kopiere eller skrive ned de seks-sifret heksadesimal kode knyttet til hver farge. Hver farge har en kode laget av seks bokstaver og / eller tall; hvit bruker #FFFFFF mens svart bruker # 000000. Det er mange forskjellige nettsteder dedikert til farger og kombinasjoner, for eksempel farge Lovers eller YaflaColor.

2 Åpne din WordPress dashbordet og gå til "Utseende" og deretter "Editor". Dette vil vise deg en liste over alle malene og sider som er relevante for ditt nettsted.

3 Velg "stilark (style.css)" fra under "Styles" subhead. Avhengig av din bestemt mal stilark kan ha et annet navn, men vil alltid ha en fil type "CSS".

4 Kopier og lim hele uendrede innholdet i standard stilark dokument. Du kan gjøre dette ved å klikke hvor som helst i WordPress redaktør og trykke "Ctrl" og "A" på tastaturet og deretter trykke "Ctrl" og "C" Åpne et tomt tekstdokument, lime inn innholdet i gjeldende stilarket og lagre denne kopien på datamaskinen din. Denne kopien vil komme godt med hvis du bryter stilark og må gå tilbake til standardinnstillingene.

5 Gå tilbake til WordPress redaktør skjermen, og søke på stilark for "kroppen" tag. Det vil se ut som "BODY {" med en rekke egenskaper under den, etterfulgt av en "}" skilt. "Kroppen" delen er der du endrer ikke bare bildet bakgrunnen, men også tekstfarge.

6 Finn "bakgrunn" attributt i "kroppen" -delen. Hvis bakgrunnen er bare en farge, vil den bli formatert "bakgrunn: # 000000;".

7 Endre "# 000000" til den fargen du ønsker å bruke for den nye bakgrunnen. For å endre fargen på teksten, finn "farge" tag, formatert "color: # 000000;" og endre hex-kode til din foretrukne tekstfarge. For å endre koblingen farger, finne kodene som starter med "en:" som "en: link {}", "a: besøkte {}", "a: hover {}" og "a: active {}" og endring hex-kode.

8 Finn resten av elementene som du vil endre. Hvordan disse elementene er kategorisert varierer drastisk mellom web-designere; en designer kan bruke IDer til å definere elementer (for eksempel "#header {}") mens en annen kan bare referere til generiske elementer som "table {}". Ethvert element med en farge hex koden kan endres; den beste måten å lære på er å eksperimentere forsiktig.

9 Lagre arbeidet ditt ofte ved hjelp av "Update File" knappen under teksteditor i WordPress.

Hint

Pass på at fargene du velger for nettstedet er komplementære og vil ikke belaste de besøkendes øyne.
CSS og HTML er bein av nettstedet ditt, en enkelt manglende eller feilplassert symbol kan bryte hele oppsettet. Vær forsiktig med å bare redigere de biter av nettstedet ditt du føler deg komfortabel endring.
Hver WordPress mal utvikleren gjør sitt CSS bare litt annerledes; mens syntaksen i CSS er universell, kan det være formatert litt annerledes for din spesielle layout.