Hopp til innhold

Slik lager du websider i Mekke Publisering

Vi er her: Innhold > Sider

Kortversjonen er her.

Innhold i denne artikkelen:

Opprette Side
Overblikk over funksjonene
Fjern formateringer
Ikonene som hjelper deg å forme teksten
Sette inn anker
Legge til et bilde
Sette inn kolonner
Legge til en Youtube-film
Felles infotekst
Slette en Side
Gjenopprette slettede Sider

I Mekke Publisering kan du lage websider på to måter, enten i form av en Artikkel eller i form av en Side. Artikler brukes gjerne til nyheter mens Sider brukes mest til fast informasjon.

Det er under menyvalget Sider at du også velger hva som skal være startsiden på nettstedet ditt. Da går du hit:

Innhold > Sider > Startside

Du lager altså en del sider til weben din, og så velger du at en av sidene skal være startsiden.

Opprette side

For å opprette en side, klikker du på Sider i menyen og så på "Opprett side".

Altså: Innhold > Sider > Opprett side

Skriv så inn en tekst i feltet som kalles Tittel. Teksten i dette feltet brukes to steder:

  • i nettadressen
  • i menyen

Skriv for eksempel "Tilbud" i feltet Tittel. Da får du et menyvalg som heter "Tilbud" samtidig som nettadressen heter noe med "tilbud".

Du kan et annet sted overstyre menyteksten. Den siden du lager nå, behøver heller ikke være en del av menyen, hvis du ikke ønsker det. Det du derfor kan prioritere i feltet Tittel, er å skrive en bra nettadresse. Google leser ordene i nettadressen og det påvirker hvor høyt opp du kommer i søk.

Deretter kan du legge inn artikkeloverskrift, tekst og bilder der det står Tekst. Slik ser det ut:

Vent med å trykke på Lagre-knappen. Med en gang du trykker på Lagre-knappen, blir siden lagt ut på nettet slik at alle kan se den.

Et overblikk over funksjonene

Vi skal lenger ned gå gjennom ikonene som hjelper deg når du legger inn tekst. Men la oss først gi deg et overblikk over resten.

Litt lenger ned ser du at du kan velge at den nye siden legges automatisk til menyen på nettstedet ditt. Ofte kan det være greit å krysse av der, for da slipper du å gå et annet sted etterpå for ordne med menyen: Innhold > Meny

Men har du mange sider, bør du sortere dem klokt i menyen. Den nye siden som du lager akkurat nå, bør kanskje ligge under et bestemt menyvalg. Kanskje siden til og med representerer en under-under-meny. Eller kanskje siden slett ikke skal være med i menyen. Så ta gjerne vekk avkrysningen og gå heller inn i Innhold > Meny etterpå og finjuster menyevalgene som leserne dine skal se. 

Men la oss nå holde oss der vi var: Innhold > Sider:

Når du har skrevet tekst på siden din, kan du flytte blikket litt lenger ned. Der ser du valget "Passord". Legger du inn et passord der, er siden passordbeskyttet. Folk vil da se et passordfelt og ikke noe annet. Passordet gjelder ikke hele nettstedet ditt, men kun denne ene siden som du lager nå.

Der det står Metabeskrivelse, legger du inn en tekst som passer for søkemotorer. Det er denne teksten som søkemotorene vil vise frem. Skriv slik at folk folk raskt forstår hva siden handler om. Her gjelder det å komme til poenget i løpet av første setning. I tillegg kan du i beskrivelsen gjerne lirke inn noen ord som du tror folk søker med.

Ønsker du en egen logo på kun denne ene siden som du lager nå, kan du ordne det i det neste valget nedenfor. Logoen som du laster opp her, vil ikke vises på alle sider på nettstedet ditt, men kun på denne ene siden. Ønsker du en felles logo for alle sidene, går du til Innstillinger > Sidemal > Logo/Header.

Enda lenger ned finner du valget Header. Det er normalt et bilde som vises øverst på alle sidene dine. Men du kan velge å skru av headeren for akkurat denne siden, eller du kan legge inn en spesiell header, eller du kan legge inn en header som består av mange bilder, det kalles bildekarusell. 

Enda lenger ned får du  muligheten til å laste opp din egen grafikk som vil bli vist i tillegg til logoen, se Egendefinert grafikk.

Helt nederst ser du på nytt Lagre-knappen, men vent med den til du har skrevet ferdig innholdet.

La oss nå gå tilbake til selve skrivingen:

En viktig knapp er "Fjern formateringer"

Limer du inn tekst fra andre nettsider eller tekstfiler, følger det med usynlige koder på lasset. Disse usynlige kodene gjør at et ord plutselig blir større eller mindre enn de andre ordene, eller ser anderledes ut på en eller annen måte. Kort sagt ser det stygt ut og då får kanskje ikke til alt du ønsker å få til. Slik er det med alle publiseringssystemer: Man må renske tekstene for koder. Det gjør du enkelt ved å markere teksten og trykke på ikonet som du ser ut som en Ix.

En annen måte er å lime inn teksten i en enkel notisblokk og så kopiere derfra. Eller lime inn teksten i adressefeltet i nettleseren og så kopiere derfra. Eller lime inn ved å bruke Shift+Ctrl+V.

Ikonene som hjelper deg å forme teksten

Du kjenner igjen de fleste ikonene fra andre tekstbehandlingsprogrammer. Et tips: Når du trykker Enter, blir det ekstra luft til neste linje. Trykker du Shift+Enter, blir det mindre luft.

Det er tre rader med ikoner, vi starter med den øverste.

Hva betyr ikonene i den første raden?

  • Pil venstre = Angre

  • Øye = Forhåndsvisning

  • Hakeparentes = Hvis du vil redigere html-koder

  • Rediger = Mulighet for søk-erstatt og lignende

  • Sett Inn = Her er det mange muligheter: Sett inn video, bilder, lenker, linjer, spesialtegn, anker, sideskift, dato, hardt mellomrom, kolonner, bildekarusell, produkter, produktkategori, artikkel, siste artikler eller artikkel oversikt. Se egne forklaringer om hver av disse mulighetene.

  • Vis = Her kan du få ulike visninger av redigeringen din.

  • Forstørrelsesglass = Du kan zoome inn eller ut.

  • Format = Her kan du lage fet skrift, lage hevet eller senket skrift, lage innrykk eller sette inn tabeller

  • ABC = Stavekontroll på engelsk eller norsk

  • Ix = Fjerne formateringer

  • A = Skriftfarge

  • A = Bakgrunnsfarge

  • AA = Du kan forstørre eller forminske tekst. Vi anbefaler at du heller velger fra listen som starter med «Avsnitt».

Ikke alt er i form av ikoner. I menyvalgene Rediger, Sett Inn, Vis eller Format finner du, som allerede nevnt, mulighet for at teksten rykkes inn. I menyvalgene finner du også mulighet for å sette inn en tabell.

Setter du inn en tabell, må du kanskje ta tak i den og dra den ut til ønsket størrelse. Klikker du inni tabellen, kommer det opp en flytende meny over tabellen, den ser slik ut:

Med den flytende menyen kan du for eksempel velge å sette inn en ekstra kolonne eller rad.

Farge i celler: Velger du Format > Tabell > Celle > Celle-egenskaper, kan du bestemme fargen som hver enkelt celle skal ha. Du kan markere flere celler samtidig. Du kan for eksempel velge rød farge i øverste rad, men da bør du huske å endre bokstavfargen fra sort til hvit, det gjør du her:

Her er et eksempel på en tabell:

Dager Trening Avslapning Oppgaver
Onsdag Hoppe tau TV Vaske vinduer
Fredag Svømme Bok Luke i hagen
Lørdag Gå på ski Film Rydde loftet

Hva betyr ikonene på andre rad?

Ikonene handler om å lage fet skrift, lage lister og om teksten skal være midtstilt eller venstrejustert og så videre.

Avsnitt = Her velger du om ordene skal være en overskrift, en mellomoverskrift eller et avsnitt. Det er lurt å bruke disse valgene, for da ser Google at du har orden i kodingen din. Man skal helst bruke «Overskrift 1» kun én gang, det liker Google.

Hva betyr ikonene på tredje rad?

  • Lenke = Marker et ord eller en setning og velg hvilken nettside ordene skal lenke til.

  • Fjern Lenke = Fjerner lenker som du har satt inn, uten å fjerne ordene.

  • Fjell = Sett inn eller endre bilde

  • Flere fjell = Sett inn bildekarusell

  • Skjema = Sett inn kontaktskjema

  • Stabel = Sett inn produkter

  • To søyler = Sett i kolonner

  • Sett inn artikkel = Velg en artikkel fra nettsidene dine, den vises i mindre format slik at folk kan trykke på den og lese.

  • Sette inn siste artikler = Setter inn liste med de siste artiklene som du har skrevet

  • Sette inn artikler = Sette inn liste med artikler

  • Sett inn RSS-feed

Sette inn anker

Anker er nyttig. Du kan lage lenker som peker rett til et bestemt avsnitt i en lang tekst. Du må først lage et anker i teksten som du henviser til. Deretter kan du lage en lenke som peker til ankeret.

Her er et eksempel på hvordan anker virker. Vi har satt inn et anker i overskriften som handler om ikonene. Så har vi skrevet avsnittet som du leser nå og satt inn en lenke, vi har  også bestemt at den lenken skal føre til at det åpnes et nytt vindu/fane. Se hvordan det virker, gå rett til starten av ikonene her.

Hvordan legger man til et bilde?

Klikk på et ledig område i teksten din, gjerne mellom to avsnitt.

Klikk på ikonet som ser ut som et fjell med en sol: .

Klikk på mappeikonet helt til høyre:

Resten sier seg selv når du ser vinduene. Men du velger altså Upload, deretter Add Files, så Upload, deretter Close og til slutt Insert. Midt i denne prosedyren kan du også velge bildestørrelse. Du kan også legge inn en bildebeskrivelse, det lønner seg hvis du vil høyere opp i Google-søk.

Sette inn kolonner

Bruk funksjonen Sett inn kolonner: Sett inn forhåndsdefinert malinnhold.

Velg antall kolonner. Skriv så inne i kolonneboksene.

Tips: Pass på at kolonnen/boksen alltid har litt tekst i seg mens du jobber med den, for hvis den blir tom, forsvinner den.

Viktig: Ved å bruke kolonner, får du responsiv design, det betyr at elementene tilpasser seg skjermen/vinduet. Tre bokser som står ved siden av hverandre på en stor skjerm, vil flytte på seg og stå under hverandre på en liten skjerm. Det er bra, ellers vil ikke leseren se alle boksene med en liten skjerm. Du bør altså starte med å sette inn kolonner før du begynner på annet innhold.

Her er et eksempel med fire kolonner. Tredje kolonne har bilde (vår logo) i stedet for tekst.


Denne teksten ligger i en kolonne. Denne teksten ligger i en kolonne. Denne teksten ligger i en kolonne.

Denne teksten ligger i en kolonne. Denne teksten ligger i en kolonne. Denne teksten ligger i en kolonne.

Denne teksten ligger i en kolonne. Denne teksten ligger i en kolonne. Denne teksten ligger i en kolonne.


Og sidebar til høyre:


Denne teksten ligger i en kolonne. Denne teksten ligger i en kolonne. Denne teksten ligger i en kolonne.

Denne teksten ligger i en kolonne. Denne teksten ligger i en kolonne. Denne teksten ligger i en kolonne.


Hvordan legger man til en Youtube-film (HTML-kode)?

Du har kanskje surfet rundt på nettet og kommet til en side hvor du legger merke til at eieren av siden har innplantet en Youtube-film. Dette kan man også gjøre i Mekke Publisering.

Gå til Youtube og finn en film du vil legge på siden din.

Trykk på "Del"-knappen når du er på Youtube:

Trykk deretter på Bygg Inn:

Da kommer det opp enda et vindu på skjermen som viser dette:

Klikk på "Kopier", da kopierer du koden som vises med blått i bildet over.

Så går du tilbake til Mekke Publisering og velger Sett inn > Sett inn video.

Der det står "Lenke", limer du inn koden fra Youtube.

Lukk vinduet.

I denne prosedyren kan du også velge at filmen hos deg skal starte for eksempel 3,2 minutter ut i filmen. Du kan også velge større på visningen.

Under her har vi limt inn filmen fra eksempelet slik at du kan se hvordan det vil se ut på ordentlig:

Felles infotekst

Felles infotekst er en tekst som går igjen på alle sidene dine. Det er forskjellig fra mal til mal hvor du finner denne. Under ser du et eks. fra malen "blå bakgrunn".

Hvordan sletter man en side?

Du sletter en side ganske enkelt ved å trykke på «Slett side». Ta gjerne først en kopi av teksten og lagre på din egen maskin, så vet du hva kundene dine har lest tidligere.

Gjenopprett slettede sider

Med denne funksjonen kan du enkelt gjenopprette slettede sider. Her ser du også dato og klokkeslett for slettingen, hvilket som kan gjøre det lettere å finne frem til den slettingen du vil angre.

sider

Del denne siden med andre!

Share on FacebookShare on Twitter