Vejledning 1. Hjemmeside hos Wix

1. Skift sproget til dansk

  • I menuen skift sproget til f.eks. dansk

Rediger

2. Opret dig som bruger

  • Gå ind på Wix.com og vælg Sign in (1)
  • Klik på Tilmeld dig (1). Hvis du er bruger i forvejen, kan du logge ind til venstre på skærmen. Lad være med at bruge Facebook, Google eller Apple login (3). Det kommer hverken Facebook, Google eller Apple ved, at du er tilmeldt Wix.
  • Hvis du allerede har et login, kan du logge ind fra samme side, som du opretter dig som bruger på (1). Indtast email og ønsket password til venstre og klik på knappen Tilmeld dig (2). Lad være med at bruge Facebook og/eller Google login (3)
  • Du skulle nu være oprettet og du er klar til at gå i gang med Wix

3. Opret en side, gem og publicer

  • Når du logger ind som bruger, skal du starte med at lave en ny hjemmeside. Det gør du ved at klikke på en af knapperne Lav en ny hjemmeside (1)
  • Så skal du vælge, hvilken type hjemmeside, du vil have. Du kan få både blogs, webshops og alt muligt andet. For at få mest mulig frihed vælg Andre (1)

  • Så kommer der lige en Wix-reklame. Vælg Vælg en skabelon (1) til højre
  • Så kommer du ind på en side, hvor du kan vælge skabeloner. Der er virkeligt mange flotte, ognår du bliver mere erfaren, kan du bruge den skabelon, der passer dig
  • For nu vælg først Tomme skabeloner(1). Når det er valgt, ser du siden nedenfor. Rul musen over skabelonen Start from Scratch (2) og klik på knappen Rediger (3)
  • Når du har valgt en skabelon, får du en tom side, som du kan arbejde med. Øverst (1) er sidens navn. Den hedder “Home”, men du kan selvfølgelig ændre navnet, hvis du vil
  • Til venstre (2) er der nogle vigtige knapper. Med de knapper kan du alt. Ændre baggrunde, tilføje menuer, alt
  • Til højre (3) har du en hjælpemenu, som du kan bruge til mere detaljeret layout
  • I næste afsnit vil jeg lære dig at layoute en side. Men først skal du lære at gemme og publicere. Væn dig til at gem ofte, så du ikke mister dit arbejde ved et uheld. “Rigtige mænd gemmer ikke! Rigtige mænd græder tit“. Det er så trist, når folk græder, så husk at gemme :-). Du gemmer ved at klikke på knappen Gem øverst til venstre (1)
  • Vælg et domæne (1). Hvis du kopierer URL’en, så vil du om et øjeblik kunne se dit site på nettet. Bemærk at du nedenunder kan vælge den URL, der passer dig, men så skal du til at betale. Vælg til sidst knappen Gem og fortsæt (2)
  • Bemærk: Hvis du vil købe en mere professionel hjemmeside, så er det her, at du kan købe og betale for et bedre domænenavn
  • I det næste skærmbillede kopier evt. URL’en eller ændr den, hvis du ikke fik gjort det før. Ellers klik på knappen Publicer nu (2). Så kan du se din hjemmeside på nettet. Klik til sidst på knappen Færdig (3)

4. Layout

4.1 Dit første element på siden

Vi har en blank side, som vi nu skal gøre noget ved. Start med at undersøge ikonerne til venstre (1). De er på mange måder dejligt selvforklarende.

IkonForklaring
tilfoejTiløj: Meget vigtig knap. Du kan tilføje alt muligt til den enkelte hjemmeside her, fra menuer over overskrifter til ….
Menuer & sider: Du kan lave menuer, knytte sider til menuer og måske lave flere menuer her
Udtryks-manager: Du kan arbejde med farvesæt og typografier (dvs. skrifttyper) her
Baggrund: Du kan styre baggrunde herfra, og du kan endda sætte små film ind som baggrund
Tilføj apps: Her kan du finde og anvende forskellige tillægsprogrammer til Wix. Nogle kan være betalingsapps, andre er gratis. Du kan f.eks. lave blog, formularer og ordrer
Medie: Det handler både om at gemme og redigere videoer, samt om at linke til div. sociale medier som f.eks. Facebook og Instagram
Blog: Brug knappen her til at lave en blog
Ascend virksomhedsværktøjer: Du kan her arbejde med marketing, søgemaskineoptimering (SEO), e-mail kampagner, økonomi og lignende
  • Lad os starte med overskriften. Klik på Tilføj (1) > Tekst (2) og vælg f.eks. Stor titel (3). Træk titlen hen, hvor du vil have den på siden
  • Du kan nu redigere teksten (1). Klik på Rediger tekst (2) og få en række muligheder for at ændre i typografierne (3)
  • Klik gerne på Forhåndsvisning øverst til højre for at beundre mesterværket 🙂

4.2 Baggrund

  • Gå ind i den lodrette menu til venstre og klik på Baggrund (1). Du kan både få farve og billede som baggrund. Jeg har fundet et billede (2) her med noget vand. Hvis du ønsker, at baggrunden skal gå igen på samtlige sider, så klik på knappen Tilføj til andre sider (3). Det kræver nok, at du har oprettet nogle flere sider, men det kommer vi til.

4.3 Tekst og billeder i kolonner med striber

En stribe er et vandret layout-element, som du kan opdele i kolonner. Når vi designer hjemmesider, bruger vi mange striber. Især i moderne design. Lyder det indviklet? Det er det ikke, du lærer det lynhurtigt.

  • Klik på Tilføj (1) og vælg Stribe (2) (“strip” på engelsk)
  • Til højre kan du vælge en stribe. Jeg har scrollet lidt ned og og harer mange at vælge imellem. Jeg har valgt en måske lidt kedelig mørkeblå stribe (3), men jeg kan altid ændre både farver og indhold
  • Når du er tilfreds, så husk at gemme … og selvfølgelig at se dit mesterværk under forholdsvisning

4.4 Mere layout på den enkelte side

Du har allerede nu fornemmelsen af, hvordan man arbejder i Wix. Tilføj elementer medudgangspunkt knappen “Tilføj”. Du kan lave gallerier, animationer, webshops, blog og alt muligt andet

5. Menuer, header og footer

5.1 Indsætte menu

Jeg vil nu indsætte en vandret menu øverst på min forside.

  • Klik igen på Tilføj (1) > Menu (2) og under Vandrette menuer finder jeg en passende menu (3).
  • Jeg trækker menuen ind på min side (1). Bemærk at jeg har trukket det ind i sidehovedet (2). Den skal gå igen på mine andre sider

5.2 Få elementer til at gå igen på siderne

Jeg vil gerne have, at både min titel og min menu går igen på alle de sider, jeg har tænkt mig at lave

  • Højreklik (pc) / dobbeltdub (Mac) på det element, som skal gå igen. Her er det menuen (1). I det lokalmenu, som kommer frem, skal du scrolle helt ned i bunden. Slå knappen Vis på alle sider til (2)
  • Gentag det eventuelt med titlen, så den også går igen
  • Lav evt. en footer måske som en stribe, og sørg for, at den også går igen på alle siderne

5.3 Ret sidens navn, så det står pænt i menuen

  • Din første side har lige nu navnet “Home”. Det navn bliver brugt automatisk i menuen, men det laver jeg om på nu
  • Klik på Menuer og sider (1) og vælg Hjemmesidemenu (2).
  • Ud for den ønskede side, her den eneste side HOME, klikker du på de 3 prikker (3). Vælg fra lokalmenuen Indstillinger (4)
  • Du får nu åbnet vinduet Indstillinger (HOME) (1). Ordet “HOME” er selvfølgelig sidens navn. Klik i feltet Hvad er denne sides navn (i din menu)? (2). Du skal ikke gemme nogle steder, Wix gemmer automatisk
  • Tadaa, så er det rettet. Jeg har tjekket efter i Forhåndsvisning

5.4 Lav flere sider og tilføj dem til menuen

  • Du kan nemt lave flere sider. Vælg fra den lodrette menu til venstre den første mulighed, Menuer & sider (1) > Hjemmesidemenu (2) > Knappen Tilføj ny side (3). Bemærk, at du kan lave animerede overgange mellem siderne (4) lige som i PowerPoint
  • Hvis du har fulgt vejledningen under afsnit 5.2 lige ovenover, så vil menuen og titlen gå igen i den nye side, du laver. Min nye side har jeg kaldt for “Side 2”. Wix tilføjer automatisk nyt til din menu (1) og du kan selvfølgelig rette titlen på siden til noget andet end “Forside” (2)

5.5 Der er mange muligheder i nye sider

Når du laver nye sider, har du nogle muligheder som er værd at kikke på. I eksemplet her viser jeg dog, hvordan du gør med eksisterende sider. Det gør ikke noget, fremgangsmåden er præcis den samme.

  • Gå ind under Menu & sider (1). Ud for den ønskede side vælg den lille knap længst til højre (2). Det åbner et nyt vindue (3), hvor du kan arbejde med layout

5.6 Sæt en side som startside

  • Hvis du vil være sikker på, at browseren griber fat i den rigtige side som din startside, så går lige som ovenfor. Vælg Menu & sider (1) > klik på den lille lokalmenu ud for den ønskede side (2). Et delvindue åbner. I delvinduet kik på punktet Gør dette til din forside (3). Hvis siden ikke er den forside som i eksemplet her, så vil du se en lille blå knap Vælg (4). Klik på knappen, hvis den valgte side skal være din forside

5.7 Lav undermenuer

  • Jeg har en helt almindelig menu med 2 punkter, Home og Side 2. Ikke specielt fantasifuldt, men det virker
  • Gå ind i Menuer & sider (1) og vælg som sædvanligt Hjemmesidemenu (2). Tag så den ønskede side, her Side 2, og træk den ½ centimeter mod højre (3). Jeg har prøvet at illustrere det med pilen (4)
  • Hvis du nu går ind under Forhåndsvisning, så vil menuen folde sig ud, når du klikker på Home. Side 2 er blevet til et undermenu (1) i stedet for et menupunkt i hovedmenuen

6. Skift frem og tilbage mellem editoren og administrationsvisning

Indtil nu har vi kun arbejdet i editoren. Der er en administrationsvisning, som kan give dig overblik, hvis du f.eks. har flere sites. Du skal nu lære, hvordan man skifter frem og tilbage mellem editor og administrationsvisningen

Når du åbner dit site, vil din hjemmeside ofte se således ud.

Sådan kommer du fra administrationsmodulet til editoren:

  • Hvis du vil ind i editoren, så vælg først den hjemmeside, du vil arbejde med. Vælg Mine hjemmesider (1) og i fald-ned menuen vælg det rigtige site. Her Lars01 (2)
  • I det nye vindue vælg Hjemmesideoptioner (1). Det åbner en fald-ned menu, og her vælger du det første punkt Rediger (2). Så er du inde i editoren

Sådan kommer du fra editoren og til administrationsvisningen

  • Hvis du er i editoren, så kan du komme til administrationsvisningen ved at klikke på Hjemmeside (1) > Luk editoren (2)

7. Indsætte billeder og video

7.1 Indsætte billeder

  • Når du indsætter billeder, skal du først have billedet parat på din computer
  • Så skal du uploade det til Wix. Klik på Tilføj (1) > Billede (2) > Mine uploads (3) > Klik på MIne billeduploads (4)
  • Du får nu et nye vindue, Vælg billeder. Klik på Upload medier (1) og vælg dit billede
  • I et nyt vindue uploader du, og når det er overstået, kan du se billedet i din billedsamling (1)
  • Du skal igennem dette her for hvert billede, som du ønsker på hjemmesiden. Omvendt: Nu har jeg AGFs smukke logo i mit mediearkiv, nu kan jeg bruge det lige så mange gange, jeg vil, uden at skulle uploade det igen
  • Du indsætter billedet ved at gå ind på det ønskede sted. I det første tilfælde er der et billede i kolonnen i forvejen. Hun ser da meget sød ud, men hun har ikke meget med AGF at gøre bortset fra hendes hviiiiie trøje. Jeg vil have et klublogo i stedet.
  • Jeg klikker på billedet (1) > Ændre kolonnens baggrund (2) > BIllede (3)
  • I det nye vindue klik på Hjemmesidebilleder (1) > vælg det smukke AGF logo (2) og klik til sidst på Erstat baggrund (3)

7.2 Indsæt billede på almindelig vis

  • Simpelt. Upload billedet først(se ovenfor under 7.1). Klik så på Tilføj (1) > Billede (2) > Mine uploads (3) og Mine billeduploads (4). Så får du dit billede indsat

8. Udforsk mulighederne

Først og fremmest er der mange gode sites. Sitet her har video om bl.a. knapper, headers/footers og alt muligt andet godt: https://www.wix.com/blog/2016/11/10-wix-essential-tutorials/

8.1 Flere brugere på samme site

Du kan invitere flere brugere til at arbejde på dit site, men I kan nok ikke redigere på samme tid.

  • Start med at invitere folk inde i administrationsmodulet (1)
  • På næste side kan du angive email (1) og roller (2). Hvis dem, du arbejder sammen med, skal kunne det hele, skal du vælge den øverste rolle som Admin (medejer) (2). Til sidst sende invitationen til den/dem, du vil tildele rollen til (3).

8.2 Blog

Du kan oprette en webshop fra knappen Blog eller fra Tilføj > Blog MANGLER

8.3 Formular

Du kan oprette formularer til en kontaktside i editoren fra knappen Tilføj > Kontakt & formularer. Men hvis den skal virke, så skal du opgradere Wix til premium og betale for det.

8.4 Chat funktion

MANGLER men findes under Tilføj > Chatfunktion

8.5 Webshop

Du kan oprette en webshop fra knappen Tilføj > MANGLER

8.6 Lukket område med password adgang

MANGLER men måske en idé i forhold til databaser.

8.9 Databaser

Du kan arbejde med databaser i Wix.

  • Gå ind under Dev mode (1) og slå Dev mode til (2)
  • Nu har du mulighed for at arbejde med koden og databasen ude til venstre (1). Du kan altid gå ind under Dev mode og slå Dev mode fra igen

8.9 Tilretninger med HTML og CSS

MANGLER