1. Hjem
  2. Landingssider
  3. Landingssidebygger
  4. Landingssidens Kolonne-widget

Landingssidens Kolonne-widget

Kolonne-widgeten hjelper deg med å dele opp arbeidsområdet i separate kolonner (2, 3 eller 4 kolonner). Deretter kan du fortsette å dra og slippe en hvilken som helst annen widget på de opprettede kolonnene. Legg for eksempel til en tekst/bilde/knapp eller et annet designelement i henhold til dine krav.

Hvordan bruker jeg en kolonne-widget på en landingsside?

Trinn 1

Bruk hovedmenyen til venstre for å opprette en landingsside og deretter navigere til landingssidebyggeren .

Trinn 2

Legg til en kolonne-widget på landingssiden din

Det tomme området til venstre er arbeidsområdet der du designer landingssiden din, og området til høyre er verktøyområdet der alle tilgjengelige designelementer vises som widgets .

For å dele et mellomrom i arbeidsområdet ditt i kolonner, dra og slipp Kolonner- widgeten til arbeidsområdet (som uthevet i skjermbildet nedenfor) .

Innstilling for widget for kolonner på landingssider

Trinn 3

Angi antall kolonner du ønsker å dele widgetområdet inn i

Når du slipper widgeten inn i arbeidsområdet vil widget-innstillinger vises på høyre  (Som markert i skjermbildet nedenfor).

Angi antall kolonner i en landingssidedesign

Bruk kolonne-innstillingene for å angi antall kolonner du ønsker å dele widgetområdet inn i.

Klikk Lagre .

Trinn 4

Tilpass kolonnenes bakgrunn og design

Du kan redigere det generelle utseendet til kolonnene dine ved å bruke alternativene som er tilgjengelige under Stil-fanen (som vist i skjermbildet nedenfor).

Bakgrunnsfarge og layoutinnstillinger for landingsside med flere kolonner

Her bruker du feltene:

  • Widget Bakgrunnsfarge for å tilpasse bakgrunnsfargen for disse kolonnene. Du kan også gjøre denne plassen gjennomsiktig ved å merke av boksen – Widget Bakgrunn Gjennomsiktig.
  • Mellomrom Størrelse Størrelseslinje for å spesifisere mellomrommet mellom kolonnene.
  • Kolonne Høydestørrelseslinge for å spesifisere høyden på kolonne-widgeten. 

Trinn 5

Legg til andre funksjonelle elementer i disse kolonnene.

Dra og slipp widgets som tilsvarer de funksjonelle elementer som du vil legge til disse kolonnene - en tekst widget / en knapp widget / et bilde widget, etc.

For eksempel, i skjermbildet nedenfor, ble en kolonne-widget først brukt til å dele opp arbeidsområdet i 3 kolonner. Deretter ble bildewidgeter lagt til de to første kolonnene og en tekstwidget ble lagt til i den tredje kolonnen.

Legg til funksjonelle elementer i den angitte kolonnewidgeten

Og det er det!

Du har lagt til innhold i flere kolonner på landingssiden din!

La oss fortsette og ta en titt på hvordan du legger til tomrom mellom to innholdsblokker på landingssiden ved å bruke Spacer-widgeten !