Bilder i sider og innlegg

1
Bilder i innlegg og sider
Eksempel på innlegg med tekst rundt et hovedbilde.
Teksten splittes med «les mer …» skille.
Innlegget viser også et bildegalleri.
1.
2.
3.
4.
5.
6.
7.
8.
9.
Først samles bildene som skal brukes i innlegget.
Forsidebildet lastes opp.
Galleriet lastes opp.
Teksten skrives inn i innlegget.
Hovedbildet settes inn.
Bildegalleriet settes inn.
Teksten skilles med «Les mer …».
Det krysses av for kommentarer, kategori og lignende.
Publiser
WordPress 3.2.0
2
Bilder i innlegg og sider
WordPress 3.2.0
1. Her har vi samlet det bildene som skal inn i innlegget i en mappe. Vi vil ha
fyr.jpg som forsidebilde og resten av bildene i et bildegalleri.
3
Bilder i innlegg og sider
2. Her laster vi opp «fyr.jpg».
Media – Legg til ny – Velg – Last opp
WordPress 3.2.0
4
Bilder i innlegg og sider
WordPress 3.2.0
3. Her lager vi et nytt galleri «Naturbilder» og laster opp resten av bildene
til dette galleriet.
Galleri – Legg til galleri/bilder - Legg til nytt galleri – «Naturbilder»
- Legg til galleri
5
Bilder i innlegg og sider
WordPress 3.2.0
3b. Laster opp resten av bildene til galleriet.
Galleri – Legg til galleri /bilder – Last opp bilder – Velg galleri - «Naturbilder»
- Bla .. – Last opp bilder.
6
Bilder i innlegg og sider
3c. NB!
WordPress 3.2.0
Ved innstillinger under Galleri bør følgende være valgt:
1. «Forandre størrelse på bildene»
2. «Endre størrelse automatisk»
7
Bilder i innlegg og sider
4.
a)
b)
c)
d)
WordPress 3.2.0
Kopier inn eller skriv inn aktuell tekst
Maker hvor bildet skal settes inn. – Midt i teksten
Trykk «Last opp / sett inn bilde» - fra Mediabibliotek
Nytt skjermbilde åpnes og aktuelt bilde velges (lighthouse.jpg).
8
Bilder i innlegg og sider
5.
a) Vi har alt bestemt at bildet skal
være midt i teksten så man bør
ikke velge venstre, høyre osv.
b) Velg størrelse på bildet.
medium (300x225).
c) Trykk «Sett inn i innlegg»
WordPress 3.2.0
9
Bilder i innlegg og sider
5. b
Bildet er her satt inn på valgt plass i
teksten
WordPress 3.2.0
10
Bilder i innlegg og sider
5. c
Slik ser innlegget ut i «Forhåndsvis». Legg merke til
ikonene som leder til Tvitter og Facebook. De vil vi ha
under bildet.
WordPress 3.2.0
11
Bilder i innlegg og sider
WordPress 3.2.0
5. d
Vi setter inn «Linjepunktum». Senere endrer vi fargene på
disse til hvit slik at de forsvinner i bakgrunnen.
12
Bilder i innlegg og sider
WordPress 3.2.0
5. e
Slik ser innlegget ut i «Forhåndsvis». Nå er ikonene under bildet.
13
Bilder i innlegg og sider
6.
Plasser tekststart her, trykk på NextGen-ikon her.
WordPress 3.2.0
14
Bilder i innlegg og sider
6. b
Nedenstående skjermbilde kommer opp. Velg ønsket
galleri, merk av «Bildeliste» og trykk på «Sett inn».
WordPress 3.2.0
15
Bilder i innlegg og sider
6. c
Koden for NextGen galleriet er nå satt inn.
WordPress 3.2.0
16
Bilder i innlegg og sider
6. d
Slik ser det ut i forhåndsvisning.
WordPress 3.2.0
17
Bilder i innlegg og sider
7.
Koden for «Les videre …» skille settes inn.
WordPress 3.2.0
18
Bilder i innlegg og sider
7. b
Slik ser det ut i forhåndsvisning.
WordPress 3.2.0
19
Bilder i innlegg og sider
7. c
Og slik ser det ut når man åpner innlegget.
WordPress 3.2.0