ASP

Minipaneler

Minipaneler er et fantastisk redskab i ASP’en. Kort fortalt gør minipaneler dig i stand til at lave samlinger af custom blocks, simple links m.m. og indsætte dem alle på flere sider med et snuptag. Det lyder næsten for godt til at være sandt, men sandheden er, at minipaneler er meget oversete og desværre heller ikke prioriteret af VisitDenmark. Her får du min guide til, hvorfor du bør prioritere at bruge dem.

Hvis der er noget, der er ønskværdigt for en redaktør på en visit-side, så er det efter min erfaring muligheden for at indsætte det seneste indhold på flere sider med få klik i stedet for at skulle indsætte på hver enkelt side. Har du f.eks. en stor begivenhed på vej, som du lige har lavet en artikel og custom block til, så kunne det jo være rart, at den custom block bare skulle indsættes et enkelt sted, hvorefter en masse af dine sider ville linke til artiklen. Bruger du Oplevelsesbooking, så kender du garanteret også irritationen over at skulle indsætte dine produkter et af gangen.

Sådan opretter du et minipanel

Efter at have klikket ‘Create new minipanel’ skal du nu igennem en process i 4 trin – indstillinger, kontekst, layout og indhold:

Under ‘Indstillinger’ (afbilledet ovenfor) skal du blot give dit minipanel en administrativ titel, så du kan finde den igen (inkluder navnet på din destination, da det gemmes sammen med alle andre minipaler!). Klik herefter ‘fortsæt’.

‘Kontekst’ er næste trin, men her skal du ikke pille ved noget – blot trykke ‘fortsæt’:

Under ‘Layout’ finder du de samme valgmuligheder, som når du vælger panellayout. Der er forskellige at vælge mellem og de fleste virker sikkert efter hensigten, men for god ordens skyld vil jeg anbefale, at du vælger den med en enkelt kolonne og trykker ‘fortsæt’:

Minipanel kan forstås som værende panelindhold, du kan indsætte i andet panelindhold. Lad os fylde noget indhold i minipaneletet:

Nu er det kun fantasien, der sætter grænser. Jeg vil dog for god ordens skyld anbefale dig at holde det simpelt – f.eks. 4 custom blocks/simple links.

Jeg har f.eks. lavet dette minipanel til VisitLæsø, der indeholder 1 simple links og 3 custom blocks:

Det er ikke til at se med det blotte øje, men de fire blokke er indsat som et minipanel og dermed kun en gang. Det ser sådan ud i panelindholdet:

Du skal altså blot indsætte dit minipanel en gang på en side. Herefter kan du redigere alt det du vil i dit minipanel og se ændringerne træde i kraft på alle de sider, minipanelet er indsat. Mega smart!

Sådan indsætter du dit minipanel

Efter at have lavet mit minipanel, skal jeg nu have indsat det på alle de sider, hvor jeg tænker, det er relevant. Du går ind under panelindhold på hver enkelt side og tilføjer minipanelet der, hvor det giver mening:

Det er nu, det lønner sig at have givet minipanelet en titel, der inkluderer dit navn. Alle minipaneler i systemet er nemlig at finde her, så har du f.eks. skrevet ‘vlae’ (kort for VisitLæsø), så kan du hurtigt fremsøge alle dine minipaneler (Ctrl + F på PC, Cmd + F på Mac). Vælg nu det ønskede minipanel. Det indsættes som alt mulig andet panelindhold. Nu skal du blot trykke ‘Gem’ og tjekke, at det rigtig nok er blevet tilføjet til siden. Mega smart.

 

Introduktion til ASP’en

Sådan logger du ind

Når du skal i gang med at redigere i din hjemmeside, skal du starte med at logge ind.

Der er login til hvert enkelt sprog, så har du en hjemmeside på dansk, engelsk og tysk, har du tre steder at skulle logge ind, hvis du skal ændre i alle de tre sprog (besværligt, I know).

På dansk kan du nøjes med at skrive dit domæne f.eks. ‘www.visitnordjylland.dk’ og sætte ‘/user’ efter for at komme til login-siden:

Andre sprog end dansk ligger dog i undermapper, så på tysk skal du sætte ‘/de/user’ efter dit tyske domænenavn og på engelsk skal du sætte ‘/ln-int/user’ bagefter. Eksempelvis logger VisitDenmark ind på følgende adresser:

  • Dansk: www.visitdenmark.dk/user
  • Engelsk: www.visitdenmark.com/ln-int/user
  • Tysk: www.visitdenmark.de/de/user

På login-siden skal du blot indtaste dit brugernavn samt adgangskode og trykke ‘Log ind’.

Find rundt som administrator

Når du logger ind, kommer du til følgende side:

Ved første øjekast kan det virke overskueligt, hvis man først lige er begyndt at bruge systemet, men heldigvis skal man kun have kendskab til ganske få punkter i ovenstående. De øverste to menuer er altid synlige, når du er logget ind, uanset hvor du bevæger dig hen. Klikker du på det lille hus øverst til venstre, kommer du ud på forsiden:

Når du er logget ind og bevæger dig rundt på hjemmesiden, er der altid to menuer synlige, som andre besøgende ikke kan se. Øverst har du dit administratorpanel, hvor du kan foretage overordnede ændringer i systemet.

Under hjemmesidens almindelige menu (den hvide med logoet, som dine gæster også ser) kan du  se endnu en menu. Dette er til administration af den pågældende side. Du kommer til at lære meget mere om sideadministration i senere afsnit, men i denne introduktion vil vi nøjes med at se på det overordnede administratorpanel.

 

Top 10-sider

Top 10-sider er en lynhurtig måde at få bragt sine GuideDanmark(GDK)-sider i spil på og så er de et glimrende alternativ til de triste lister, der kommer frem, når man søger i databasen. Allervigtigst er der dog den finesse, at dine top 10-sider bliver indekseret af Google, og det gør søgesiderne ikke. Der er en smule mere arbejde, for hver gang du opretter et nyt produkt i GDK, skal du også ind og tilføje dem til top 10-siden for produktets kategori, men det lønner sig i besøgstallet!

Sådan opretter du en top 10-side

  1. Klik ‘Tilføj indhold’
  2. Klik ‘Top ten’
  3. Giv siden en god titel. GDK-kategorier som attraktioner, restauranter o.lign. er glimrende til et Google-boost
  4. Vælg sprog
  5. Template skal IKKE sættes, men forblive på ‘-ingen-‘
  6. Indsæt en god teaser-tekst på 2-3 linjer (gerne mere). Her er det en rigtig god idé at bruge stedord, f.eks. på større byer i destinationen, så du nemmere kan ranke i Google på kategori + sted (f.eks. museer i Rebild)
  7. Under ‘Reference’ indsætter du GDK-ID i feltet ‘Product Tellus ID’
  8. Klik ‘Tilføj element’
  9. Gentag trin 7 og 8 indtil alle dine ønskede GDK-produkter er sat ind på siden
  10. Sæt ‘Menu connection’ til Tourist
  11. Under ‘Alternativ URL’ fjerner du fluebenet og giver din side en unik og passende URL, der er så kort så muligt.
  12. Tryk gem

Temasider

Temasider er de sider på din hjemmeside, der bruges til at skabe overblik indenfor et emne.

Det kan f.eks. være en side om områdets overnatningsmuligheder, hvor man med custom blocks i forskellige størrelser linker videre til forskellige typer så som sommerhuse, hoteller osv. En temaside kan f.eks se således ud:

Som standard har layoutet på en temaside en overskrift (title) og introtekst (body) til venstre samt et galleri eller billede til højre. Med det nye design kan du også tilføje et ‘top image’, der vises øverst på siden.

Under den indledende sektion finder du typisk en masse custom blocks. I eksemplet ovenfor er det ‘Panelindhold’-feltet med den lyseblå baggrund og de fem kasser.

Nedenfor kan du læse om, hvordan du laver en temaside fra bunden eller redigerer i en eksisterende.

Sådan opretter du en temaside fra bunden

  1. Klik tilføj indhold øverst i dit administratorpanel
  2. Klik ‘Theme page’
  3. Title (påkrævet)
    Start med at give din side en titel. Denne bliver overskrift på siden.
  4. Sprog
    Vælg artiklens sprog. Pas på med at vælge sprogneutral, da dette ikke kan laves om, når du har gemt, og så kan du ikke lave oversættelser af artiklen
  5. Body (brødtekst)
    Her indsætter du den den indledende tekst, der vises under overskriften (såfremt du bruger theme templaten – se næste punkt)
  6. Template layout (påkrævet)
    Template er sidens grundskabelon og til temasider har du to valg – section template og theme template:

    Vælger du theme template, vises sidens titel, brødtekst (body) og billede eller galleri øverst på din side.
    Vælger du section template skal du selv indsætte alt indhold via panelindhold.

  7. Gallery
    Her kan du indsætte et galleri ved at indtaste titlen på et galleri
  8. Panel
    Her aktiverer du panelindhold, så du senere kan sætte en masse sprøde custom blocks o.lign. ind på din side.

    1. Sæt flueben i ‘Aktivér’
    2. Vælg ‘VDK Layouts’ i drop-down
    3. Vælg ‘Stacked’

  9. Image
    Her kan du indsætte et billede, hvis du ikke har et galleri. Indsætter du både billede og galleri, er det galleriet, der bliver vist
  10. Menu connection (VIGTIGT!)
    Du kan selv vælge, hvilken menu, der skal vises øverst på siden. Som oftest skal du vælge ‘tourist’.
    Feltet burde være påkrævet, men er det ikke. Glemmer du at sætte denne, vises der INGEN menu!
  11. Top image
    Her kan du indsætte det billede, der vises aller øverst på siden. Billedstørrelse er 1700×400 px, men nogle gange kan du slippe afsted med 1024×576.
    OBS! Som altid er der mulighed for at indsætte alternativ tekst til fordel for blinde/svagtseende samt SEO, og titel, så der kommer en forklarende tekst op, når man bevæger musen henover billedet. Samtidig kan man give billedet en ‘image title’ og ‘image subtitle’, som jeg ville forvente er tekst, der skal vises oven på billedet:

    Men lad os se, hvordan ovenstående indtastninger (i skrivende stund) tager sig ud på selve siden:

    Det er helt fint at billedets titel bliver overskrift, men at den tekst, der bruges til SEO keywords og hjælp til blinde, faktisk bliver vist på siden som en undertitel, det er et klokkeklart selvmål, hvis du spørger mig! At det er to vidt forskellige tekster, der skal skrives, understreges meget godt af de keywords, der blottes ved skiftet til det nye design:

  12. Faneblade i bunden (de relevante af dem)
    • Menu
      Sæt flueben her for at gøre din temaside tilgængelig fra menuen
    • Meta tags
      Her kan du finjustere dine sides udseende i Google og Facebook (Open Graph)
    • Alternativ URL
      Jeg vil på det kraftigste anbefale at fjerne fluebenet ved ‘Automatisk URL’ og indsætte en fast URL. Ellers skifter din side adresse, hver gang du ændrer i overskriften, og det kan nemt blive et SEO-selvmål
    • Udgivelse
      Her kan du vælge, om din side skal være publiceret eller ej. Er artiklen ikke publiceret, skal man være logget ind for at kunne se den. Gæster vil blot få en 403 fejl – ‘Du har ikke adgang til at vise siden’

Få YouTube-klip på hjemmesiden (indlejring / embed)

Det er ganske nemt at integrere YouTube-klip på hjemmesiden. Proceduren er lidt forskellig alt efter stedet, du vil indsætte filmen. Der er f.eks. forskel på, om du vil sætte klippet ind i en custom block eller en artikel. Du finder guides til begge dele herunder.

YouTube i custom block

Denne proces er ganske nem, for du skal kun bruge URL’en på dit YouTube-klip.

Se guiden udført her: https://screencast.com/t/1XpXoosyBP

  1. Klik ‘Tilføj indhold’
  2. Klik ‘Custom block’
  3. Giv custom block et navn
  4. Vælg sprog
  5. (Valgfri) Indsæt teaser tekst
  6. Under punktet ‘Video’ klikker du ‘Select media’

  7. I feltet ‘URL eller embed-kode’ skal vi indsætte URL’en på klippet vi vil sætte ind.
    Find den ønskede video på YouTube og kopier URL’en. Det kan f.eks. være ‘https://www.youtube.com/watch?v=15pJacHwqTM’

  8. Klik ‘Indsend’
  9.  Gem din custom block

YouTube integreret i artikler o.lign.

En hurtigt løsning til at få videoer på dine artikelsider er selvfølgelig at indsætte dem som custom blocks. Denne metode har bare den ulempe, at custom blocks først vises efter alt artikelindholdet og det vil få mange til at overse den – især på mobilen, hvor den først vises under alt artikelindholdet.

Sådan indsætter du video i teksten:

  1. Find videoens ID i URL’en på YouTube. F.eks. http://www.youtube.com/watch?v= FYJ81VsHRqk
  2. Sæt ID’et ind i denne kode:

    <div><iframe src=”http://www.youtube.com/embed/FYJ81VsHRqk?showinfo=0&amp;autohide=1;theme=light;hd=1;rel=0″ frameborder=”0″ width=”584″ height=”470″></iframe></div>

  3. Find siden, hvor du vil indsætte videoen og tryk ‘Rediger’
  4. Find det sted i teksten, hvor videoen skal indsættes og lav en ny linje
  5. Under body-feltet trykker du ’Deaktiver Rich Text’. Du ser nu teksten i ren html.
  6. Indsæt nu kodestumpen det sted, hvor du lavede mellemrummet: <p>[indsæt koden her]</p>
  7. Gem din artikel

Artikler og tema-artikler

Hvis din hjemmeside var et hus, så er artikelsiderne – sammen med temasiderne – byggestenene. Uden dem intet hjem.

I denne artikel vil jeg (med tiden) gennemgå A til Z inden for artikler.

Oprettelse af artikel-indhold

Når du skal oprette en artikel, er det let at blive forpustet over de mange felter på siden. Frygt dog ej – der er ganske få felter, du skal udfylde, for at få en velfungerende side. Selvom du herunder finder en beskrivelse af alle relevante felter, så kan du nøjes med dem, jeg har markeret med fed.

Når man skal oprette en artikel er det bedst at bruge theme article. Her har du de fleste muligheder og jeg vil herunder gennemgå de vigtigste:

  • Title * (påkrævet)
    Her indtaster du overskriften på din artikel. Det er også denne, der vises i Googles søgeresultater, så husk at få nogle gode keywords inkluderet
  • Sprog
    Vælg artiklens sprog. Pas på med at vælge sprogneutral, da dette ikke kan laves om, og så kan du ikke lave oversættelser af artiklen
  • Template layout * (påkrævet)
    Vælg hvordan artiklen skal se ud i frontend. I 99% af tilfældende skal du vælge ‘[und] 4 Theme Article template
  • Body
    Her indtaster du selve teksten i din artikel
  • Body summary
    Her kan du indtaste en opsummerende tekst, der vises lige efter titlen og inden body. Du kan også bare markere første afsnit i body og gøre dette med fed, men body summary har dog den fordel, at den bruges som meta tekst i googles søgeresultater

  • Mobile Body Text
    Skal din tekst være anderledes vist på en mobil – f.eks. fordi den er meget lang – så kan du indsætte tekst til mobil her. Jeg anbefaler dog at holde tekster af en passende længde til både desktop- og mobilbrugere, så man ikke skal redigere to tekster for hver side
  • Blocks
    Blocks gør det hurtigt at tilføje custom blocks m.m. til højre for din artikel. Du kan selv indsætte titel og tekst, men det vil jeg ikke anbefale, da stylingen er dårlig. Brug kun feltet, hvor du kan fremsøge eksisterende indhold, da de så får korrekt CSS.
    Vær opmærksom på, at panelindhold (hvis aktiveret) og felterne HTML field m.fl. også indsættes til højre for artiklen.
  • Gallery
    Har du et flot galleri relaterende til artiklens indhold, kan du fremsøge det i dette felt og få det vist i stedet for billedet (image) på desktop. Bemærk at du stadig skal indsætte image, da mobilen kun viser dette.
  • HTML field
    I dette felt kan du indsætte ren html-kode og f.eks. integrere YouTube, Google Maps el. lign. Mange af disse kan dog integreres på en nemmere måde, f.eks. gennem custom blocks. Se hvordan du laver en custom block med YouTube
  • Panel
    Med panelindhold aktiveret kan du indsætte indhold til højre for artiklen. Sæt flueben for at aktivere dette og tryk gem. Herefter vil der komme en fane på siden, der hedder ‘panelindhold’. Du kan her indsætte alt mellem himmel og jord, men i de fleste tilfælde er det nemmere, at bruge ‘blocks’ til at indsætte custom blocks, simple links m.m.
  • Image
    Artikler ser nu engang kedelige ud uden et billede til, så sørg lige for at indsætte et, ikk? Billeder i klassisk størrelse (1024x576px) kan fint bruges, men de optimale dimensioner er nu 1160x653px
  • Menu Connection
    Denne burde være påkrævet. Husk ALTID at sætte en menu på dit indhold, så brugeren ikke ender i en blindgyde
  • Simple Links
    Her kan du fremsøge simple links-lister til visning til højre for artiklen.
  • Faneblade i bunden (de relevante af dem)
    • Menu
      Sæt flueben her for at gøre din artikel tilgængelig fra menuen. Ikke anbefalelsesværdigt til artikler, men du kan jo have dine grunde
    • Vælg område/by
      Omhandler din artikel en bestemt lokation, kan du med fordel indtaste adressen her. Så bliver stedets placering vist på et kort til højre for artiklen. Indsætter du artiklen i en top 10-side, vil placering også blive vist på top 10-sidens kort.
    • Facebook comments
      Slå denne til, hvis du vil give gæster muligheder for at kommentere med deres Facebook-profil. Det kan give øget trafik, men husk at få det sat op, så du bliver gjort opmærksom, hvis der er nogen, der kommenterer
    • Meta tags
    • Alternativ URL
      Jeg vil på det kraftigste anbefale at fjerne fluebenet ved ‘Automatisk URL’ og indsætte en fast URL. Ellers skifter din side adresse, hver gang du ændrer i overskriften, og det kan nemt blive et SEO-selvmål
    • Planlægning
      Er dit indhold tidsfølsomt, så kan du sætte en udløbsdato. På den valgte dato vil siden blive afpubliceret, men du kan altid genudgive det via den sidste fane, ‘Udgivelse’
    • Udgivelse
      Her kan du vælge, om din side skal være publiceret eller ej. Er artiklen ikke publiceret, skal man være logget ind for at kunne se den. Gæster vil blot få en 403 fejl – ‘Du har ikke adgang til at vise siden’

Dropdown-menuer – oprettelse og redigering

Oprettelse

Det kan være ret så omstændigt at lave dropdown-menuer, så derfor kommer her en lille guide til at lave sådan en. Vi tager den i to trin:

1. OPRET MINIPANEL

  1. Opret det indhold, der skal være i din dropdown. Typisk vil dette være en simple links-liste, men du kan i princippet sætte hvad som helst ind
  2. Gå ind i ‘ASP Mini Panels’ i administrator-menuen og klik på ‘Create new minipanel’
  3. Indstillinger: Giv minipanelet en administrativ titel og tryk ‘Fortsæt’
  4. Kontekst: Her skal du ikke foretage dig andet end at trykke ‘Fortsæt’
  5. Layout: Vælg ‘columns: 1’ under kategori og ‘Enkelt kolonne’ under builders. Klik ‘Fortsæt’
  6. Indhold: Klik på møtrikken og indsæt det indhold, du oprettede under punkt 1, på samme måde som ved panelindhold (du kan fint indsætte flere noder)
  7. Klik ‘Finish’. Minipanelet er gemt og skal nu knyttes til det ønskede menupunkt

2: INDSÆT MINIPANEL SOM DROPDOWN I MENU

  1. Gå ind i ‘Menu’ i administrator-menuen og tryk på ‘vis links’ til Main menu
  2. Vælg rediger ud fra det menupunkt, minipanelet skal være dropdown for
  3. Scroll ned til punktet ‘Menu minipanel’ og vælg det ønskede minipanel
  4. Tryk ‘Søg/gem’ og nyd synet af din nye fine dropdown-menu

Sådan redigerer du i en eksisterende menu

Det er hurtigt at redigere i allerede eksisterende dropdown-menuer. Du finder blot listen, du ønsker at redigere, og så trykker du på tandhjulet til højre for elementet:

Hvis indholdet i din dropdown ikke tillader redigeringer direkte fra hjemmesiden (frontend), er du nødt til at fremsøge i indhold (f.eks. ved at søge på titlen for blokken el. lign.)

Big Image Teasers – Sådan ændrer du de store billeder på forsiden

De store billeder, der ofte vises som et galleri med flere billeder, hedder ‘Big Image Teasers’, og for at få dem vist, bliver de indsat i en ‘Nodequeue’ (nodekø). Denne guide viser dig, hvordan du opretter et nyt billede og indsætter det, samt hvordan du kan fjerne det.

Sådan opretter du en Big Image Teaser (BIT) og sætter den ind

  1. Efter at have logget ind klikker du på ‘Tilføj indhold’ i øverste venstre hjørne:
  2. På listen over indholdstyper skal du vælge Big Image Teaser:
  3. Giv din BIT en sigende titel. BEMÆRK at det er denne, der vises på siden!
  4. Indstil sprog
  5. Vælg et billede fra arkivet. Størrelsen skal optimalt set være 1700 x 600 px, men den klassiske 1024 x 576 kan i nogle tilfælde gå an.
  6. Tryk gem
  7. Tryk på ‘Nodekø’ for hurtigt at tilføje/fjerne din BIT til/fra en ønsket nodekø

  8. Vælg nodekø og klik ‘Tilføj til kø’.
    NB: Er du i tvivl om, hvilken nodekø du skal vælge, må du ind i panelindhold på siden, hvor din BIT skal vises og klikke indstillinger for din ‘nodequeue teaser view’:Her fremgår det, hvilken nodekø, der bliver brugt:

  9. Du kan klikke på nodekøens navn for at ændre i rækkefølgen og f.eks. få din nye BIT vist forrest i køen

custom blocks

Custom Blocks

Custom blocks er en af de grundliggende måder at navigere rundt med i ASP’en og det er med garanti den type indhold, du kommer til at oprette allerflest af. Derfor kommer oprettelse af custom blocks også hurtigt til at ligge på rygraden, men hvis du lige er begyndt at arbejde med ASP’en, så er der måske alligevel nogle tips at hente i denne artikel.

 

Sådan opretter du en custom block

I øverste venstre hjørne klikker du ‘Tilføj indhold’:

Herefter får du en liste over forskellige typer af indhold, du kan oprette. Vælg Custom block:

Du får nu en side med alverdens felter, som du kan vælge at udfylde:

  • Titel: Overskriften på din custom block (skal udfyldes)
  • Teaser: Denne tekst bliver vist på store custom blocks (se css’er nedenfor)
  • Link: I feltet ‘Titel’ kan du fremsøge det indhold, din blocks skal linke til, men du kan også indtaste din URL direkte i feltet til højre. Dette er nyttigt, hvis du f.eks. vil linke væk fra hjemmesiden eller til en pdf. Interne links bør linke til nodenummer (f.eks. ‘node/22222’), mens links til pdf’er og andre hjemmesider bør have den fulde URL (f.eks. ‘http://www.domænenavn.com’)
  • Image: Billedet du gerne vil have vist i din block. Når du har indsat billede, bør du udfylde ‘Alternativ tekst’-feltet, der hjælper blinde og svagtseende med at forstå, hvad der er på billedet. Dette er også vigtigt ift. søgemaskineoptimering.
  • Video: Ønsker du at vise en video i din block, kan du også indsætte sådan en

 

CSS’er (kassens udseende)

CSS’er fortæller dig, hvordan din custom block skal tage sig ud. Efter det nye design fra 2016 er der tre størrelser, du kan give dine blokke:

  • Box Small (275×230 pixels)
  • Box Medium (422×315 pixels)
  • Box Large (570×480 pixels – med tekst)

Når du indsætter en custom block, kan du desuden vælge, om din block skal være højrestillet og/eller starte på en ny linie:

Det er rigtig smart, at du nu kan sætte custom blocks (og andre typer indhold) til at starte på en ny linie. Det gør det f.eks. væsentlig nemmere at organisere en temaside med meget indhold.