Fra foredrag om flytting av Aktivioslo.no til Wordpress-basert CMS i 2011, holdt på gratis nettverksmøte hos Webgruppen 26. april 2012.

1. CMS for Aktiv I Oslo.no
bygd på Wordpress
Aktiv I Oslo.no
For folk i Oslo og Akershus

2. Hei :)

3. Hei :)
Lene Haug

4. Hei :)
Lene Haug Vincent S. Hasselgård

5. Hvorfor er vi her?

6. Aktiv I Oslo.no
• For folk i Oslo og Akershus
• Startet opp i år 2000
• Aktivitet og opplevelseskatalog
• Kulturkalender
• Magasin
• 260.000 brukere hver måned
• Privat eid (Bright Side AS)
• Finansieres via annonseinntekter

7. Utgangspunktet
• Over 4000 statiske sider
• Mange forskjellige sidetyper og «maler»
• 400 faste annonsører
• Mange forskjellige annonsetyper
• Høy produksjon av redaksjonelt innhold
• Ukentlige nyhetsbrev
• Utsendelse av auditioninfo flere ganger per uke

8. Utgangspunktet
• Veldig god rangering i Google
• Manuell lenking mellom sider
• Tungvint å oppdatere
• Bilder og sider lastet opp med FTP
• Måtte være på kontoret for å redigere på sidene
• Lett å gjøre spesialtilpasninger

9. Å lage en side
på gamlemåten

10. 1
Åpne mal.php i en
HTML-editor

11. 1 2
Åpne mal.php i en NB! Husk å lagre
HTML-editor med nytt navn!

12. 1 2 3
Åpne mal.php i en NB! Husk å lagre Legg inn metadata
HTML-editor med nytt navn! (title, description,
keywords)

13. 1 2 3
Åpne mal.php i en NB! Husk å lagre Legg inn metadata
HTML-editor med nytt navn! (title, description,
keywords)
4
Legg inn innhold
(tekst, bilder)

14. 1 2 3
Åpne mal.php i en NB! Husk å lagre Legg inn metadata
HTML-editor med nytt navn! (title, description,
keywords)
4
Legg inn innhold NB! Bilder!
(tekst, bilder) Alle bilder må manuelt lagres i tre
forskjellige størrelser og lastes opp med
FTP.

15. 1 2 3
Åpne mal.php i en NB! Husk å lagre Legg inn metadata
HTML-editor med nytt navn! (title, description,
keywords)
4
Legg inn innhold
(tekst, bilder)

16. 1 2 3
Åpne mal.php i en NB! Husk å lagre Legg inn metadata
HTML-editor med nytt navn! (title, description,
keywords)
4
Legg inn innhold 5
(tekst, bilder) Husk å lagre
underveis! (Ctrl+S)

17. 1 2 3
Åpne mal.php i en NB! Husk å lagre Legg inn metadata
HTML-editor med nytt navn! (title, description,
keywords)
4
Legg inn innhold 5
(tekst, bilder) Husk å lagre 6
underveis! (Ctrl+S) OI! Du glemte steg
2, nå må vi fikse
malen!

18. 1 2 3
Åpne mal.php i en NB! Husk å lagre Legg inn metadata
HTML-editor med nytt navn! (title, description,
keywords)
4
Legg inn innhold 5
(tekst, bilder) Husk å lagre 6
underveis! (Ctrl+S) OI! Du glemte steg
2, nå må vi fikse
malen!
7
Legg inn lenker til
relatert innhold i
«sidebar»

19. 1 2 3
Åpne mal.php i en NB! Husk å lagre Legg inn metadata
HTML-editor med nytt navn! (title, description,
keywords)
4
Legg inn innhold 5
(tekst, bilder) Husk å lagre 6
underveis! (Ctrl+S) OI! Du glemte steg
2, nå må vi fikse
8 malen!
Åpne alle sider denne
siden skal linkes opp 7
fra (legg inn lenker) Legg inn lenker til
relatert innhold i
«sidebar»

20. 1 2 3
Åpne mal.php i en NB! Husk å lagre Legg inn metadata
HTML-editor med nytt navn! (title, description,
keywords)
4
Legg inn innhold 5
(tekst, bilder) Husk å lagre 6
underveis! (Ctrl+S) OI! Du glemte steg
2, nå må vi fikse
8 malen!
Åpne alle sider denne
siden skal linkes opp 7
fra (legg inn lenker) Legg inn lenker til
relatert innhold i
«sidebar»
9
Last alt opp til server’n!

21. 1 2 3
Åpne mal.php i en NB! Husk å lagre Legg inn metadata
HTML-editor med nytt navn! (title, description,
keywords)
4
Legg inn innhold 5
(tekst, bilder) Husk å lagre 6
underveis! (Ctrl+S) OI! Du glemte steg
2, nå må vi fikse
8 malen!
Åpne alle sider denne
siden skal linkes opp 7
fra (legg inn lenker) Legg inn lenker til
relatert innhold i
«sidebar»
9
10
Last alt opp til server’n!
Håper alle lenkene
ble lagt inn riktig da!

22. 1 2 3
Åpne mal.php i en NB! Husk å lagre Legg inn metadata
HTML-editor med nytt navn! (title, description,
keywords)
4
Legg inn innhold 5
(tekst, bilder) Husk å lagre 6
underveis! (Ctrl+S) OI! Du glemte steg
2, nå må vi fikse
8 malen!
Åpne alle sider denne
siden skal linkes opp 7
fra (legg inn lenker) Legg inn lenker til
relatert innhold i
«sidebar»
11
9 Korrektur, fikse
10 lenkefeil, bilder osv
Last alt opp til server’n!
Håper alle lenkene
ble lagt inn riktig da!

24. Med andre ord:

25. Vi vil så gjerne ha et flott CMS!

26. Hindringer

27. Hindringer
• Tid- og ressurskrevende

28. Hindringer
• Tid- og ressurskrevende
• Over 4000 sider må flyttes!

29. Hindringer
• Tid- og ressurskrevende
• Over 4000 sider må flyttes!
• Kan ikke ha nedetid

30. Hindringer
• Tid- og ressurskrevende
• Over 4000 sider må flyttes!
• Kan ikke ha nedetid
• Dyrt

31. Hindringer
• Tid- og ressurskrevende
• Over 4000 sider må flyttes!
• Kan ikke ha nedetid
• Dyrt
• Opp mot 100.000,- for forprosjekt (bare for å kunne få et tilbud)

32. Hindringer
• Tid- og ressurskrevende
• Over 4000 sider må flyttes!
• Kan ikke ha nedetid
• Dyrt
• Opp mot 100.000,- for forprosjekt (bare for å kunne få et tilbud)
• Potensielle leverandører kom ikke med tilbud

33. Hindringer
• Tid- og ressurskrevende
• Over 4000 sider må flyttes!
• Kan ikke ha nedetid
• Dyrt
• Opp mot 100.000,- for forprosjekt (bare for å kunne få et tilbud)
• Potensielle leverandører kom ikke med tilbud
• Hvordan beholde den gode rangeringen i Google?

34. Hindringer
• Tid- og ressurskrevende
• Over 4000 sider må flyttes!
• Kan ikke ha nedetid
• Dyrt
• Opp mot 100.000,- for forprosjekt (bare for å kunne få et tilbud)
• Potensielle leverandører kom ikke med tilbud
• Hvordan beholde den gode rangeringen i Google?
• Eksisterende CMS dekker ikke våre behov

35. Men vi har så lyst på!
Og det må jo være en måte vi kan få til dette!

36. Dessuten...

38. Joomla

39. Joomla Drupal

40. Joomla Drupal
Django

41. Joomla Drupal
Django Wordpress

42. Mars/April 2011

43. Hvorfor Wordpress?

44. Hvorfor Wordpress?
• Enkelt å bygge på

45. Hvorfor Wordpress?
• Enkelt å bygge på
• Avansert nok i bunn

46. Hvorfor Wordpress?
• Enkelt å bygge på
• Avansert nok i bunn
• Wordpress introduserte Custom Post Types i versjon 3.0

47. Hvorfor Wordpress?
• Enkelt å bygge på
• Avansert nok i bunn
• Wordpress introduserte Custom Post Types i versjon 3.0
• Stor community

48. Hvorfor Wordpress?
• Enkelt å bygge på
• Avansert nok i bunn
• Wordpress introduserte Custom Post Types i versjon 3.0
• Stor community
• God dokumentasjon

49. Hvorfor Wordpress?
• Enkelt å bygge på
• Avansert nok i bunn
• Wordpress introduserte Custom Post Types i versjon 3.0
• Stor community
• God dokumentasjon
• Bygd på et språk mange kan (PHP)

50. Hvorfor Wordpress?
• Enkelt å bygge på
• Avansert nok i bunn
• Wordpress introduserte Custom Post Types i versjon 3.0
• Stor community
• God dokumentasjon
• Bygd på et språk mange kan (PHP)
• Gode SEO-muligheter

51. Hva gjør vi nå da?

52. Eget forprosjekt

53. Eget forprosjekt
Fire A4-sider

54. Vi har
virkelig aldri
gjort dette før

55. Men:
• Vi kjente våre egne sider ut og inn
• Vi var ikke redd for å bevege oss inn i ukjent terreng
• Visste akkurat hva vi ville ha av et CMS
• Hvilke fordeler/ulemper eksisterende system hadde

56. Tid
• Ikke råd til nedetid
• Ikke kapasitet til parallell drift - oppdatering på to
systemer samtidig
• Ansette programmerer som kan jobbe intenst i juli og
stille ferdig det meste innen 15. august
• Flyttevindu: 15. august til 4. september

57. I juli
• Kategorisering
• Programmering
• Design

58. I juli
• Kategorisering
• Programmering
• Design

59. I juli
• Kategorisering
• Programmering
• Design

60. Mange sidetyper
• Hovedkategorier og underhovedkategorier
• Kategorisider
• Presentasjoner
• Hva skjer? - Kulturkalender
• Begivenheter
• Merkedager
• Magasin
• Artikler
• Artikkelarkiv
• Informasjonssider
• Guider
• Sesong, begivenheter, reise, kultur med mer
• Auditions
• «Vanlige sider» - Om oss, kontakt oss og lignende

61. Men hva med Google?

62. .htaccess
301 RedirectMatch - Permanently moved

63. Utviklingen

64. Utviklingen
• Utvikling på eget underdomene

65. Utviklingen
• Utvikling på eget underdomene
• Utviklet funksjoner og design samtidig

66. Utviklingen
• Utvikling på eget underdomene
• Utviklet funksjoner og design samtidig
• Spesifikasjonen var «flytende»

67. Utviklingen
• Utvikling på eget underdomene
• Utviklet funksjoner og design samtidig
• Spesifikasjonen var «flytende»
• Programmerer MySQL og JavaScript-kunnskap)
(men hadde PHP,
var ikke kjent med Wordpress

68. Teknisk
• Utviklet på Wordpress 3.2.1 (i dag kjører vi 3.3.1)
• En plugin
• Et tema med over 200 forskjellige malfiler
• 7 custom post types

69. Flytteprosessen

70. Flytteprosessen
• 1333 arbeidstimer (tok omtrent 1600)

71. Flytteprosessen
• 1333 arbeidstimer (tok omtrent 1600)
• 6 personer 16 timer i døgnet i to uker

72. Flytteprosessen
• 1333 arbeidstimer (tok omtrent 1600)
• 6 personer 16 timer i døgnet i to uker
• 22 personer involvert

73. Flytteprosessen
• 1333 arbeidstimer (tok omtrent 1600)
• 6 personer 16 timer i døgnet i to uker
• 22 personer involvert
• Google Docs for oversikt

74. Flytteprosessen
• 1333 arbeidstimer (tok omtrent 1600)
• 6 personer 16 timer i døgnet i to uker
• 22 personer involvert
• Google Docs for oversikt
• «Ghost linking»

75. Flytteprosessen
• 1333 arbeidstimer (tok omtrent 1600)
• 6 personer 16 timer i døgnet i to uker
• 22 personer involvert
• Google Docs for oversikt
• «Ghost linking»
• Bugfiksing underveis

76. Flytteprosessen
• 1333 arbeidstimer (tok omtrent 1600)
• 6 personer 16 timer i døgnet i to uker
• 22 personer involvert
• Google Docs for oversikt
• «Ghost linking»
• Bugfiksing underveis

77. Lansering
• Planlagt dato: 6. september 2011
• Ferdig dato: 14. september 2011

78. Noen lærdommer
• Ikke putt alle funksjonene dine i en plugin
• Kunne godt ha satt av mer tid til bugfiksing

79. Planer for fremtiden
• Redigeringsverktøy for forsider i back-end
• Bedre annonsestyringsverktøy
• Dele opp eksisterende plugin

80. ?

81. Takk for oss :)