DokumentationHandelPage Builder

Elements - avdelare

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Ämnen:

Skapat för:

  • Nybörjare
  • Mellanliggande
  • Användare

Använd innehållstypen Delare om du vill lägga till en regel som en visuell brytning mellan innehållsavsnitt i Page Builder scenen. Du kan ange linjefärg, tjocklek och bredd för avgränsaren. Du kan också styra justeringen, ange marginaler och utfyllnad samt formatet för behållarramen. Avgränsaren är som standard en hårstreck regel som utökar behållarens hela bredd med hänsyn till utfyllnad.

Standardavgränsare i en behållare utan kantlinje

Även om de flesta avgränsarbehållare är osynliga visas behållaren med en röd streckad kant i följande exempel så att du kan se förhållandet mellan avgränsaren, utfyllnaden och behållaren. Du kan justera utfyllnaden längst upp och längst ned i avgränsaren för att styra mellanrummet mellan elementen.

Dela upp med utfyllnad i behållare med streckad kant

NOTE
Om du gör betydande ändringar i Page Builder-innehållet rekommenderar vi att du ökar livstiden för administratörssession för att förhindra att sessionen gör timeout när du arbetar.

Delare, verktygslåda

Verktyg
Ikon
Beskrivning
Flytta
Ikonen Flytta {width="25"}
Flyttar avgränsarbehållaren till en annan giltig plats på sidan.
(etikett)
DIVIDER
Identifierar den aktuella behållaren som ett avdelarelement.
Inställningar
Ikon för inställningar {width="25"}
Öppnar sidan Redigera avdelare, där du kan ändra egenskaperna för avgränsaren och dess behållare.
Dölj
Dölj ikon {width="25"}
Döljer avgränsarbehållaren.
Visa
Visa ikon {width="25"}
Visar den dolda delningsbehållaren.
Duplicera
Duplicera ikon {width="25"}
Skapar en kopia av avgränsarbehållaren.
Ta bort
Ikonen Ta bort {width="25"}
Tar bort avgränsarbehållaren och dess innehåll från scenen.
NOTE
Dolda element lagras i databasen och är osynliga för kunderna. De här elementen är dock synliga för sökmotorer och andra organ som crawlar webbplatsen. De returneras också som en del av innehållet om det begärs via ett API-anrop med ett synlighetsattribut, såvida du inte tar bort dem från scenen.

Lägga till en avgränsare

  1. Expandera Elements på panelen Page Builder och dra en Divider platshållare till en rad, kolumn eller tabb på scenen.

    Använd den röda stödlinjen som referens när du placerar avgränsaren antingen före eller efter en annan innehållsbehållare på scenen.

    Dra en avdelare till scenen {width="600" modal="regular"}

    I följande exempel markerar avgränsaren början av ett nytt textavsnitt.

    Dela upp textavsnitt {width="500" modal="regular"}

  2. Följ nästa procedur för att ange inställningar för den nya avgränsaren.

Ändra delningsinställningar

  1. Håll pekaren över avgränsarbehållaren för att visa verktygslådan och välj ikonen Inställningar ( Inställningsikonen {width="20"} ).

    Delningsverktygslådan {width="500" modal="regular"}

  2. Ändra avgränsaren Line Color på något av följande sätt:

    • Ange ett giltigt HTML-färgnamn. Exempel: Teal.
    • Ange hexadecimalt färgvärde. Exempel: #008080.

    Klicka på Apply när du är klar.

    Anger linjefärg {width="600" modal="regular"}

  3. Ange Line Thickness i pixlar.

  4. Ange måttenheten genom att ange Line Width följt av antingen px eller %.

    Anger linjefärg, tjocklek och bredd {width="600" modal="regular"}

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

    • Om du vill styra placeringen av avgränsaren i den överordnade behållaren väljer du 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 listan längs den vänstra kanten på den överordnade behållaren, med hänsyn till eventuell utfyllnad som har angetts.
      Center Justerar listan i mitten av den överordnade behållaren, med hänsyn till eventuell utfyllnad som har angetts.
      Right Justerar blocket längs den högra kanten på den överordnade behållaren, med hänsyn till eventuell utfyllnad som har angetts.

      I följande exempel är alternativen inställda på att använda en centrering för avgränsaren.

      Delare med centrering {width="600" modal="regular"}

    • Ange det Border-format som ska användas på alla fyra sidor i delningsbehå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 behållaren.

      Avgränsa flera klassnamn med blanksteg.

    • Ange värden (i pixlar) för Margins and Padding för att bestämma de yttre marginalerna och den inre utfyllnaden för delningsbehållaren.

      Ange motsvarande värden i diagrammet.

      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

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

    Delaren centrerad i en rad {width="500" modal="regular"}

Duplicera en delare

För en formaterad avgränsare med specifika inställningar är det effektivare att skapa en dubblett i stället för att börja om med en ny platshållare.

  1. Håll pekaren över avgränsarbehållaren för att visa verktygslådan och välj ikonen Duplicera ( Duplicera ikon {width="20"} ).

    Den duplicerade avgränsarbehållaren visas precis nedanför originalet.

    Duplicerad avdelare {width="500" modal="regular"}

  2. Håll pekaren över den nya delningsbehållaren för att visa verktygslådan och välj ikonen Flytta ( Flytta {width="20"} ).

    Flytta en avdelare {width="500" modal="regular"}

  3. Markera och dra avgränsaren tills den röda stödlinjen markerar den nya positionen.

    De övre och nedre kantlinjerna i varje behållare visas som streckade linjer när avgränsaren flyttas.

    Flyttar den duplicerade delaren till position {width="500" modal="regular"}

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d