WordPress-øving 3

Litt oppsummering

Sist gang lagde dere sitater og lister og andre ting. I oppgaven der dere skulle legge ut Creative Commons-lisensiert bilde fra Flickr var det flere som la ut bilder, og også forklaringer av CC-lisensen uten å oppfylle kravene til å få bruke bildet. “Attribution” betyr altså at man skal kreditere den man låner fra, en god måte å gjøre dette på er med navn og lenke til opphavspersonen…

Flere har brukt “Pages” til å legge ut den obligatoriske oppgaven, hvilket det forsåvidt ikke er noe i veien med, men det bør påpekes at det er “Posts” som utgjør selve innholdet av bloggene. Poster havner på fremsiden, de indekseres i arkivet, og de inkluderes i sidens feeds, i motsetning til “Pages”, som er beregnet på statiske sider som skal være tilgjengelige uavhengig av når de ble lagt ut – kontaktinformasjon, avanserte arkivsider osv.

Hva som skal gjøres i dag

Denne gangen skal dere laste ned og installere WordPress på Bogus-området deres. Instruksjoner finner dere i pensumbok samt på WordPress sine nettsider. Laste opp de nødvendige filene til bogus.uib.no gjør dere ved hjelp av en SFTP-klient, f.eks den som er installert på skolens maskiner (finnes under SSH Secure Shell i Startmenyen). Evntuelt kan dere når dere sitter på skolemaskiner bare dra og slippe over til hjemmesideområdet deres via Utforsker. Passord og brukernavn til databasen har dere fra dere brukte MySQL i fjor, dette skal legges inn i wp-config-fila. Bloggene må vises gjennom Bogus siden Rasurt ikke støtter PHP, men katalogene vil fremdeles vises på deres vanlige hjemmeområde. Dersom dere ikke ønsker at passord og brukernavn skal være tilgjengelig i klartekst kan dere endre MySQL-passordet deres ved å koble dere på MySQL og skrive følgende

set password = password(“deresnyepassordher”);

Dere kan også lage en fil med “Options -Indexes” som eneste innhold, lagre den som .htaccess og legge den i rotkatalogen på hjemmeområdet deres (public_html). Dette hindrer at folk kan bla i WordPress-katalogen ved å gå gjennom det vanlige hjemmeområdet deres.

.htaccess er en valgfri fil man kan bruke til å endre på diverse innstillinger for Apache (webserveren dere bruker), men er stort sett ikke nødvendig å bale med.

De av dere som har boka bør lese gjennom introduksjonskapittelet (“Understanding WordPress” osv) samt “Customizing Theme”-kapittelet for å få litt mer føling med anatomien i WordPress.

WordPress.com-bloggene er integrert og profesjonelt hostet pakke, men med egeninstallert WP står dere på egne ben. Dette gir endel flere muligheter, men samtidig endel ansvar i forhold til å håndtere spamkommentarer osv. Noe av det første man gjør på en ny WP-installasjon er å aktivere Aksimet, en plugin som håndterer kommentarspam. Instruksjoner finnes på de vanlige plassene.

Andre nyttige plugins er listet opp i Codexen, hvilket er et brukerdrevet dokumentasjonssystem der det finnes enorme mengder informasjon. I tillegg til wikien er det også forum og andre nyttige ting.

Etter at dere har installert bloggen på bogus.uib.no, kan dere forsøke å importere postene fra wordpress-com-bloggen deres. Etter dette får vi ta det litt som det kommer, men hovedpoenget er å utvikle en forståelse av hvordan vi kan bruke WP som verktøy til å presentere innhold på litt andre måter enn man vanligvis gjør med blogger.

Litt om hvordan WordPress virker

Selve innholdet i bloggen befinner seg i databasen. I stedet for at vi skriver spørringer direkte mot databasen når vi skal vise postene, benytter vi oss av WordPress sine innebygde funksjoner i form av “template tags”. Dette er instruksjoner til WordPress om hva som skal gjøres eller hva slags type innhold som skal hentes. Skal vi vise forfatter, tittel, kategori og innholdet i et blogginnlegg benytter vi henholdsvis the_author, the_title(), the_category() og the_content(). Dersom dere titter litt i koden til to templatene som følger med WordPress så vil dere kjenne igjen flere av disse.

Dere bør få en oversikt over hvordan man manipulerer “template tags”, først og fremst i forbindelse med å flytte elementer til ulike steder på siden, men også ved å endre hvordan funksjonen oppfører seg. Mange template tags har parametre vi kan benytte oss av for å endre default-oppførselen. Det står masse om template tags i Codexen, begynn gjerne her.

WordPress-installasjonen er knyttet opp mot selve databasen ved hjelp av PHP. Men PHP brukes til mer enn bare funksjoner knyttet til databasen. De ulike hovedelementene i bloggen har hver sin php-fil, slik at disse kan settes sammen litt ettersom når man trenger dem. Det en fil for header, en for sidemeny, en for footer, osv. Disse filene settes sammen til den brukeren tilslutt får se, ved hjelp av en “hovedfil”, hvilket for eksempel er index.php eller archive.php. Dette foregår omtrent på denne måten:

<?php
get_header(); // henter php-fil der headeren ligger
if (have_posts()) : // sjekker om det finnes noen poster
   while (have_posts()) //starter løkke som kjøres så lenge parantesen stemmer
      the_post();//henter post som gjelder akkurat denne løkkekjøringen
      the_content(); // henter innholdet av posten funnet over
   endwhile; // gjør slutt på while-løkke og dermed loopen
endif; // gjør slutt på if have_posts
get_sidebar(); // henter sidemenyfil
get_footer(); // henter sidebunnfil
?> // her var det slutt på php-en også, gitt

(At kodeeksempelet over bryter ut av innholdskolonnen og dytter menyen nedover i Internet Explorer eksemplifiserer begrensningene med å ha bloggen hos wordpress.com – med egen blogg har vi kontroll på visningen selv.)

Hva er det som avgjør hva som kommer med i en post? Postene på bloggen vises i henhold til kriteriene man gir innenfor det som i WordPress-terminologien kalles The Loop. Alt som skal være med i posten må plasseres innenfor denne løkka. Dere ser den i kodeeksempelet over, den begynner gjerne sånn: <?php while (have_posts()) : the_post(); ?>

Dette betyr altså at WordPress skal hoste opp alt som er av poster. Dersom vi vil være litt mer spesifikke på hva slags poster som skal hentes ut kan vi angi dette i forkant av løkken, for eksempel sånn som dette:

<?php query_posts('cat=1&showposts=7'); ?>

Alle kategoriene har et id-nummer, og dette betyr altså at de første 7 postene i kategori 1 hentes opp.

Templathierarkiet har endel å si for hvordan WordPress oppfører seg. Det kan være litt vanskelig å få tak på (eller i hvertfall å forklare), men det er nyttig når man f.eks ønsker å gi skreddersy enkelte sider (pages) eller poster. Her er et eksempel på forholdet mellom templatene i hierarkiet:

1. category-6.php
2. category.php
3. archive.php
4. index.php

WordPress forsøker alltid å lete frem passende templat for siden brukeren laster. Dersom brukeren for eksempel følger lenken til kategorien “ballongdrama”, og dette er kategori 6, vil WordPress se etter filen category-6.php i katalogen til det gjeldende temaet. Eksisterer ikke denne filen, leter den den etter category.php. Finnes ikke den, ser den etter archive.php, og som en siste løsning henter den fram index.php.

Det dette betyr i praksis er at selv om det ikke i utgangspunktet finnes et eget templat for ulike kategorier, kan vi lage et slikt templat, og for eksempel kalle det for category-6.php. Dermed vil denne kategorien kunne vises på en annen måte enn de andre kategoriene. Men det er ikke noe krise dersom kategorien har et eget templat, siden WordPress vil benytte et templat som ligger lavere i templathierarkiet (typisk ligger både category.php, archive.php og index.php inne i de ulike temaene som standard).

WordPress-øving 1: Diverse Bloggpussel

Sette opp en blogg på wordpress.com
Gjør dere kjent med grensesnittet. Hvor administrerer man innholdet, hvor endrer man innstillingene og hvor endrer man utseendet? Finn ut av forskjellen på Post og Page.

Bytt til et “theme”/utseende dere liker bedre enn det som ligger inne som standard

Rediger tittelen på det første innlegget til å være “hello world” på et annet språk enn engelsk eller norsk.

Fjerne dummy-teksten i det første innlegget og legge ut (embedde) en video dere finner på YouTube – framgangsmåten for dette skiller seg litt fra det dere er vant med dersom dere har testet det andre steder, oppskriften er å finne inne på siden der dere skriver/redigerer poster. Gi posten en eller annen kategori.

Logg dere inn på mevi171-kontoen på Bloglines (brukernavn: mevi171, passord: mevi171). Finn ut av hvordan dere legger til egen blogg.

Finn ut av forskjellen på “Post Status” (Published, Draft Private)

Fjern innholdet i bloggrollen og legg til tre eller flere andre i klassen der

Slett dummykommentaren som ligger i bloggen

Endre innstillinger for kommentarer, ved å fjerne krysset ved “Comment author must have a previously approved comment”

Ta en titt på noen andre i klassen sine blogger, legg gjerne til kommentarer. Finn siden i adminpanelet der dere kan holde styr på kommentarene deres har gjort på andre wordpress.com-blogger.

Teste ut hva dere liker best av å med å skrive med rich text editoren eller med kode (“visual” eller “code”)

Finn ut hva widgets er og hvordan de virker. Velg ut noen som kan virke nyttige å bruke.

Finne ut hva Snap Preview er, og om dette egentlig er noe dere trenger?

Hvis dere vil:
Legge inn en avatar/bilde
Endre “slagord” /tagline
Sette klokkeslett til å vise riktig tid.