Opprette og administrere innhold

Webflow

Her får du lære mer om hvordan du kan redigere tekst og legge til bilder og andre ting på nettsiden din.

Lurer du på noe? Ta kontakt?

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

CMS gir deg to måter å redigere innhold som allerede er på nettstedet ditt:

1. Redigering direkte på nettsiden

2. I kategorien Samlinger

Det er to (ekstremt enkle) måter å redigere på, den første er redigering direkte på siden.

Redigering på siden

Redigering rett på siden er ganske intuitivt med CMS, men det er noen ting som er greit å vite.

Redigere tekst

Hvis du ser et blyantikon oppe i høyre hjørne, betyr det at elementet er mulig å redigere.
Hvis du ser et blyantikon oppe i høyre hjørne, betyr det at elementet er mulig å redigere.

Når du først logger på CMS, ser du nettsiden din med CMS-panelet (den grå linjen) skjult nederst på skjermen. Hvis du ser litt tekst du vil redigere, er det bare å holde markøren over teksten. Hvis et lysegrått omriss med et blyantikon øverst til høyre vises, betyr det at du kan du redigere innholdet.

Bare klikk inn i boksen og begynn å skrive! Redigering av tekst fungerer akkurat som den gjør i Microsoft Word eller Google Docs, men styling av teksten din - fet skrift, kursiv osv. - fungerer litt annerledes. (Det vil allikevel føles ganske kjent.)

 Marker teksten så kommer alle formateringsalternativene opp.
Marker teksten så kommer alle formateringsalternativene opp.

Marker teksten for å style den. En grå verktøylinje vil da dukke opp og gi deg følgende alternativer:

  • - B for fet tekst
  • - I for kursiv tekst
  • Kjedekoblingsikon (ikon nr 3 etter B og I) for å sette inn en lenke
  • H1- H6 - for å lage ulike nivåer av overskrifter. Tallet indikerer viktighetsnivået for hver overskrift, med H1 som viktigst, og H6 minst viktig. Vær oppmerksom på at de fleste sider bare har en H1, så du vil sannsynligvis ikke bruke det ofte.
  • For å lage hermetegn. Dette brukes til sitater.

Du kan også style teksten ved å bruke følgende tastekombinasjoner:

  • Command/Control + B for fet
  • Command/Control + I for kursiv
  • Command/Control + K for å legge til lenke

For å bruke en tastekombinasjon, trykk og hold nede Command (på Mac) eller Control (på Windows), trykk deretter på bokstavtasten (B, I ​​eller K), og slipp tastene.

Merk: Noen ganger vil et tekstfelt gi deg færre alternativer enn de som er oppført ovenfor. Dette ble sannsynligvis gjort med vilje, men hvis du trenger flere stylingsalternativer så spør designeren din om hjelp.

Sette inn lenker

CMS lar deg legge til en rekke lenketyper for å oppnå forskjellige funksjoner.

Å legge til en lenke er gjort ved hjelp av et par tastetrykk og gir deg en rekke muligheter.
Å legge til en lenke er gjort ved hjelp av et par tastetrykk og gir deg en rekke muligheter.

Når du trykker på sett inn lenke, angir verktøylinjen som standard å oppgi en URL å lenke til, men hvis du klikker på koblingsikonet til venstre, kan du velge mellom flere andre alternativer:

  1. Eksterne: lenker en besøkende til en annen side på nettet, ofte på et annet nettsted, men du kan også bruke denne til å lenke til en annen side på ditt eget nettsted.
  2. Side: lenker en besøkende til en annen side på nettstedet ditt. Du ser en rullegardinliste over sidene til nettstedet ditt som er oppført her.
  3. Seksjon: kobler en besøkende til en annen del av den samme siden de ser på for øyeblikket. Du ser en rullegardinliste over seksjonene på siden din som er oppført her.
  4. E-post: lenker en besøkende til en standard e-postapp, slik at de kan skrive en e-post til adressen du oppgir.
  5. Telefon: lar en besøkende ringe til telefonnummeret du angir. Dette er spesielt nyttig for folk som besøker nettstedet ditt fra en mobilenhet.

Hver lenketype tilbyr egne tilpasningsalternativer. Klikk på tannhjulikonet for å se hva som er tilgjengelig for din nåværende lenketype.

Flere tekstredigeringsalternativer

Noen tekstområder på nettstedet ditt (vanligvis lengre avsnitt) gir mulighet for flere alternativer.

Klikk på tilbake (eller enter) og klikk på + ikonet for å legge til bilder, videoer, "rich media" eller en enkel liste.
Klikk på tilbake (eller enter) og klikk på + ikonet for å legge til bilder, videoer, "rich media" eller en enkel liste.

Når du trykker tilbake/enter  for å starte et nytt avsnitt, ser du et lite + ikon. Klikk på det for å åpne verktøylinjen og se følgende alternativer.

Bilde ikon
Bilde

Lar deg laste opp et bilde.

Video ikon
Video

Lar deg sette inn en video. Dette må være en video som ligger på en plattform som YouTube eller Vimeo - du kan ikke laste opp en videofil direkte fra datamaskinen din.

"Rich media" ikon
"Rich media"

Lar deg legge inn "rich media" via en lenke. Du kan legge til alle slags objekter ved hjelp av denne funksjonen, men her noen av de mest populære:

  • Imgur-album
  • Google maps
  • Scribd-bøker
  • SlideShare presentasjoner
  • Giphy GIFs
  • SoundCloud-lydfil
Punktliste ikon
Punktliste

Lar deg legge til en punktliste.

Nummerert liste ikon
Nummerert liste

Lar deg legge til en nummerert liste.


Alt du nettopp har lest om redigering av tekst på siden, gjelder også når du er i kategorien Elementer i CMS.

Redigere knapper

Vil du redigere en teksen på en knapp eller lenkedestinasjonen? Bare hold over over knappen og se etter tannhjulikonet.
Vil du redigere teksten på en knapp eller lenkedestinasjonen? Bare hold over over knappen og se etter tannhjulikonet.

Du kan også redigere knapper i CMS. Bare hold markøren over knappen og se etter et tannhjulikon øverst til høyre. Klikk på tannhjulikonet, så ser du to alternativer

  1. Rediger lenkeinstillinger lar deg oppdatere hviken side knappen tar besøkende til.
  2. Rediger tekst lar deg endre teksten på knappen.
Du kan redigere både destinasjonssiden og teksten i knappene

Redigere bilder

Å erstatte bilder fungerer akkurat som knapper - bare hold markøren over og se etter et ikon øverst til høyre!
Å erstatte bilder fungerer akkurat som knapper - bare hold markøren over og se etter et ikon øverst til høyre!

Du kan også erstatte bilder på nettstedet ditt med CMS. Bare hold markøren over bildet du vil oppdatere, og klikk deretter på bildeikonet.

Dette åpner datamaskinens filfinner, hvor du kan velge hvilket som helst bilde du vil ha.

Merk: noen ganger vil visse visuelle stiler automatisk gjelde for bildet du laster opp, så ikke bli overrasket om bildet ditt plutselig endrer størrelse, får en farget kant eller skygge eller lignende.


Håndtere samleobjekter i bulk

Klikk på velg-knappen for å administrere samlingelementer i bulk.
Klikk på velg-knappen for å administrere samlingelementer i bulk.

Noen ganger vil du slette, arkivere eller publisere flere ting samtidig. Da kan du klikke på velg-knappen for å endre statusen til flere elementer, akkurat som i Gmail. Dette kan være spesielt nyttig hvis du vil publisere flere tilkoblede ting (for eksempel en serie artikler) samtidig.

Lage nytt innhold

Du kan bruke CMS til å produsere nytt innhold gjennom alle samlingene dine, så det er veldig enkelt å lage et nytt blogginnlegg, menyelement, produkt eller tjenesteside.

Lage nytt innhold i en samling

Det er ganske intuitivt, og etikettene og den beskrivende teksten for hvert felt hjelper deg også, men det er noen ting som er verdt å være obs på:

Navnefeltet

Navnefeltet er standard for alle samlinger, og utgjør tre ting:

  1. Elementets tittel på nettsiden din
  2. Kilden til elementets URL på nettet.
  3. Elementets tittel i CMS.

Det kan imidlertid være separate felt for element 1 og 2.

Bildefelt

Alle steder det står "Dra og slipp bilde hit", er et bildefelt. Du kan enten dra et bilde fra en annen app på datamaskinen din til CMS, eller klikke på "Last opp et bilde" -linken for å laste det opp fra datamaskinen.

Merk: CMS kan ikke håndtere filer over 4MB.

Hvis filen din er større enn det, kan du bruke Photoshop eller et elektronisk verktøy som TinyPNG eller Compressor for å forminske filene. Bare husk at jo større bilde, jo lenger tid tar det å laste inn, så prøv å få bildene dine så små som mulig uten å miste kvaliteten. Det er også opp til deg å sikre at du har rett til å bruke bildene du legger ut på nettsiden din.


Referansefelt

Hvis du ser noen felt med et forstørrelsesglassikon til høyre, har samlingen et referansefelt. Da kan du importere innhold fra en samling til en annen, og bruke det til å drive ting som kategorier og koder (vanlige bloggfunksjoner).

For å bruke et referansefelt, bare klikk i feltet og velg riktig referanse for det nye elementet. Hvis du ikke ser riktig referanse for den nye siden, kan det hende du må opprette et nytt element i samlingen dette feltet refererer til. Dette forklares som regel i hjelpeteksten for samlingselementet ditt.

Alternativer-felt

Alternativer-feltet fungerer ganske likt som referanser, men er ikke koblet til et annet Samlinger-objekt. Så her kan du kan bare klikke i feltet og velge riktig alternativ for det nye innholdet.

Videofelt

I videofeltet kan du legge til en video i det nye innholdet ditt. Det fungerer ved å hente innholdet fra enten YouTube eller Vimeo, slik at du ikke bare kan laste opp en videofil. Hvis du har en videofil du vil ha på nettstedet ditt, kan du laste det opp til YouTube eller en annen tjeneste, og deretter bare kopiere og lime inn URL-en i videofeltet.

Merk: du trenger ikke koden som genereres av tjenester som YouTube, bare URLen.

Bytt-felt

Bytt-feltet er en enkel av/på og ja/nei-bryter som aktiverer eller deaktiverer funksjonalitet på nettstedet ditt.

Fargefelt

Fargefeltet lar deg legge til litt farge i innholdet ditt på en måte som designeren av nettstedet ditt definerer. Selve feltet lar deg velge en farge visuelt eller å skrive inn det som kalles en "Hex-kode" - en numerisk fremstilling av fargen.

Fargefeltet

Bruk av fargevelgeren kan ta litt tid å bli vant til å begynne med, men du får raskt taket på det. Linjen til venstre representerer hele spekteret av tilgjengelige farger - ved å klikke her oppdateres fargeprøven i midten til en rekke toner i området du klikket på. Midtområdet er der du velger den nøyaktige fargen du vil ha. Linjen til høyre representerer fargenes opasitet, som styrer hvor gjennomsiktig fargen er. Hvis du jobber mye med farger på nettstedet ditt, vil du kanskje ta tak i Chrome/Firefox-pluginen ColorZilla, som lar deg kopiere hvilken som helst fargen du ser på nettet, for deretter å lime inn i fargevelgeren.

Administrere den redaksjonelle arbeidsflyten

Hvis du er den eneste personen som arbeider med CMS på nettstedet ditt, er det ikke noe problem å skrive, redigere og publisere innenfor CMS, men hvis skrive- og redigeringsteamet ditt er større enn bare deg, vil du sannsynligvis ønsker å bruke et annet verktøy for å skrive, dele, redigere og samarbeide om innhold. Hvorfor? Det er to store grunner:

1. De fleste skriveverktøy tilbyr mer detaljerte samarbeids- og redigeringsalternativer, som sporendringer og kommentarer.

2. Det er alltid bra å ha sikkerhetskopier av alt du publiserer på nettstedet ditt (bare i tilfelle noen ved et uhell sletter noe).

Anbefalte skrive- og redigeringsverktøy

Her er noen få skriveverktøy som gir en flott skriveopplevelse, enkelt samarbeid med andre, og som fungerer bra med CMS, ved at du ikke mister formateringen når du kopierer og limer inn innhold fra dem i CMS.

Vi anbefaler ikke å bruke Microsoft Word.

Praktiske hurtigtaster

Skriving blir mye raskere når du kan holde fingrene på tastene. Disse tastekombinasjonene hjelper deg med å gjøre det:

  • Command/Control + B for fet
  • Command/Control + I for kursiv
  • Command/Control + K for å sette inn lenke
  • Command/Control + Z for å angre

Command er på Mac og Control er på Windows.

Les videre om...

Komme i gang

Webflow

Steg for steg guide til hvordan du kan redigere din egen nettside.

Fortsett å lese

Bli bedre kjent med nettsiden din

Webflow

En nærmere titt på hva du kan gjøre og endre inne på nettsiden din, og hvordan du publiserer endringene.

Fortsett å lese

Les videre om...

No items found.

Lurer du på noe? Ta kontakt?

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.