Share
Det er en kritisk komponent for en vellykket frilanskarriere å få et nettsted for å detaljere dine tjenester og presentere porteføljen din.
Med det store utvalget av WordPress-temaer av høy kvalitet er det ingen grunn til at du ikke kan ha en utmerket portefølje for ditt arbeid - selv om du ikke har hatt tidligere webutvikling. Ja, det kan du selv gjøre.
I denne opplæringen skal vi ta et premium WordPress-tema og arbeide gjennom hvert trinn i tilpasningsprosessen for å utvikle et nettsted for freelance-porteføljen din.
Her er to hensyn å huske på før du tar tak i denne opplæringen:
Å velge riktig WordPress-tema for porteføljen din kan være vanskelig. Jeg anbefaler at du starter med å bla gjennom listen over portefølje-temaer på Themeforest. For denne opplæringen bruker jeg Scope, designet av Orman Clark (en nylig "Power Elite" forfatter på Themeforest). Mens eksemplene vil være spesifikke for omfanget, gjelder de generelle prinsippene for hvilket tema du velger.
Kjøp og last ned temaet ditt og pakke ut pakken.
Ikke hopp over dette trinnet. Selv etter å ha fullført hundrevis av temainstallasjoner I fortsatt Les dokumentasjonen først. Selv om ikke all dokumentasjon er opprettet like, i flere tilfeller enn ikke, går temautvikleren til store lengder for å tilpasse temaet så smertefritt som mulig.
Logg inn på WordPress Admin og gå til Utseende> Temaer. Klikk på "Installer temaer" øverst til høyre i grensesnittet.
Deretter klikker du på Laste opp lenke og deretter Velg Fil. Bla til plasseringen til det nylig lastede temaet og velg tema zip-filen.
Merk: Pass på at zip-filen du laster opp inneholder bare det aktuelle temaet. De fleste premium temaene kommer pakket som en zip-fil med selve temaet zippet opp i den første pakken. Etter at du dekomprimerte filen du først lastet ned, se etter zip-filen med navnet på temaet.
Klikk nå Aktiver.
Med temaet aktivert, er det på tide å vurdere temaalternativer. Mens noen temaforfattere organiserer temaalternativer på en annen plassering, ii de fleste tilfeller kan du få tilgang til alternativene ved å gå til Utseende> Temaalternativer.
Utforsk alternativene og gjør deg kjent med tilpassingene som temaet tilbyr.
Med Scope-temaet er vårt utvalg av tilpasninger relativt begrenset - det er bare bra! Det er et flott tema utenom boksen. Vårt mål er å implementere noen stiloppdateringer og gjøre temaet vårt eget. Fra Temaalternativer gå til Styling Options.
For denne opplæringen skal vi takle tre forskjellige tilpasninger:
Scope-temaet kommer med en varm nyanse av gul for en høydepunktsfarge, som dukker opp i overskriften bak bildeteksten, som bakgrunnsfarge for ikonene i hele nettstedet, og på koblinger når du svinger over dem. Innenfor Styling Options legg til en farge via Høydepunkt og Linkfarge alternativ.
Du kan bruke Fargevelger eller skriv inn en fargekode manuelt. Jeg brukte Kuler.com for å finne en nydelig grønn jeg likte. To andre gode ressurser for å velge farger er ColorSchemeDesigner.com og ColourLovers.com.
Neste opp erstatter vi standard bakgrunnsfarge med et bakgrunnsbilde av vårt valg. Omfanget tilbyr flere alternativer for å jobbe med bakgrunnsbilder. For denne opplæringen skal vi legge til et repeterende mønster som fyller bakgrunnen. Velg først et bakgrunnsbilde og klikk Last opp bilde, da, under Standard bakgrunnsrepetisjon, velge Gjenta.
Bakgrunnsmønstre er en fin måte å gå på. Jeg fant dette mønsteret på SubtlePatterns.com, som er en utmerket sted for å finne mønstre som er gratis å bruke. En annen god ressurs er DinPattern.com.
Merk: Hvis du er interessert i å bruke fulle bakgrunnsbilder, sjekk ut PhotoDune.net - du kan få et flott, gratis bakgrunnsbilde for $ 3 eller $ 4, avhengig av hvilken størrelse du velger. Når du har valgt et bilde, angir du Standard bakgrunnsposisjontil Full skjerm.
Scope-temaet gir muligheten til å legge til vår egen Tilpasset CSS. Som en siste berøring skal vi endre bakgrunnsfargen på bunnteksten. Hexverdien er satt til # 222 som standard. La oss endre det til en litt lettere verdi av # 333.
Nå, hvis du er ny på CSS, kan det hende du ser ut som gresk. Ha ingen frykt! Du kan hoppe over den egendefinerte CSS helt eller, hvis du føler deg mer eventyrlystne, ta en titt på denne skjermbildet jeg legger sammen om hvordan du skal eksperimentere med stiler i Safari, Chrome og Firefox..
Utover det vi har dekket her, vil du også laste opp en logo eller bruke det enkle tekstlogoalternativet som Scope-temaet tilbyr. Omfanget gir også muligheten til å angi en "Overskrifttekst" som vises over navigasjonsmenyen. Dette kan være et flott sted å inkludere et telefonnummer eller en kort melding. Dette er også en god tid å slippe i hvilken som helst Analytics-sporingskode du har.
Hvis du vil gå enda lenger med tilpassinger til temaet, må du bevege deg utover temaalternativer. Først, hvis du ikke har tenkt å oppgradere temaet, kan du redigere temafilene direkte og gjøre endringer i koden. Hvis du vil ha muligheten til å oppgradere i fremtiden, kan du sette opp et barntema og gjøre endringene dine der (anbefales).
Her er noen endringer du kanskje vil gjøre:
Scope-temaet, sammen med de fleste andre premium-temaer, gir en tilpasset hjemmesidemal og muligheter for å administrere hvilket innhold som vises på hjemmesiden. Først må vi opprette en ny side. Gå til Sider> Legg til nytt. Gi siden et navn (jeg kalte det bare "Hjemmeside") da, i Sideattributter menyen, velg Mal rullegardinmenyen og velg Hjemmeside mal.
neste, publisere din side. Nå, gå til Innstillinger> Lesing. På toppen vil du se Forsiden vises. Bytt vekselen fra "Dine siste innlegg" til "En statisk side", og deretter "Forsiden" velg den nylig opprettede startsiden fra rullegardinlisten og Lagre endringer.
Å lage en god hjemmeside er hardt arbeid. Førsteinntrykket er viktig - mye. Når du bare har begynt, har du ikke mye å jobbe med. Hvis du allerede har mye arbeidserfaring, er en nettside et flott sted å markere noen av denne erfaringen, mens du tegner besøkende (og potensielle kunder) videre inn på nettstedet ditt.
En god hjemmeside skal ha følgende:
Scope-temaet (og de fleste "Premium-temaer" i Portfolio-stilen) har et veldig visuelt fokus for startskjemaet. For de av dere med en visuelt orientert portefølje, anbefaler jeg at du følger temaanbefalinger og benytter glidebryterne og andre hjemmesidemuligheter som temaet tilbyr.
En "Om" -side er veldig viktig. Når en potensiell klient anser deg for et prosjekt, vil de lære hva de kan om deg. En "Om" -side gir deg muligheten til å fortelle historien din og etablere en personlig forbindelse.
Fra Sider> Legg til nytt, lage en side som heter "Om" (eller kanskje "Om meg" eller "Om [Ditt navn]") og komme til å jobbe med innholdet.
Her er noen retningslinjer for å huske på:
Og her er noen ideer å vurdere:
En "Services" -side lar potensielle kunder vite hva du tilbyr, og kan hjelpe dem med å avgjøre hvorvidt du er en kamp for deres behov.
For denne opplæringen skal vi fokusere på å lage en "Services" -side med følgende attributter:
Fra Sider> Legg til nytt, lag en side og gi den en passende tittel. Fra Sideattributter velge Full bredde fra Mal fall ned.
Folk på WordPress.com beskriver en shortcode som "en WordPress-spesifikke kode som lar deg gjøre smarte ting med svært liten innsats." Flertallet av premiumtemautviklere gir temaspesifikke kortkoder som du kan bruke innenfor temaet. For å lage vår tre-kolonne-layout skal vi gjøre bruk av kortnumre.
Du kan skrive kortkodene direkte inn i Visual Editor eller fra editor-menyen, klikk på kortkodesymbolet (tilgjengeligheten og utseendet kan variere fra tema til tema) for å bruke temaets innebygde kortkortsgrensesnitt.
Du kan ta tak i koden for et eksempel tre kolonnekort her.
Scope-temaet, og porteføljetemaer som det, gir muligheten til å angi et tilpasset bakgrunnsbilde på en side. For å gjøre bruk av dette, bla ned under hovedredaktøren og se etter Sideinnstillinger panel. Hvis det ikke er synlig, gå til Skjermalternativer (øverst til høyre) og vær sikker på at alternativet "Sideinnstillinger" er merket.
Innenfor Sideinnstillinger Klikk på "Browse" -knappen for å laste opp et bilde, og klikk deretter "Sett inn til innlegg" (i dialogboksen for bildestyring) for å legge til bildeadressen i feltet. I mitt tilfelle, siden jeg har valgt et annet mønsterbilde, vil jeg også sette "Custom Background Repeat" til "Repeat". Hvis du bruker et fullstørrelsesbilde, vil du sette "Tilpasset bakgrunnsposisjon" til enten "Fullskjerm" eller "Sentrert", avhengig av størrelsen på bildet.
En "Kontakt" -side tilbyr mulige klientalternativer for å kontakte deg.
For denne opplæringen skal vi fokusere på å lage en "Kontakt" -side ved hjelp av "Kontakt" -malen, gitt av Scope-temaet.
Fra Sider> Legg til nytt, lag en side og gi den en passende tittel (kanskje "Kontakt meg!"). Fra Sideattributter velge Ta kontakt med fra Mal fall ned.
Neste opp er hjertet av denne opplæringen, å skape en porteføljeindeks og legge til oppføringer i porteføljen vår.
For denne opplæringen skal vi fokusere på å oppnå følgende:
Fra Sider> Legg til nytt, lag en side og gi den en passende tittel. Fra Sideattributter velge Portfolio fra Mal fall ned. Porteføljesiden vil nå automatisk vise oppføringene dine når du publiserer dem.
Scope-temaet benytter seg av egendefinerte taksonomier i WordPress, slik at du kan organisere porteføljeoppføringer etter type. De fleste porteføljetemaer tilbyr lignende funksjonalitet.
Fra porteføljer menyvalg Porteføljetyper.
Nå kan du forhåndsdefinere typer porteføljeoppføringer som du forventer å publisere.
Her er noen forslag å huske på:
Fra Porteføljer> Legg til nytt å opprette din første porteføljeoppføring. Gi den en passende tittel og en beskrivelse. Så fra Porteføljetype grensesnitt, velg riktig type (r), husk at en oppføring lett kan tilhøre mer enn en type.
Deretter angir du de visuelle alternativene for oppføring og opplasting av bildene dine, eller i stedet for, i henhold til "Porteføljetype", kan du legge inn en lyd- eller videofil. I Scope-temaet er innstillingene organisert under Innstillinger for porteføljedetaljer like under hovedredigeringsvinduet.
Sist, sett a Utvalgte bilder for oppføringen, som vil bli brukt til å representere oppføringen i porteføljens indeks.
Scope-temaet, sammen med de fleste porteføljetemaer, er bygd for å jobbe med en blogg. Å legge til en blogg er en relativt stor beslutning og for enkelhets skyld, vi kommer til å anta at du har gitt det forsiktig og tenkte at det var en kamp.
Fra Sider> Legg til nytt lag en ny side for bloggen din. Gi den en tittel og la innholdet være tomt. Denne siden blir indeksen for blogginnleggene dine. Deretter går til Innstillinger> Lesing og velg siden du opprettet (min ble kalt «Blogg») fra rullegardinmenyen Innleggsside. Lagre endringene dine.
Nå som vi har noen sider å jobbe med, er det på tide å legge til en meny. Fra Utseende> Menyer opprett en ny meny (jeg ringer min "navigasjon").
Deretter tilordnes menyen til temaheader ved hjelp av Hovedmeny fall ned.
Bruk nå sider widget, rett under Tema Steder og Tilpassede koblinger å tilordne de siste sidene du har opprettet. I vårt tilfelle som inkluderer "Blog", "Portefølje", "Kontakt", "Tjenester" og "Om". Deretter dra og slipp hvert menyelement for å bestille dem tilsvarende. Lagre når du er ferdig.
Som standard vil Scope-temaet bruke et sett med fire grunnleggende widgets på blogginnlegget og sidebjelken. Mens du kanskje vil forlate dem som er, er oddsene du vil tilpasse dem.
Scope-temaet, og mange som det, tilbyr flere sett med widgetplasseringer. For Omfang, er disse stedene:
For å tilpasse widgets, gå til Utseende deretter widgets.
Å arbeide med widgets er utenfor omfanget av denne opplæringen, men her er noen anbefalinger å huske på:
Puh! Vi er nesten der! Nå er det på tide å ta et skritt tilbake og gjøre en anmeldelse.
Gå gjennom hver side og porteføljeoppføring med en editor-mentalitet, leter etter innhold som trenger oppdatering og finjustering. Se på hver side som en potensiell klient ville se det, utfordre deg selv for å sørge for at arbeidet ditt og tjenestetilbudene blir presentert godt sammen med et klart oppfordringspunkt.
Når du vurderer, legg merke til ideer for fremtidige oppdateringer og videre forbedringer. Merk kanskje hva du liker mest om det aktuelle temaet og hva du vil se forbedret i en fremtidig versjon (pass på at forfatteren vet) eller kanskje til og med i et nytt tema helt nedover veien.
Når du har fullført en personlig anmeldelse, send nettsiden din ut til noen få pålitelige venner og familie og be om tilbakemelding. Ikke fokus på tilbakemelding på estetikken, men heller på innhold og organisasjon. Spør dem om hva du gjør og hva du tilbyr, er tydelig formidlet. Be om forslag til å forbedre meldingen som er formidlet.
En peer review er viktig og har fordelen av å tilby et tredjepartsperspektiv på arbeidet ditt, og hvis du nettopp begynner, kan den første listen over personer du ber om å vurdere nettstedet ditt, til og med bli dine første kunder.
Vi har dekket mye bakken. Du har gått fra et helt nytt tema til en tilpasset portefølje for freelance-virksomheten din. Bra gjort!
Har du spørsmål? Spør dem i kommentarene nedenfor. Hvis de er teknisk Spørsmål du er velkommen til å spørre, selv om du er interessert i skyld, kan du rette tema-spesifikke spørsmål til temaforfatterne selv.
Accentsconagua