Liferay - bilder

Jobb med bilder i Liferay

Tilpasse bilder for nett og mobilvisning, laste opp i dokumentbibliotek og legge til bilder på nettsiden din. Veiledningen er skrevet for nettmedarbeidere som jobber med publiseringssystemet Liferay.

(Oppdatert 22.05.17)

Legg aldri ut et bilde på NTNUs nettsider uten å tilpasse det for nett og mobile enheter. Dette kan få store konsekvenser for lastetiden og brukervennligheten på nettsiden din. Følg derfor disse stegene slavisk når du jobber med bilder på NTNUs nettsider.

Tilpasse bilder for nett #

Første steg er å behandle bildet ditt i et bilderedigeringsprogram. Det hjelper ikke du skalerer ned bildestørrelsen i Liferay i etterkant. Du må gjøre jobben med å tilpasse bildet for nett utenfor Liferay først.

Du bør ha tilgang på et bildeprogram som lar deg justere pikselstørrelse, oppløsning på bildet og beskjære det. 

NTNU IT tilbyr alle studenter og ansatte bilderedigeringsprogrammet Xara Designer Pro X11 via programfarm.

Anbefalte bildestørrelser #

Følg disse anbefalte pikselstørrelsene når du redigerer bildet:

  • Mal med venstre meny og høyre marg: B= 800
  • Bilder som skal gå over hele siden : B= 1436 ( På hovedsiden er dimensjonene 1436px x 451px brukt)

Sett bildets oppløsning (DPI) til 72 og sørg for at bildet ikke er over 250 kilobyte i filstørrelse.

Last opp bilde til dokumentbiblioteket #

  1. Finn et bilde du har tilpasset for nett.
  2. Logg inn på nettsiden du skal legge bildet ditt til.
  3. Klikk Administrasjon i toppmenyen (Klikk F2 om du ikke ser verktøylinjen).
  4. Velg Innhold.
  5. Velg Dokumenter og media i venstremenyen. Nå er du inne i dokumentbiblioteket.
  6. Finn og klikk på mappen du skal laste opp bildet ditt i.
  7. Du er nå inne i en mappe. Klikk Legg til.
  8. Velg Flere dokumenter. Du kan laste opp ett eller flere bilder med dette valget.
  9. Dra og slipp bildefilen i boksen eller last opp bildet på vanlig måte.

Vi bruker samme fremgangsmåte for å laste opp bilder som dokumenter.

Legge bilder til en artikkel #

Gå til dokumentbiblioteket og finn bildet ditt. Klikk på bildet. Nå ser du en utvidet visning av bildefilen.

  1. Se på høyremenyen og klikk på Hent url, eller klikk på selve urlen slik at den blir blå. Kopier urlen og gå ut av dokumentbiblioteket og tilbake til nettsiden din.
  2. Klikk rediger på artikkeleditoren og klikk deretter på punktet du vil plassere bildet.
  3. Klikk på bildeknappen
  4. Lim inn url-en i det tomme URL-feltet
  5. Skriv inn en alt-tekst i alternativ tekst-feltet (krav! mer om alt-tekster)
  6. Skriv inn bildetekst som vises på nettsiden (valgfritt)
  7. Bruk prosent på bildestørrelser: 100% på bredde og høyde. Dette gjør nettsiden din mobilvennlig.


Slik skal bildeinnstillingene dine nå se ut:


Erstatte for store bilder #

For å redusere størrelsen på et bilde som allerede er publisert må du ha redigeringstilgang til der bildet er lagret.

  1. Lagre det store bildet på din datamaskin.
  2. Følg bruksanvisningen for å optimalisere bilder for bruk på nett. Lagre det optimaliserte bildet slik at det er klart til å lastet opp til nettsiden.
  3. Logg inn med ditt brukernavn og passord på nettsiden som det store bildet ligger
  4. Gå til dokumentbiblioteket og finn det store bildet.
  5. Klikk på bildet og velg Rediger
  6. Under Fil, klikk Browse.
  7. Last opp et bilde som er tilpasset nett.
  8. Klikk publiser.
  9. Slett tidligere versjon av bildet (hvis ditt nye bildet er versjon 1.1 - slett versjon 1.0)
  10. Gå tilbake til nettsiden og kontroller at bildet bruker prosent og har alt-tekst. Fiks dette dersom det mangler.

Organisere bilder i dokumentbiblioteket #

Metadata #

Bruk metadatamulighetene i Liferay konsekvent. Slik blir det lettere å vedlikeholde nettstedet i ettertid.

  • Bruk beskrivende filnavn slik at bilder kan gjenfinnes via søk
  • Merk bildene med gode nøkkelord (tags)
  • Bruk beskrivelsesfeltet til å notere hvor bilde blir brukt, og for informasjon om bruksrettigheter

Organisering av mapper #

Både bilder og dokumenter er samlet i dokumentbiblioteket i Liferay.

Opprett undermapper i dokumentbiblioteket for nettstedets tema, og last opp både bilder og dokumenter — for hovedsiden og relaterte undersider — til samme mappe.

For eksempel:

  • Studier  (bilder og dokumenter)
  • Forskning (bilder og dokumenter)
  • Kontakt  (bilder og dokumenter)
  • Nyheter  (bilder og dokumenter)

FAQ #

Kan jeg flytte dokumenter og bilder mellom mapper etter de er brukt i en side?

Ja, men ikke uten risiko. Liferay støtter omorganisering av bilder og dokumenter etter at de er lagt i en nettside, men merk at bildet- eller dokumenteturlen endrer seg når du flytter dem. Dette vil føre til lenkefeil på nettsiden din.

Se også #

Optimalisere bilder for nett med IrfanView

Publisere bilder på nett

Brukerveiledninger for Liferay

Kontakt #

Trenger du hjelp? Kontakt din nettredaktør

2 Vedlegg
17222 Visninger
Gjennomsnitt (0 Stemmer)