Layout - kolumn

Dra en Column till scenen på panelen Page Builder under Layout.

{width="600" modal="regular"}

Kolumngruppen är nu uppdelad i två kolumner med samma bredd. Varje kolumn är en separat behållare för innehåll och har en egen uppsättning verktygslådalternativ.

{width="600" modal="regular"}

Klicka på verktyget Stödraster ( ) i det övre vänstra hörnet i kolumngruppen och justera stödrasterstorleken efter behov.

Genom att placera innehåll i rutnätet kan du justera innehållet på ett enhetligt sätt och återge sidan korrekt på både dator och mobila enheter. Mer information finns i avsnittet Avancerade innehållsverktyg i Page Builder-konfigurationen.

{width="600" modal="regular"}

Hovra över kanten mellan två kolumner.

Kanten markeras och verktygslådan för den markerade kolumnen visas.

{width="600" modal="regular"}

Håll ned musknappen om du vill visa stödrastret och dra ramen till en ny plats i stödrastret.

Bredden på båda kolumnerna justeras så att ändringen återspeglas. Den nya bredden för varje kolumn visas efter etiketten, till exempel 4/12 (fyra av 12) och 8/12 (åtta av 12).

{width="600" modal="regular"}

Håll markören över kolumnen som du vill ta bort för att visa verktygslådan och välj ikonen Ta bort ( {width="20"} ).

{width="600" modal="regular"}

Om kolumnen innehåller innehåll klickar du på OK för att bekräfta.

Om du vill påskynda processen i framtiden kan du hoppa över bekräftelsesteget genom att markera kryssrutan Do not show this again.

Kolumngruppen har nu en enda kolumn (12/12) och ett stödraster. Eftersom stödrastret bara är tillgängligt för kolumner kan du använda den här tekniken för att visa stödrastret.

{width="600" modal="regular"}

Om du vill att kolumngruppen ska utöka den återstående kolumnen till radens eller scenens hela bredd:

• Håll markören över kolumnen för att visa verktygslådan och välj ikonen Inställningar ( {width="20"} ).

• Rulla ned till avsnittet Advanced ​och ange alla fyra Padding-värdena till 0.

  {width="600" modal="regular"}

• Klicka på Save i det övre högra hörnet för att stänga sidan Edit Column.

Klicka på ikonen Stäng helskärm ( {width="20"} ) i det övre högra hörnet av arbetsytan och klicka sedan på Save i det övre högra hörnet.

Håll markören över kolumnen för att visa verktygslådan och välj ikonen Inställningar ( {width="20"} ).

{width="600" modal="regular"}

Ändra inställningarna för Appearance efter behov.

• Välj den justeringsinställning som bestämmer kolumnens placering i förhållande till dess behållare.

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  Alternativ	Beskrivning
  Full Height	Kolumnen utökar behållarens fulla höjd.
  Top Aligned	Kolumnen justeras högst upp i behållaren.
  Centered	Kolumnen centrerad mitt i behållaren.
  Bottom Aligned	Kolumnen justeras längst ned i behållaren.

• Ange Minimum Height för kolumnen om det behövs. Du kan till exempel ange den minsta höjden så att den matchar höjden på en bakgrundsbild.

• Om du anger den minsta höjden anger du Vertical Alignment för att styra placeringen av innehållsbehållare som läggs till i kolumnen (Top, Center eller Bottom).

Ändra bakgrunden för kolumninnehållet.

• Background Color - Ange färgen genom att välja en färgruta, klicka på färgväljaren eller genom att ange ett giltigt färgnamn eller motsvarande hexadecimalt värde. Den här inställningen bestämmer kolumnens bakgrundsfärg.

• Background Image - Om det behövs kan du använda de angivna verktygen för att välja en bakgrundsbild som ska användas i kolumnen:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Verktyg	Beskrivning
  Upload	Överför en bildfil från den lokala datorn till galleriet och använder den sedan som bakgrundsbild för kolumnen.
  Select from Gallery	Uppmanar dig att välja en befintlig bild från galleriet som bakgrundsbild för kolumnen.
  {width="25"}	Gör att du kan dra bilden till kamerapanelen eller bläddra till bilden i det lokala filsystemet.

• Background Mobile Image - Använd vid behov samma verktyg för att välja en annan bakgrundsbild som ska användas för visning på mobila enheter.

• Background Size - Ändra den här inställningen för att bestämma hur bakgrundsbilden skalas i förhållande till bredden på kolumnen:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Alternativ	Beskrivning
  Cover	Bakgrundsbilden täcker hela kolumnbredden.
  Contain	Bakgrundsbilden är begränsad till innehållsområdets bredd.
  Auto	Använder den standardbakgrundsstorlek som anges i formatmallen för det aktuella temat.

• Background Position - Ändra den här inställningen för att bestämma bildens ankarpunkt i förhållande till kolumnen. Alternativ: Top Left, Top Center, Top Right, Center Left, Center, Center Right, Bottom Left, Bottom Center eller Bottom Right

• Background Attachment - Ändra den här inställningen för att bestämma hur bakgrundsbilden flyttas i relation till rullningssidan:

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Alternativ	Beskrivning
  Scroll	Bakgrundsbilden synkroniseras så att den flyttas nedåt när sidan rullas.
  Fixed	(Inte tillgängligt för mobiler) Bakgrundsbilden flyttas inte när behållaren rullas över bilden och är fast vid den angivna bakgrundspositionen.

• Background Repeat - Om du vill upprepa bakgrundsbilden för att fylla utrymmet ändrar du den här inställningen Yes.

Uppdatera inställningarna för Advanced ​efter behov.

• Om du vill styra den vågräta placeringen av innehållsbehållare som läggs till i kolumnen väljer du en Alignment:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
  Alternativ	Beskrivning
  Default	Använder den standardinställning för justering som anges i formatmallen för det aktuella temat.
  Left	Justerar innehållsbehållarna längs den vänstra kanten av kolumnbehållaren, med hänsyn till eventuell utfyllnad som har angetts.
  Center	Justerar innehållsbehållaren i mitten av kolumnbehållaren, med hänsyn till eventuell utfyllnad som har angetts.
  Right	Justerar innehållsbehållaren längs den högra kanten av kolumnbehållaren, med hänsyn till eventuell utfyllnad som har angetts.

• Ange formatet Border som används på alla fyra sidor i kolumnbehållaren:

  table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
  Alternativ	Beskrivning
  Default	Använder det standardkantlinjeformat som anges av den associerade formatmallen.
  None	Visar inte någon synlig indikation för behållarkanterna.
  Dotted	Behållarramen visas som en prickad linje.
  Dashed	Behållarramen visas som en streckad linje.
  Solid	Behållarramen visas som en heldragen linje.
  Double	Behållarramen visas som en dubbel linje.
  Groove	Behållarkanten visas som en utdragen linje.
  Ridge	Behållarkanten visas som en rak linje.
  Inset	Behållarramen visas som en indragen linje.
  Outset	Behållarramen visas som en startrad.

• Om du anger ett annat kantlinjeformat än None fyller du i visningsalternativen för kantlinjen:

  table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
  Alternativ	Beskrivning
  Border Color	Ange färgen genom att välja en färgruta, klicka på färgväljaren eller genom att ange ett giltigt färgnamn eller motsvarande hexadecimalt värde.
  Border Width	Ange antalet pixlar för kantlinjens bredd.
  Border Radius	Ange antalet pixlar för att definiera radiens storlek som används för att runda varje hörn av kanten.

• (Valfritt) Ange namnen på CSS classes från den aktuella formatmallen som ska användas för kolumnbehållaren.

  Avgränsa flera klassnamn med blanksteg.

• Ange värden (i pixlar) för Margins and Padding för att ange kolumnens yttre marginaler och inre utfyllnad.

  Ange varje motsvarande värde i kolumnbehållardiagrammet.

  table 0-row-2 1-row-2 2-row-2 layout-auto
  Behållarområde	Beskrivning
  Margins	Mängden tomt utrymme som används på ytterkanten på behållarens alla sidor. Alternativ: Top / Right / Bottom / Left
  Padding	Mängden tomt utrymme som används på behållarens inre kant på alla sidor. Alternativ: Top / Right / Bottom / Left

När du är klar klickar du på Save för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.