Vejledning 01. Wix

Indholdsfortegnelse

1. Skift sproget til dansk

  • I menuen skift sproget til f.eks. dansk

Link til toppen af siden.

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

Link til toppen af siden.

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). De 2 knapper fører det samme sted hen.
  • 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 Spring over (1)
  • Giv hjemmesiden et navn (1) og klik på Næste (2)
  • På den næste side kan du tilføje forskellige funktioner til din hjemmeside. Meget nyttigt, men vi springer det over. Vi kan altid vende tilbage og tilføje funktioner om nødvendigt. Klik på Spring over (1).
  • Så kommer du ind på en side, hvor du kan vælge skabeloner. Lad os bare “begynde” med det (1).

  • Der er virkeligt mange flotte skabeloner. Når du bliver mere erfaren, kan du bruge den skabelon, der passer dig. Men for nu skal du lære at bygge dem selv. Vælg Tomme skabeloner (1).
  • Igen er der super mange skabeloner, du kan arbejde med. Vælg den tomme skabelon (1). Når du ruller musen over den tomme skabelon, får du en lille hjælpemenu. Vælg Rediger (2)
  • Når du har valgt en skabelon, får du en tom side, som du kan arbejde med. Øverst (1) er sidens navn, og du kan styre siderne og sidernes navne herfra. Inklusive lave nye sider. 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
  • Midtpå kan du tilføje designede afsnit og elementer til din side. Vælg Tilføj elementer (3)
  • 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). Knappen Udgiv (2) bruger du senere, når du vil publicere dit arbejde.
  • 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 (1), hvis du vil se din hjemmeside. Til sidst klik på knappen Færdig (2).

Link til toppen af siden.

4. Layout på din første side

Inden du går i gang: Jeg har lavet en video til afsnittet. Videoen er nyere end teksten, så den har de sidste ændringer fra WIX med.

Link til toppen af siden.

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.

tilfoej
  • 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 

Link til toppen af siden.

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.

Link til toppen af siden.

4.3 Byg siderne op 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

Link til toppen af siden.

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.

Link til toppen af siden.

5. Menuer og nye sider

Inden du går i gang: Jeg har lavet en video til afsnittet. Videoen er nyere end teksten, så den har de sidste ændringer fra WIX med.

Link til toppen af siden.

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

Link til toppen af siden.

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

Link til toppen af siden.

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

Link til toppen af siden.

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)

Link til toppen af siden.

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

Link til toppen af siden.

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

Link til toppen af siden.

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

Link til toppen af siden.

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)

Link til toppen af siden.

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)

Link til toppen af siden.

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

Link til toppen af siden.

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/.

Link til toppen af siden.

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).

Link til toppen af siden.

8.2 Særskilt knap mellem siderne

Du ved allerede nu, hvordan man opretter og arbejder med en menu. Men måske kunne du godt tænke dig en ekstra knap.

Start med at indsætte en knap. Du kan hente knapper fra Tilføj (1) > Knap (2) > her har jeg valgt Tekst & ikon-knapper (3), og så fandt jeg til sidst en Let’ go-knap (4).

Træk knappen ind på din valgte side. Vælg Ændr tekst og ikon (1)

I det nye vindue klik på Ændr tekst & ikon (1), så knappen kan få en anden tekst. Bagefter klik på teksten Tilføj et link (2).

I det nye vindue kan du linke til alt muligt. Jeg vil linke til en anden side på min hjemmeside, så jeg vælger Side (1). Til højre i vinduet klik på fald-ned pilen (2). Så kan du vælge mellem dine sider. Jeg har valg Verdens sødeste hund (3). Når du klikker på knappen Færdig (4), så vil Wix have oprettet et link til den ønskede side. Super nemt :-).

Link til toppen af siden.

8.3 Knapper/ikoner til sociale medier

Wix har mængder af knap-muligheder til sociale medier. Her viser jeg en “sociale-medier-bjælke”. Stå på den ønskede side og gå ind under Tilføj (1). Vælg Sociale (2), her Bjælke til sociale medier (3) og den ønskede bjælke (4).

Bemærk:

  • Hvis du vil have bjælken til at gå igen på samtlige sider, kan du gøre lige som ved menuen. Placer den enten i sidehovedet eller sidefoden. Ellers skal du højreklikke (dobbeltdubbe på Mac) og vælge det sidst punkt: “Vis på alle sider”

Når du har hentet bjælken ind, så kan du vælge Angiv sociale links (1) og redigere links’ne.

Tip: Under “Sociale” findes der også knapper, som er rettet f.eks. kun mod Facebook. Her er et eksempel: Vælg som før Tilføj (1) og Sociale (2). Bagefter vælg Facebook (3) og så får du nogle knapper, som du kan sætte ind (4).

Her har Christian fra GF6 brugt det på hans hjemmeside:

Link til toppen af siden.

8.4 Chat funktion samt “share”/”del” knap

Du kan nemt tilføje en chat funktion til din hjemmeside. Gå ind under Tilføj (1) og vælg Kontakt & formularer (2). Under CHAT vælg Wix Chat (3). Så får du 2 ikoner til chat-funktioner, som du kan trække ind på din side (4). Nedenunder finder du en knap Share (5). Den kan bruges til at dele på sociale medier.

Link til toppen af siden.

8.5 Lukket område med password adgang og medlemsområde

MANGLER

9. Søgemaskineoptimering (SEO) i Wix

Hav din hjemmeside åbent i redigeringsmode. Vælg den nederste knap Rediger virksomhedsværktøjer

Du har allerede valgt Ascend Virksomhedsværktøjer (1). Klik på Marketing & SEO (2). Der findes rigtigt mange værktøjer til marketing og SEO, og vi skal kikke på SEO-værktøjet. Det finder du ved at skrolle lidt ned (3) og vælge SEO-værktøj (4).

Du er nu i vinduet SEO-værktøj (1). Vælg knappen Kom i gang (2).

Så kommer der lige en reklame fra Wix. Pyt med den, klik trygt på knappen Kom i gang (1).

Så er vi endelig fremme ved det sjove. Du kan nu indtaste en række oplysninger til gavn for, at du kan blive fundet på nettet. Det første er at indtaste navnet på hjemmesiden. Bemærk at jeg arbejder på sitet https://larsljungqvist.wixsite.com/lars01, hvor jeg skriver lidt om min søde hund Balder. Giv dit site et velvalgt navn (1) og klik på knappen Næste (2).

Indtast gerne en adresse (1). Jeg har fundet på adressen “Giv-pote Vej” i Hundested, find selv på noget her. Klik på knappen Næste (2).

Indtast 3 sætninger på hver maks 5 ord, der beskriver din virksomhed (1). Klik bagefter på knappen Opret SEO plan (2).

Nu bliver din SEO plan oprettet. Se næste afsnit.

Link til toppen af siden.

9.1 SEO-planen

Den plan for dit SEO-arbejde, som Wix opretter til dig, består af 3 trin.

  • Trin 1: Lad os få din hjemmeside opført på Google (1)
  • Trin 2: Optimer din hjemmesides SEO-sider (2)
  • Trin 3: Bliv ved med at forbedre din SEO (3). Du skal skrolle en del for at nå ned til punktet

Trin 1: Lad os få din hjemmeside opført på Google

Det punkt har du allerede været igennem med et par undtagelser. Hvis det her var “virkelighed”, så skulle din side tilmeldes Google. Den skulle også have en god URL. Ingen af delene er nødvendige, så længe det kun drejer sig om træning.

Trin 2: Optimer din hjemmesides SEO-sider

At lave SEO er en omfattende process. Her er et par guidelines

  • Alle sider skal have en fornuftig sidetitel
  • Der findes nogle koder kaldet “meta-koder” i sproget HTML. HTML er det kodesprog, man bruger til hjemmesider. Koderne rummer udelukkende information til Google. Eksempler på den slags information kan være
    • Kort beskrivelse af sidens indhold: F.eks. “Balder er min søde hund” eller “Vi sælger alle førende mærker i sneakers”
    • Alle billeder har en “alt”-tekst. Det vil sige, at hvis et billede downloades langsomt, så kommer der trods alt en tekst til billedet
    • Alle sider skal have en “Overskrift 1”-typografi
    • De ord, du vil findes på, skal gå igen i teksen. Hvis jeg vil findes på “hunde”, så duer det ikke, at ordet “hund” ikke en gang imellem findes i sidens brødtekst
  • Brug i øvrigt de gode råd, som guiden giver dig, den er ret informativ

Trin 3: Bliv ved med at forbedre din SEO

Hvis du vil øverst i Google, så skal du arbejde og arbejde meget med din SEO. Konkurrencen er hård. Wix giver gode råd, hvis du klikker på knappen Gå til SEO-guide (1).

Link til toppen af siden.

10. Kontaktformular og Google Maps

Det er super nemt at lave både kontaktformularer og inlejrede Goole Maps med Wix.

10.1 Kontaktformular

Gå ind under Tilføj (1). Vælg Kontakt & formularer (2), Kontakt (3) og til slut en af formularerne (4).

I det nye vindue vælg Formularindstillinger (1). Vælg herefter i det nye vindue Indstillinger (2). Klik på Notifikationer via e-mail (3).

Under Notifikationer via e-mail indtaster du den email, som notifikationerne skal sendes til (1). Klik til sidst på Gem (2). Så får du tilsendt de beskeder, som kunderne indtaster.

Link til toppen af siden.

10.2 Google Maps

Vælg Tilføj (1) > Kontakt & formularer. Find Google maps og vælg f.eks. Maps (3) og en af kortene (4).

I det nye vindue vælg antal steder (1). Indtast adressen, her Stadion Alle 70. 8000 Aarhus C. Det er deHviiiiiii’s hjemmebane (3). Så ser du kortet (4). Klik til sidst på Gem (5), så er det indlejret på din hjemmeside.

Link til toppen af siden.

11. Database

Du kan arbejde med databaser i Wix.

  • Gå ind under Dev mode (1) og slå Dev mode til (2). Dev. står for “Developer”
  • Nederst ser du sidens kode (1). Den skal vi ikke arbejde med i øjeblikket, så gør gerne vinduet mindre
  • Vælg til venstre Databases (2) > klik på plusset under Content Collection (3) og vælg til sidst “Ny kollektion”

Klik på knappen Kom i gang (1).

Nu skal du oprette din database. Jeg vil oprette en kundedatabase. Først giv databasen et navn, jeg har kaldt den “Kundedatabase” (1). Giv den også et ID, jeg har kaldt mit ID for “KundedatabaseID” (2). Under “Hvad er denne samling til” vælg “Hjemmeside indhold”. Under fald-ned menuen ud for “Hvad er denne samling til” har du forskellige muligheder, bl.a. at lave en database kun for medlemmer (4).

Nu kan du lave en database. Jeg har lavet en kundedatabase. Den ender med at se cirka sådan ud: Det kræver lidt tid at finde rundt i, hvordan man sætter tingene op.

Link til toppen af siden.

11.1 Opret en indtastningsformular

Brug videoen her https://www.youtube.com/watch?v=tjuBjWFBnEY.

Link til toppen af siden.

12. Tilretninger med HTML og CSS

Du kan skrive HTML og CSS i Wix i begrænset omfang, og jeg vil inddele det i 3 områder.

  • Indlejre (“embed” på engelsk) HTML på en side, f.eks. en YouTube video
  • Rette i HTML
  • Rette i CSS

Link til toppen af siden.

12.1 Indlejre HTML

I Wix er der flere muligheder for at indlejre. Gå ind under Tilføj (1), vælg Indlejr (2). Der er en del muligheder, men jeg vil vise dig Indlejr en widget (3).

Når du går det, får du et område på en side, hvor du kan sætte HTML kode ind (1). Klik på knappen Indsæt kode (2).

Jeg vil indlejre kode, så jeg kan se en YouTube video. Klik først på Kode (1) og sæt bagefter koden ind (2). Klik til sidst på knappen Opdatere (3). Bemærk: Hvis du vil vide, hvordan man nemt kan hente kode fra YouTube til indlejring på en hjemmeside, så læs Vejledning 5. Indlejr video fra YouTube som HTML kode.

, og vupti har jeg en video indlejret på min side. FCK taber på hjemmebane 2 – 4 til DeHviiiii. Svedigt :-).

Link til toppen af siden.

12.2 Rette i HTML

MANGLER

12.3 Rette/tilføje CSS

Lad det være sagt med det samme. Man retter stort set aldrig i CSS, når man arbejder på hjemmesideskabeloner. Grunden er simpel: Du kan ikke overskue konsekvenserne af din rettelse, for du ved ikke, om der så pludselig sker noget andre steder. Ud over det er CSS’en ofte stylesheets med flere hundrede linjer, som det er mere eller mindre umuligt at overskue. Der kan endda være tale om CSS fra javaScript-filer, som “kastes ind” undervejs. Så hold dig fra at rode i programmets kerne.

Men: Det gør ikke noget, for der er en anden og mere simpel metode. Du laver bare dit eget lille stylesheet eller javaScript fil. Den ligger du ved siden af, og er der noget galt, så ved du, hvor du skal rette henne. Går det helt galt, kan du altid bare fjerne filen igen.

Link til toppen af siden.

13. Sej grafik og fede animationer

Wix gør det nemt at lave både flot grafik og fede animationer.

13.1 Gennemsigtig baggrund

Metoden med at skabe gennemsigtighed er det samme for alle grafiske elementer. Her har jeg har hentet en lidt kedelig slide ind fra Tilføj (1). Se under 4.3 Byg siderne op med striber for at lære, hvorfor striber er vigtigt i Wix, og hvordan du kan arbejde med dem. Midt i striben finder du en hvid firkant (2). Den vil jeg prøve at gøre lidt gennemsigtig, så du kan se baggrunden bag. Når du klikker på den hvide baggrund, får du en lokalmenumenu (3). I menuen klik på knappen Design (4). Knappen Design er nr. 2 fra venstre.

Når du klikker på Design (4), så åbner vinduet Design. I vinduet Design (1) klik på knappen Tilpas design (2).

I det nye vindue Design (1) klik på knappen Farve og gennemsigtighed (2).

Du får nu nogle muligheder under Farve & gennemsigtighed (1). Når du skruer ned for baggrund og/eller ydre baggrund, så vil den hvide kasse blive mere og mere usynlig. Her er den næsten usynlig (2). Prøv evt. at sammenligne med det første billede i afsnittet her.

Link til toppen af siden.

13.2 Diasshow med billeder, tekst eller begge dele

Gå ind under Tilføj (1). Vælg Interaktiv (2). Under DIASSHOW (3) vælg en af mulighederne, jeg har valgt Diasshow i bokse udelukkende fordi, at det er mere overskueligt at vise end Diasshow til fuld bredde. Du vil dog helt sikkert finde de samme muligheder under Diasshow til fuld bredde.

Til sidst vælger du en af mulighederne for at indsætte et diasshow (4).

Øverst under Administrer billeder (1) kan du sætte de billeder ind, som du vil. Du har mulighed for at arbejde med baggrund under Erstat diasbaggrund (2), og øvrige indstillinger finder du under ikonerne (3).

Hvis du vil have et diasshow med tekst, så kan du scrolle længere ned under Diasshow i bokse (1). Så vil du finde diashow med både tekst og billeder sammen (2) eller tekst alene (3).

Link til toppen af siden.

13.3 Pop-op vindue

Et pop-op vindue popper op, når brugeren skroller ned over skærmen. Den fylder hele skærmen, og brugeren er nødt til at klikke på typisk et kryds for at lukke vinduet.

Gå ind samme sted som i afsnit 13.2 lige oven over. Dvs. vælg Tilføj (1) > Interaktiv (2) > Skrol lidt ned og find VINDUER (3). I vinduer vælg f.eks. Velkommen (4), og vælg til sidst et af vinduerne til højre (5).

Du vil nu få et vindue, der dækker hele skærmen. Super godt til et budskab, som ikke må overses af brugeren!

Link til toppen af siden.

13.4 Gennemsigtig baggrund i et fra et pop-op vindue

Jeg fortsætter eksemplet fra afsnit 13.3, dvs. afsnittet lige ovenover her.

I mit gule pop-op vindue klik på det emne, du vil arbejde med, her den mørkegule baggrund (1). I den lokalmenu, der kommer frem, klik på Erstat sidens baggrund (2). Det åbner et nyt vindue Lagets baggrund (3). I det nye vindue klik på Indstillinger (4).

I nok et nyt vindue, Farveindstillinger (1) skruer du ned for farven (2). Når du gør det, så bliver baggrunden pludselig synlig (3). Pop-op vinduet dækker dog stadig for hele din skærm, og brugeren vil være nødt til at klikke på x’et (4) for at komme tilbage til den normale side.

Link til toppen af siden.

13.5 Mouse-over bokse

Stadig under knappen Tilføj (1) > Interaktiv (2) find Mouseover-bokse (3). Hvis du sætter en sådan boks ind ind på sin side, så ændrer udseendet sig. Et lille eksempel. Kik godt på billedet af Prøv at rulle musen over Adam Caar (4) …

… så bliver den nederste blå del af boksen større, og mere tekst bliver synlig.

Hvis du ønsker flere af den slags bokse på rad og række, skal du bare kikke allernederst under Tilføj (1) > Interaktiv (3) > klik på Mouseover gentagere (3). Så kan du hente flere ens mouse-over bokse ind på en gang (4). Som du kan se på sidens baggrund (5), har jeg forsøgt mig lidt med mouseover gentagere.

Link til toppen af siden.

13.6 Animeret overgang mellem siderne

Hvis du går ind under Sider (1) og vælger Sideovergange (2). Så kan du vælge frit mellem forskellige overgange (3). Jeg har valgt muligheden crossfade (4). Husk at klikke på Gem (5) til sidst.

Link til toppen af siden.

13.7 Ankermenu: Slide nedad en side fra menuen

Det er virkeligt flot, når man slider ned af den samme side frem for at skifte siden ud. Det kan man sagtens lave i Wix. Prøv det selv inde fra min testside: Gå ind på linket og klik på punktet Margarita https://larsljungqvist.wixsite.com/lars-test.

Kort fortalt er fidusen, at du ikke linker til en ny webside fra menuen. I stedet linker du til en for brugeren usynlig makør, som hedder et anker.

På min forside har jeg lavet et punkt, der hedder “Margarita min ynglingsdrink”. Punktet ligger langt nede på forsiden.

Jeg vil lave et menupunkt, der linker til overskriften Margarita min ynglingsdrink.

Gå ind under Menuer & sider (1), vælg Hjemmesidemenu (2) og find knappen Tilføj et link (3).

Når du klikker på knappen Tilføj et link, får du en lokalmenu frem Hvad ønsker du at linke til (1). Her er mange muligheder, men vælg punktet Anker (2). Under Hvilken side vælger du den side, som du vil linke til og under Tilføj først et anker (4) bliver du bedt om at tilføje et anker. Der er nemlig ingen ankre på siden i forveen, ellers ville du kunne vælge ankret her. Klik til sidst på Tilføj et anker (5).

Du får nu en blå-grøn linke med et anker længst til højre (1). Du kan flytte linjen og dermed ankret op og ned på siden, som du vil. I vinduet Indstillinger (2) giver du ankret et sigende navn “Margarita” (3). Du må kun bruge bogstaver fra det engelske alfabet til dine ankernavne, og du må ikke bruge mellemrum ej heller. Klik til sidst på Gem (4). Det burde virke nu.

Link til toppen af siden.

14. Søgefunktion

Det er meget kompliceret at kode en søgefunktion. Heldigvis har Wix gjort alt arbejdet for dig. Gå ind under Tilføj (1). Vælg Menu & anker (2). Vælg Site Search (3). Vælg Wix Site Search (4). Du skal ikke trække ikonet ind som normalt, du skal i stedet klikke på plusset. Plusset hedder Tilføj til hjemmeside (5).

Det tager lidt tid, men Wix danner et søgefelt. Jeg har flyttet søgefeltet op ved siden af menuen, og jeg har gjort det lidt mindre (1). I søgefeltets indstillinger (2) kan du rette teksten i søgefeltet til. Jeg vil hellere have, at der står “Søg … ” (3) end “Search …”.

Bemærk at du nu har skabt et professionelt søgefelt. Hvis du bruger søgefeltet, her har jeg skrevet Margarita i søgefeltet (1), så kommer svarene på en hel side for sig selv. Siden har et selvstændigt søgefelt (2) og svarene listes under søgefeltet (3).

Link til toppen af siden.

15. Blog

Gå ind under tilføj (1) > Blog (2) > Tilføj til hjemmeside (3).

Vupti, så har du en blog :-), som endda er tilføjet til din menu (1). Du kan naturligvis både administrere indlæg, rette på indstillinger mv. i lokalmenuen (2). Lokalmenuen kommer frem, når du klikker på bloggen.

Link til toppen af siden.

16. Webshop

Du kan lave webshop i Wix. Det vil sige: Hvis du skal have en rigtig webshop, skal du tilknytte betalingsmuligheder og alt muligt andet. Det kan du ikke gøre, uden at du betaler dig til de ydelser.

Men vi kan sagtens simulere en webshop, som så ikke bliver tilknyttet til betalingsmuligheder.

Gå ind under Tilføj (1) > Webshop (2). Under Webshop klik på Tilføj til hjemmeside (3). Faktisk har du mulighed for at tilknytte PayPal (4), men det er ikke nødvendigt, hvis vi bare simulerer en webshop.

Det tager lidt tid, men nu har du en selvstændig side med en webshop. Shoppen bliver endda tilføjet til menuen (1). Du kan administrere produkter fra knappen Administrer produkter (2). Det vil sige: Sætte nye produkter ind med billeder, beskrivelse og priser mv, fjerne andre osv. osv. Bemærk, at du også får et login-område til kunder og en indkøbskurv (3).

Nu er du i gang. Der er en del mere at lære, hvis du vil have en rigtig webshop. F.eks. med flere forskellige sider for hver varegruppe, grupperinger af varer og alt muligt andet. Wix kan gøre det, men det ligger uden for vejledningen her at beskrive det.

Link til toppen af siden.

17. Begivenheder /events (f. eks. billetsalg)

Hvis du skal lave en hjemmeside for events, så benyt dig endelig af Wix’ begivenheder. Gå ind i Tilføj (1) og vælg Begivenheder (2). Du kan oprette et område til events ved at klikke på Tilføj til hjemmeside (3). Inden du når så langt, så bemærk, at der er forskellige muligheder nederst. Bl.a. en kalender (4) og countdown. I afsnit 16.1 fortæller jeg lidt om countdown.

Begivenheden dannes på en eksisterende side modsat både webshop og blog (1). Som sædvanligt har du mulighed for at redigere dine begivenheder og rette indstillinger fra lokalmenuen (2).

Link til toppen af siden.

17.1 Countdown timer

I afsnittet ovenfor vise jeg, hvordan man kan danne en begivenhed. Hvis du går ind under Tilføj (1) > Begivenheder (2) og skroller langt ned, så finder du f.eks. Countdown Timer (3).

Vi skal lige igennem et pop-op vindue, hvor du skal give Wix nogle tilladelser. Klik til sidst på Tilføj (1), hvis det er ok for dig.

Du får nu en countdown timer (1). I lokalmenuen kan du lave om på farve og udseende, og f.eks. lave den om til et gammeldags ur, hvis du vil. Du kan selvfølgelig også bestemme, hvilket tidspunkt timeren skal tælle ned til.

Link til toppen af siden.

18. Flere sprog/Wix multilingual

Jeg vil her kort gennemgå, hvordan du kommer i gang. Hvis du vil i dybten, så anbefaler jeg Wix’ egen vejledning her: https://support.wix.com/en/article/wix-multilingual-an-overview#adding-wix-multilingual. En ting er, at du kan få genereret f.eks. en fald-ned menu til at skifte mellem sprog.

Du kan også arbejde på en måde, så du kan sende en oversætter ind over og f.eks. varetage at oversætte din side til det valgte sprog, f.eks. tysk, spansk, russisk eller hvad du måtte ønske. Det foregår på den måde, at oversætteren får redigeringsadgang kun til de sider, som vedkommende skal oversætte.

Du skal gå ind under Indstillinger(1) og vælge Multilingual (2).

I pop-op vinduet Multilingual (1) står der, at “Min hjemmeside er skrevet på Dansk” (2). Hvis det ikke er rigtigt, kan du ændre det (3).

Ellers vælger du fra fald-ned menuen det sprog, du vil have oversat til (4). Du kan vælge de mest almindelige sprog fra den lille fald-ned menu (5). Klik til sidst på knappen Fortsæt (6).

Der går lidt tid med oversættelsen, men den klarer det! Den laver ikke alene en kopi af dine sider, den oversætter endda fra dansk til engelsk, hvor den kan finde ud af det. Menuen er nu på engelsk (1), overskriften er på engelsk (2) og der kommer en fald-ned menu, hvor du kan skifte mellem dansk og engelsk (3).

Hvis du klikker på fald-ned menuen for at skifte sprog, så kan du få en lokalmenu frem som altid (1). Jeg gik ind i Administrer menu og fandt en indstilling, hvor jeg kunne få vist sprogenes flag (2). Det ser da pænt ud, ikke
 🙂

Link til toppen af siden.