Web, Content - Opret en ny side

En side opbygges af rækker og kolonner. I kolonnerne indsættes indhold, som kan være af meget forskellig art (billeder, tekster, video, søgeboks, lister, knapper med links…). Både rækker og kolonner kan indstilles yderligere, så det påvirker visningen af indholdet.

I denne artikel gennemgås det grundlæggende for at oprette en ny side med rækker og indhold. Der vises hvordan man kan flytte rundt på elementerne, og ændre i indstillerne.

Opret en ny side

Klik på de 3 prikker ved det menupunkt den nye siden skal ligge under. Klik dernæst på “Page” i kolonnen til højre.

Skal siden ligge i hovedmenuen, klikkes på prikkerne ved Forsiden.
Skal det være en underside til f.eks. siden Demo, så klikkes på prikkerne her.

F.eks. oprettelse er en underside til menupunktet Demo side.

Giv siden et navn. I dette eksempel hedder den “New page”.

I bunden af siden klikkes på Save (gem som kladde) eller Save and Publish (gem og udgiv).

Og der er oprettet en ny side, der kan findes i menuen til venstre.

Opbyg med rækker

En ny side er tom, og skal først opbygges af rækker og kolonner, som der kan lægges indhold i.
Når siden er valgt til venstre, kommer muligheden frem hvor man kan vælge mellem 9 rækkeformater.

Klik på en af rækkeformaterne for at vælge - f.eks. en række med 3 kolonner.

Når et rækkeformat er valgt, kan der tilføjes indhold i kolonnerne og der kan oprettes flere rækker.

1 - Klik på Add content for at tilføje indhold (elementer) i den valgte kolonne i rækken

2 - Klik på plus, hvis der skal tilføjes endnu en række på siden.

Der kan oprettes lige så mange rækker, der ønskes.

Flyt rundt på rækker

Hver gang der tilføjes en ny række, så lægger den sig i bunden af de øvrige rækker. Det er muligt at flytte rundt på rækkerne ved at klikke på den ønskede række og trække den op eller ned med musen.

F.eks. her klikkes på række nr. 2 og den flyttes over række 1.
Når der trækkes med musen, så kommer der en blå kasse, og en blå linje for hvor rækken kan blive placeret. Når musen slippes flytter rækken plads.

Flyt rund på elementer

Elementer kan også flyttes fra en kolonne til en anden - også selvom kolonnen er i en anden række.
F.eks. klikkes der her på elementet Spot i kolonne 2 i den nederste række, og det trækkes op til kolonne 2 i rækken over.

Man får en blå kasse, der viser hvor man flytter elementet henad, og når der kommer en grøn visning frem i en kolonne (“This content is allowed here”), så kan man slippe musen, og elementet bliver placeret.

Indsæt elementer

Der kan indsættes mange forskellige slags elementer i en kolonne - tekster, billeder, video, funktionsknapper, søgebokse m.m.

Her en ultra kort forklaring på, hvor de forskellige elementer bruges:

• Billeder - Image, Spot, Gallery spot.

• Tekst - Headline, H2, H2 (small), H3, H3 (Small), Icon headline, Quote.
  ”Rich text editor” bruges til en alm. tekstside. Her kan teksten redigeres som i Word.

• Funktionsknapper - Nav Button.

• Video - Embed.

• Søgefunktion - Hero search, Seach box, Search result header, Search result list.

• Data fra BookingStudio - Alle elementer, der hedder noget med “Lodging… bruges i forbindelse med at trække og vise data fra BookingStudio.

Indstillinger for række / kolonne

Foruden at sætte rækker og elementer ind på en side, er det muligt at lave yderligere indstillinger på henholdsvis en række og en kolonne.

Dette gøres via det lille tandhjul.

Indstillinger for en række

Her er det muligt at give rækken en baggrundsfarve eller lægge et billede ind.

1. Her er det muligt at give rækken en baggrundsfarve. I de forskellige valgmuligheder er der en forudbestemt baggrundsfarve og en tekst farve.

   F.eks “Dark background, light text”.
   Denne indstilling for rækken vil resultere i nedenstående - blå baggrundsfarve og hvid tekst:

   

2. Her kan der indsættes et billede i baggrunden i rækken. Klik på plus for at vælge et billede fra Media. Et billede vil erstatte baggrundsfarven, men der skal stadig vælges noget i punkt 1, for at teksten står med den rigtige farve.

   F.eks. som før “Dark background, light text”, men nu også med et baggrundsbillede. Billedet lægger sig bag indholdet i kolonnerne.

   

   Hvis et billede i baggrunden af en række skal fjernes, så gå ind i rækkens indstillinger og klik på det røde X under billedet.

   

Indstillinger for en kolonne

Her er det muligt at give kolonnen en baggrundsfarve, bestemme højden på kolonnen/rækken og formatere tekst.

1. Color preset
   Vælg om kolonnen skal have en baggrundsfarve. I de forskellige valgmuligheder er der en forudbestemt baggrundsfarve og en tekst farve.

2. Break out box
   Dette punkt gør det muligt at lave en boks, der bryder rammen på en række. Dette kræver, at både række og kolonne har en baggrundsfarve - ellers kan man ikke se resultatet.
   Denne funktion er kun muligt med elementet Spot.

   

3. Background image
   Indsæt et billede i baggrunden af kolonnen.

   Eksempel: en række med mørk baggrundsfarve, og et billede indsat i baggrunden af en kolonne med hvid tekst. Det vil se sådanne ud:

   

4. Minimum height
   Giver mulighed for at justere højden på en række.
   F.eks. hvis der er et billede i baggrunden af en række, så kan man i kolonne indstillingerne bestemme hvor høj rækken skal være.
   Disse 2 billeder er samme række og kolonne, men med forskellige minimum height.

   

   Man kan skrive et tal med vh eller px efter.

   Højden er en minimumshøjde. Hvis man gør indholdet højere end det, man har angivet i minimumshøjden, så tilpasser rækkens højde sig indholdet.

5. Text
   Mulighed for at formatere tekst i kolonnen.
   Centrer teksten i bredden og højden af kolonnen, tilføj skygge på teksten og placering i bunden.

Gem og udgiv

I bunden af siden findes disse 3 knapper. Her er der 3 muligheder for at se/gemme ændringer.

• Preview = Viser siden som kladde (hvordan en bruger vil se den). Det er kun synligt for dig

• Save = gemmer ændringen på siden (kladde)

• Save and publish = gemmer og gør ændringerne synlige for andre (offentlig)

Hvis en side ikke længere skal være offentlig

Klik på pilen ved Save and publish og vælg Unpublish.