Del 1 – Hvordan sette opp en enkel WordPress portfolio

Skrevet av Aleks | 22/10-12 | Kategori: Tips og Triks

Du trenger:

  • FTP client (Last ned FileZilla dersom du ikke har en. Finnes både til PC & MAC)
  • WordPress Theme Imbalance (Finnes her) – Theme av: WPShower.
  • Litt tid…

Steg 1 – Registrere webside:

Først må vi registrere en webside. Dette kan gjøres på flere steder, og det finnes både gratis og mer kostbare alternativ her. For en enkel side, og enda enklere installasjon av WordPress, bruk gjerne www.byethost.com. Her kan du få din egen lille webside, sam forhåndsinstallert WordPress, som gjør alt enda enklere, og det koster heller ingenting.

Gå til http://byethost.com/free-hosting/news, og fyll inn følgende:

  • Username: Navnet på websiden din. Webadressen din vil bli «username.byethost#.com»
  • Passord: Dette vil bli passordet ditt for alt av innlogging osv for nettsiden din.
  • E-mail: Må registreres for at du skal motta aktiverings mail og annen info senere.
  • Script to install: Her er det virkelige gull egget. For enkel installering av WordPress, velg «WordPress Blog» i drop-down lista.
  • Site category: Personal
  • Site language: English (dette for enklere håndtering av databaser osv)
  • Enter security code: Skriv inn «secutiry code» fra over.
  • Register!

Steg 2 – Aktivere siden:

Du vil nå få en mail fra byethost, med en aktiverings link for å aktivere siden din.

PS: Denne mailen kan fort bli offer for spam-filteret ditt.

Åpne mailen, og trykk på aktiverings linken. Dette vil da åpne en liten side der du må trykke på en liten knapp der det står «Click Me To Continue». Dette vil igjen åpne en ny side der du får informasjonen om påloggingen din, både for administrasjon, FTP, og WordPress login.
Her vil du også finne selve URLen, eller addressa til den aktuelle websiden din.
Denne informasjonen vil du også finne på en mail som du nå skal få tilsendt.
Ta vare på denne informasjonen da den vil være viktig i steg 4.

Bekreftelsessiden du vil få fra Byethost

Du vil også kanskje legge merke til en timer øverst på siden. Vent med å åpne siden din til denne er ferdig. Serveren jobber nå med å installere, sette opp, og gjøre klart din WordPress Blog.

Dette tar ca. 2-3 minutter.

Steg 3 – Sjekke siden og gjøre klar Imbalance:

Sjekk siden din ved å gå inn på URL-addressen spesifisert over.
Du skal nå ha en side som ser ca. sånn ut:

Sånn skal en ferdig installert basis WordPress installasjon se ut.

 

Login ved å legge til «/wp-login.php» bakerst på din addresse, eller bruk logg inn neders på høyre siden av siden (under «meta»). Her vil du logge inn med følgende:

Username: admin
Password: ******** (samme som du valgte da du registrerte deg på Byethost)

Du skal nå få opp WordPress Dashboard. Det er her du styrer alt du har på siden din.
Den skal se slik ut:

Basis WordPress Dashboard

Men du legger kanskje merke til at vi ikke har riktig utseende på siden. For å få til dette må du legge til riktig «theme» i WordPress.
Hvis du ikke har lastet ned Imbalance enda, så kan du finne det her: http://wpshower.com/themes/imbalance/

Åpne filen, og legg mappen som heter «Imbalance» på skrivebordet (eller en mappe du selv velger, bare du husker hvor…).

Steg 4 – FileZilla og installering av Imbalance:

Dersom du ikke har installert Filezilla så installer dette nå (last ned FileZilla).
En FTP client er et program som lar deg styre og ordne filer på en web server, enten for å sette opp websider, legge inn filer, eller bare til backup. Les mer om FTP (File Transfer Protocol) her.

Start FileZilla, og du skal få opp en liknende skjerm som dette.

Startskjerm til FileZilla

Nå skal vi legge til FPT informasjonen til din server. Sørg for å fylle ut følgende felt med informasjonen fra din bekreftelses side/mail.
Fyll inn informasjonen fra tidligere (bekreftelses skjermen/mailen) i feltene markert på neste bilde.

FileZilla og feltene du skal fylle ut markert i rødt.

Trykk “Hurtigtilkobling”, og du skal nå kobles til mot serveren din.

Det du skal gjøre nå er å laste opp mappen fra tidligere (Imbalance) opp på serveren i riktig mappe i WordPress.
Bruk feltet nede til høyre for å navigere rundt på serveren, og finne frem til følgende mappe:

/htdocs/wp-content/themes

 Her skal du da finne 4 mapper som heter: classic, default, twentyeleven, twentyten. Dette er de forhåndsinstallerte WordPress themes som kommer med standardinstallasjonen av WordPress. Det er hit du skal legge til mappen “Imbalance”.

Dra over mappen fra skrivebordet inn i mappen som heter “themes”. Dette vil kopiere over mappen og alle filene som trengs for å aktivere Imbalance på siden din.

(PS: Det er ikke sikkert mappen vil synes med en gang, men om du går tilbake en mappe (…) og så tilbake i “themes” så vil den ligge der.)

FileZilla med Imbalance lastet opp på serveren, og oppdatert bilde.

Steg 5 – Aktivering av Imbalance:

Nå som mappen “Imbalance” ligger i “themes” på serveren, så kan man nå aktivere denne inne i WordPress.

Åpne WordPress Dashboard igjen (som i steg 3), og velg “Appearance -> Themes” i hovedmenyen på venstre side.

WordPress dashboard med “Appereance -> Themes” markert.

Da skal du få opp en side med alle “themes” tilgjengelige for deg for øyeblikket, og blandt de skal du da finne “Imbalance”.
Velg “Activate”, og WordPress vil nå aktivere dette for deg på siden din.

WordPress theme dashboard med Imbalace og “activate” markert.

La oss nå sjekke hvordan siden din ser ut. Gå øverst til venstre, og trykk på navnet til siden din. Dette vil ta deg til forsiden av siden din, og du vil nå se at Imbalance er aktivert, og “Hello World” posten skal vises som første innlegg.
Siden din skal nå se slik ut:

WordPress standard instalasjon med Imbalance aktivert.

Steg 6 – Tilpasning av Imbalance:

Nå skal vi gjøre siden vår egen, vi vil jo ikke nødvendigvis at det skal stå “IMBALANCE” på toppen av siden.

Gå til “Appearance -> Theme Options” det er her vi skal sette opp siden slik vi vil, og sørge for at Facebook og Twitter link linker til våre egne profiler.

Appearance -> Theme Options

Du vil nå få opp en side med tilpasninger spesielt for Imbalance-theme.
Valgene er:

  • Facebook URL – Din Facebook URL
  • Twitter URL – Din Twitter URL
  • Custom Logo – URL til egen logo som du kan laste opp (461px x 70px)
  • Excerpt lenght – Lengden på tekst før den typiske “les mer” linken.
  • Disable JQuery Gallery – For å skru av jQuery galleri
  • Disable Featured Posts on top of Sidebar  - Huk av for å fjerne siste posts på toppen av siden når du er inne på en post.

Fyll inn din Facebook URL, samt din Twitter URL, har du ikke disse kan du gjerne fylle inn med “http://www.facebook.com”, og “http://www.twitter.com”.

Nå er det på tide å laste opp din egen logo, eller eget banner. Lag ditt eget banner i Photoshop i størrelse 461 pixler x 70 pixler, velg så “Upload your logo” på siden.

Her kan du laste opp din logo til siden, men husk at den ber om URLen til bildet, og ikke bare en opplastning. Derfor når du laster opp bildet til WordPress må du husker på å ta med deg “File URL” fra bunnen av siden du får opp når du har lastet opp bildet.

Huskpå å kopiere File URL fra opplastning av logoen/banneret ditt.

Når du har lastet opp bildet, gå tilbake til “Appearance -> Theme Options”, og fyll så ut resten, dersom du ikke allerede har gjort dette.

Excerpt lenght kan være greit å sette til 35, men dersom du har tenkt til å ha spesielt høye bilder på fremsiden din, så kan det være greit å øke dette til 50, eller kanskje helt til 70.

Når du er ferdig med alle instillingene skal det se ut slik som det her:

Theme options ferdig utfylt.

Når du har alt på plass velger du ”Update Options”, siden vil jobbe litt, og så oppdatere seg, nå med dine verdier, og din logo istedenfor IMBALANCE.

La oss ta en kikk på siden din, og se hvordan den ser ut!

Gratulerer! Portfolioen er klar for bruk!

 

FERDIG!

Gratulerer! Du nå har installert og satt opp en WordPress side, og endret theme til Imbalance, og du er nå klar for å bygge en portfolio på nett!

Følg med videre for å vite hvordan man legger til bilde og setter opp en enkel post, hvordan gjøre et bilde like bredt som siden, og installering av Lightbox plugin for en penere visning av bilder.

Serie: Sette opp en WordPress portfolio:

Om: Aleks

26 år gammel ung mann, bosatt på Lillehammer.
For tiden Freelance webdesigner, tar på meg små jobber, og del av større prosjekt nå og da.

Ferdig utdannet medieteknolog v/Høgskolen i Gjøvik, der jeg fullførte min bachelor innen medieteknologi. Hoved interessen ligger i web, men liker å leke meg med det meste av medier fra web, til bilderedigering, illustrasjoner, video, spesialeffekter og flash mm.

Liker å ha det gøy på tvers av medier, og samtidig kunne bruke flere medier sammen i en større sammenheng, og her er vel web der jeg finner de fleste mulighetene av å kombinere flere medier sammen til et medie.

Ellers finner du meg enten hjemme, ute blandt venner, i parken, eller på hockeybana.
Er det noe mer du lurer på, så må du gjerne ta kontakt!

 

Kategorier

 
Powered by: WordPress - Theme by: as:MEDIA