MOK 1801
Om nettsider, WordPress og andre ting
Ting vi har lært:
Alle nettsider MÅ funke både på mobil og pc
Ting vi har lært:
Beste og enklaste(?) måte å sjekke mobilvisning er inspector
*
Win: F12 / right click > inspect
Mac: Cmd + Shift + I / right click > inspect
Knapp for emulert mobilvisning i chrome
Knapp for emulert mobilvisning i firefox
Ting vi har lært:
100% width
Grid (flexbox) gir oss layout kontroll.
100% width
Ting vi har lært:
33% width
Bruk width i % på fleire element.
Summen av width for fleire element må være under 100% for at dei skal være på same rad.
66% width
S
TOR
L
iten
Eigerskap på nett
guide til publiserings-løysingar på nett.
Oversikt over ulike typar løysingar for nettpublisering basert på åpenheit, retiggheiter, pris og datasikkerheit.
*
ChatGPT er brukt som kilde i denne oversikten. Prompt er inkludert.
Eigarskap på nett
forresten…
Følgande chatGPT spørsmål endar sterkt i favør WordPress og andre åpne løysingar.
Det betyr ikkje at andre løysingar er ‘feil’, men du bør uansett være bevisst på faktorane som er nevnt her.
ChatGPT prompt
1. Tjenester som respekterer brukernes opphavsrett i stor grad
Disse tjenestene gir brukeren full kontroll over innholdet sitt og respekterer europeiske lover som GDPR (General Data Protection Regulation) og opphavsrettsdirektivet (DSM-direktivet).
WordPress.org
Open-source og selvhostet, så du har full kontroll over ditt eget innhold.
Du eier 100 % av innholdet og nettstedet ditt.
Ingen automatisk overføring av rettigheter til plattformen.
Squarespace
Brukeren beholder eierskap til innholdet sitt.
Har klare retningslinjer for personvern og opphavsrett.
Følger GDPR for europeiske brukere.
Wix
Brukeren eier sitt eget innhold.
Wix gir seg ikke rettigheter til å bruke eller distribuere bilder du laster opp.
Har GDPR-kompatible løsninger for brukere i Europa.
OBS! Kilde: ChatGPT
2. Tjenester som krever omfattende bruksrettigheter til innholdet ditt
Disse plattformene gir seg selv rettigheter til å bruke, lagre og i noen tilfeller modifisere innholdet du laster opp. De følger europeiske lover i varierende grad.
WordPress.com (Automattic)
- Du eier innholdet, men gir WordPress.com en bred lisens til å bruke og vise det.
- Har implementert GDPR og følger europeiske regler.
Facebook & Instagram (Meta)
- Du eier bildene dine, men Meta får en global, overførbar, royalty-fri lisens til å bruke, distribuere og endre dem.
- Meta har vært i konflikt med europeiske tilsynsmyndigheter om personvern og dataoverføring til USA.
- Brudd på opphavsrett håndheves dårlig, og fjerning av ulovlig bruk av bilder kan være tregt.
Snapchat
- Brukeren eier innholdet sitt, men gir Snapchat en bred lisens til å bruke og endre det innenfor appen.
- Data slettes i stor grad automatisk, men kan lagres på servere midlertidig.
- Har tilpasset seg GDPR, men har vært kritisert for hvordan de håndterer data.
OBS! Kilde: ChatGPT
3. Tjenester som har hatt problemer med europeiske lover
Disse plattformene har hatt gjentatte problemer med å overholde europeiske lover, spesielt GDPR og opphavsrettsdirektiver:
Facebook & Instagram (Meta)
Har fått flere GDPR-bøter i EU for feilaktig databruk.
Overfører brukernes data til USA på måter som har vært i strid med europeiske regler.
Snapchat
Har fått kritikk for manglende transparens rundt datalagring og sletting.
OBS! Kilde ChatGPT
Oppsummering
- Best på opphavsrett & GDPR: WordPress.org, Squarespace, Wix
- Middels respekt for opphavsrett, men relativt GDPR-vennlige: WordPress.com, Snapchat
- Dårligst på opphavsrett og personvern (særlig ift. europeiske regler): Facebook & Instagram
OBS! Kilde ChatGPT
- 1. WordPress.org – ✅ Full eksport & fleksibilitet
- Eksportmuligheter:
- WordPress.org lar deg eksportere hele nettstedet ditt, inkludert database, innhold (innlegg, sider, bilder), temaer og plugins.
- Bruker åpne standarder som XML, JSON, SQL, og støtter migrering til andre CMS som Joomla, Drupal, eller statiske nettsider.
- Du har full FTP-tilgang og kan ta en full backup som lar deg flytte nettstedet ditt hvor som helst.
- Kompatibilitet med andre CMS:
- Mange CMS har importverktøy for WordPress, noe som gjør det enkelt å bytte.
- Du kan også eksportere innholdet og konvertere det til statiske nettsider eller en annen databasebasert løsning.
- ✅ Best for fleksibilitet og eksportbarhet
OBS! Kilde ChatGPT
- 2. Squarespace – ⚠️ Begrenset eksport, men mulig
- Eksportmuligheter:
- Squarespace lar deg eksportere visse typer innhold (f.eks. bloggartikler, sider, bilder og tekst) i WordPress XML-format.
- MEN:
- Butikkinnhold (produkter, ordredata) eksporteres ikke.
- Tilpassede layouter og design kan ikke eksporteres.
- Eventuelle tredjeparts integrasjoner og tilpasset kode kan gå tapt.
- Kompatibilitet med andre CMS:
- Lett å flytte blogginnhold til WordPress, men mye manuelt arbeid hvis du vil ha med designet.
- ⚠️ Delvis kompatibel med andre CMS, men ikke en full eksportløsning
OBS! Kilde ChatGPT
- 3. Wix – ❌ Veldig begrenset eksport (nesten umulig)
- Eksportmuligheter:
- Wix har ingen enkel eksportfunksjon for hele nettstedet.
- Du kan eksportere blogginnhold i XML-format, men sider, design og layout kan ikke eksporteres.
- Wix er en lukket plattform, og du har ikke FTP-tilgang eller mulighet til å ta en full backup.
- Kompatibilitet med andre CMS:
- Du må manuelt kopiere innhold og bygge opp nettstedet fra bunnen av i et annet CMS.
- ❌ Dårligst for eksport og flytting av nettstedet ditt
OBS! Kilde ChatGPT
OBS! Kilde ChatGPT
2. Detaljert sammenligning av pris og byttemuligheter
WordPress.org – Lav pris, full kontroll over kostnader 💰✅
- Pris:
- Gratis CMS, men du må betale for domene og hosting.
- Billige hostingalternativer: Starter fra $3–$10/mnd (f.eks. Bluehost, SiteGround, Cloudways).
- Premium hosting: $20–$50/mnd (f.eks. Kinsta, WP Engine).
- Gratis temaer tilgjengelig, men premium-temaer koster $30–$100 én gang.
- Plugins kan være gratis eller koste $20–$200 per år avhengig av funksjonalitet.
- Mulighet for å bytte til billigere leverandør:
✅ Svært enkelt: Du eier alt og kan når som helst flytte nettstedet til en billigere host.
OBS! Kilde ChatGPT
Squarespace – Moderat pris, men låst til deres system 💰💰⚠️
- Pris:
- Personlig plan: $16/mnd (betalt årlig).
- Business: $23/mnd.
- Nettbutikk: $27–$49/mnd.
- Domene inkludert første året, men fornyelse er dyrere enn hos tredjepartsleverandører.
- Mulighet for å bytte til billigere leverandør:
⚠️ Delvis mulig:- Kan eksportere innhold (bloggposter og sider), men du må manuelt bygge opp designet igjen.
- Kan ikke eksportere hele nettstedet.
OBS! Kilde ChatGPT
Wix – Høy pris, vanskelig å bytte 💰💰💰❌
- Pris:
- Combo-plan (for personlig bruk): $16/mnd.
- Unlimited (for små bedrifter): $22/mnd.
- Business (nettbutikk): $27–$59/mnd.
- Mange tilleggskostnader for apper og premiumfunksjoner.
- Mulighet for å bytte til billigere leverandør:
❌ Svært vanskelig:- Wix lar deg ikke eksportere nettstedet ditt.
- Du må manuelt kopiere innhold og lage et nytt nettsted fra bunnen av på en annen plattform.
OBS! Kilde ChatGPT
Bilder på nett
guide for valg av bildeformat, størrelse og komprimeringsgrad
Bildestørrelsar i WordPress
Full size. Den originale bildestørrelsen du lasta opp i mediebiblioteket ditt. Eg anbefalar per 2025 fortsatt å bruke 2560px på den lengste sida. For et bilde i landskapformat og 16:9 aspect gir det fortsatt en del vertikale px til mobilvisning. Du bør som regel kun bruke full size hvis du skal vise bildet på fullskjerm.
Large size. En store bildestørrelse som passar fin feks. i full bredde i en container med maks breidde opp til ca 1000px.
Medium size. En middels bildestørrelse til generell bruk. Passar i størrelsar opp til ca 500px
Thumbnail size. En liten bildestørrelse til bruk i oversikt, grid layout etc. Passar i størrelsar opp til ca 250px
Sånn henger bildet ut av ramma hvis vi ikkje passar på!
Container: 640 x 300 px
Bilde: 512 x 384 px
ÆSJ!
Thumbnail size. En liten bildestørrelse til bruk i oversikt, grid layout etc. Passar i størrelsar opp til ca 250px
Thumbnail size. En liten bildestørrelse til bruk i oversikt, grid layout etc. Passar i størrelsar opp til ca 250px
Hvis du vil ha same bakgrunn på heile skjermen: Lag en container med 100vh height og gi den bakgrunnsfarge. Plassér alle elementer ved bruk av containers og grid/flexbox.
Gi et hint om kva du øsnker å bruke ei nettside til så kan vi tilpasse workshop neste veke.
Scan koden og svar på google forms
Her er forslag til kva vi kan bruke tida på:
Vi kan lære å visualisere strukturerte data frå tabell / regneark i web verktøyet Datawrapper. Deretter kan vi bygge inn grafen på ei WordPress side som her:
