WEBP – Avslutning

Imorgen er leverings fristen for eksamen for 2.semester: nettsted. Dette blir antakeligvis min siste post dette semesteret. Jeg har nå tatt en siste gjennomgang av nettsiden, cd og cd-cover, rapport og oppdatert fremdriftsplan. Kommer til å få noen til å lese gjennom rapporten og deretter gjøre eventuelle forandringer. Ellers er planen å presentere de ferdige produktene for kunden, og forhåpentligvis ende opp med en positiv og god følelse over det hele.

Imorgen skal jeg navngi filene etter Noroffs retningslinjer, og levere på Moodle. Deretter er planen å feire bursdag (12.juni) og nyte sommerferien med sol og varme! Jeg reiser 3 uker til USA og kommer til å opprette en egen blogg for dette, legger inn link til dette senere i dette innlegget, så kan de som vil følge meg der. Her er et kart over dit jeg skal:

Tilslutt ønsker jeg å presentere noen av de siste beslutninger som er tatt i henhold til produksjonen av nettsiden:

Kontakt (contact) side er kuttet ut siden det kun besto av en e-post adresse, dette er derimot lagt til i footer, med en link som fører brukeren direkte til en ny-mail side. Dette er kanskje ikke så lett å finne ved første øyekast, men flere som har testet ut nettstedet har merket seg dette ved å klikke seg rundt på nettstedet. Dessuten var det ønskelig at e-post/contact kunne forekomme på alle sider. Ved å benytte denne linken kan brukere/kunder sende forespørsler direkte til eieren og garantert få et raskt svar.

Stockists siden ble lagt til underveis i prosessen og var ikke en idé fra starten. Her kommer det mer informasjon senere. Kunden ønsket dette for kundene sine, siden produktene kan kun bli kjøpt via andre web-butikker, eller via direkte kontakt med kunden. Her vil det senere bli lagt til et kart eller tekst med de fem verdensdelene og derfra delt inn i land som selger Steel Feather produkter.

Filer/templates som har blitt forandret i kodingen er footer.php, header.php, sidebar.php, content-page.php og style.css. Jeg har lært at man kan bruke /* beskrivelse av hva koden betyr eller gjør */ for å skape en mer oversiktlig koding som det er enklere å gå tilbake til og forstå senere.

– Fredriftsplanen er noe forandret på grunn av at jeg var nødt til å reinstallere WordPress og starte på nytt 23.05. Fremdriftsplanen er justert og oppdatert, og innholder gode aktivitetsbeskrivelser for hver dag jeg har jobbet med dette prosjektet. Jeg har itillegg brukt noe lengre tid på research og produksjon enn først planlagt, derfor ble jeg ikke ferdig til datoen jeg opprinnelig hadde satt, tirsdag 06.06.12.

Her er screenshots av hver page/side brukeren kommer til via hovedmenyen på nettsiden. Dette legger jeg ved så lærere ved Noroff kan se hvordan nettsiden så ut idag for meg og hvordan sidene ser ut for dem når de går gjennom prosjektet mitt. På denne måten kan de sammenligne, og forsikre seg om at jeg ikke har gjort noen forandringer etter innleverinsfristen:

Første bildet er av hjemmeside til Steel Feather, hovedsiden. Videre på menyen kommer brukeren til en side som beskriver bakgrunnen til produktet og hvor de blir laget.

Tredje side fra menyen fører brukeren til en beskrivelse om produktet, samt bilder. Videre på menyen finner man en side med et galleri med 25 bilder som viser detaljer i produktet, arbeidere, maskiner og eieren av merkevaren, dette for å øke troverdigheten.

Femte siden fra hovedmenyen fører brukeren til bloggen til Steel Feather, hvor kunden vil oppdatere med nyheter om produkter etc. Videre kommer man til en side som ikke er helt klar enda, men som vil vise hvor man kan få kjøpt Steel Feather jeans og produkter.

De to siste sidene fra menyen fører til to sosiale medier Steel Feather benytter seg av. Her kan kunder og brukere som ikke kjenner merket lese mer om Steel Feather, og andres kommentarer til produktet.

Og tilslutt, linken til Steel Feathers hjemmeside:

www.steel-feather.com

Ønsker alle medstudenter og andre som følger bloggen, en riktig god og velfortjent sommerferie! Oppdateringer om hva jeg skal til høsten kommer etterhvert.

– Annette B. D.

WEBP – Child Theme

De siste dagene har jeg jobbet med å forstå og teste ut hva Child Theme er og hva jeg kan gjøre med det. Jeg har forstått at det er svært nødvendig hvis man ønsker å forandre noe på design og oppsett, på temaet man allerede har valgt. Først gikk jeg gjennom en del videoer, tok notater og følte meg klar til å teste dette ut i praksis.

– Åpnet cPanel, gikk inn i wp-content mappen, deretter Themes. Derfra valgte jeg new folder, hvor jeg skrev inn et nytt navn på et theme.
–  Åpnet Adobe Dreamweaver, nytt css dokument, og byttet ut det som trengtes ut i fra eksempelet fra WordPress.org sine sider, her.

Videre var det svært viktig at man linket child themet til parent themets stylesheet, altså @import url. Ellers ville ikke nettstedet bli stylet i det hele tatt, og jeg måtte bygd det opp fra bunn, noe som selvfølgelig er en mulighet..
– Test 1; jeg logget inn på wordpress sine sider og gikk til themes. Der fant jeg IKKE mitt child theme, og fant senere ut at det sto beskrevet nederst på siden at themet var ødelagt. Jeg skjønte ingenting, og visste ikke hva jeg kunne gjøre for å fikse det eller hva som var lurt i dette tilfelle.
Deretter bestemte jeg meg for å prøve å lage child theme av Twentyeleven themet (siden mange viser eksempler på dette, og jeg tenkte at hvis jeg ikke klarte det nå måtte det være noen alvorlige feil noe sted). Etter en del sletting og ny opprettelse logget jeg igjen inn og denne gangen kom child themet mitt opp. Det var en stor lettelse.Videre brukte jeg et bilde fra kunden som screenshot, som fungerer som et lite bilde/ikon som symboliserer (child) themet mitt.

Jeg har allerede lest/sett og blitt inspirert/motivert av mange nettsider, og noe av det jeg kommer til å fokusere på fremover er fonttype. Kunden ønsker faktisk at menyen skal fungere som individuelle knapper, og disse knappene skal være bilder med valgt tekst/font. Kunden ønsker en spesiell font, som representerer selskapet og produktene. Har prøvd å finne ut av hvordan man kan lage en meny bestående av klikkbare-bilder, men det virker svært komplisert i forhold til plassering og brukervennlighet. Dette er noe jeg kommer tilbake til i senere blogg-innlegg.

Her er noen gode kilder med mange gode tips til wordpress og child theme:
tips1 
tips2
tips3 

Jeg har lært en del nytt om file permissions, som jeg ønsker å dele med andre. Utifra wordpress.org, her, er det slik at directories (mapper) skal ha permissions 755 eller 750, og files (filer) skal ha permissions 644 eller 640. Det er svært viktig at wp-config filen har permission 600, på grunn av sikkerhet og fare for hacking.

Allerede henger jeg litt etter fremdriftsplanen, og merker at det er mye nytt og mye som tar tid siden jeg må sette meg godt inn i det. Jeg ønsker å forstå hva jeg gjør, og hvorfor, og at det ikke skal oppstå for mange problemer og feil underveis. Den tekniske biten er svært krevende, og særlig når jeg føler jeg ikke har noe pensum fra Noroff å støtte meg mot. Men jeg har funnet og kommer til å bruke mange av de gode kildene jeg har så langt.

– Annette B. D.