Elementen - tekst

Gebruik de Tekst inhoudstype om een tekstcontainer met een WYSIWYG-editor ("Wat u ziet, is wat u krijgt") toe te voegen in de Page Builder stadium. Daarnaast kunt u koppelingen, afbeeldingen, variabelenen widgets naar de tekst vanuit de editor-werkbalk.

Opgemaakte tekst op een banner {width="700"}

NOTE
Als u belangrijke wijzigingen aanbrengt in Page Builder wordt aangeraden de Levensduur beheersessie om te voorkomen dat de sessietime-out optreedt terwijl u werkt.

Gereedschappen voor teksteditor

U kunt de teksteditor rechtstreeks vanuit het werkgebied of vanaf een instellingspagina openen. Wijzigingen die rechtstreeks in het werkgebied worden aangebracht, worden automatisch opgeslagen. Zie voor meer informatie De Editor gebruiken.

Gereedschap Teksteditor - TinyMCE {width="600"}

Gereedschap Tekstcontainer

Gereedschap Tekstcontainer {width="600"}

Gereedschap
Pictogram
Beschrijving
Verplaatsen
Pictogram Verplaatsen {width="25"}
Verplaatst de tekstcontainer naar een andere geldige plaats op de pagina.
(label)
TEXT
Identificeert de huidige container als een tekstelement.
Instellingen
Instellingenpictogram {width="25"}
Hiermee opent u de eigenschappen van de tekstcontainer in de bewerkingsmodus.
Verbergen
Pictogram verbergen {width="25"}
Verbergt de tekstcontainer.
Tonen
Pictogram tonen {width="25"}
Hiermee wordt de verborgen tekstcontainer weergegeven.
Dupliceren
Pictogram Dupliceren {width="25"}
Maakt een kopie van de tekstcontainer.
Verwijderen
Pictogram verwijderen {width="25"}
Verwijdert de tekstcontainer en de inhoud ervan uit het werkgebied.
NOTE
Verborgen elementen worden opgeslagen in de database en onzichtbaar voor klanten. Deze elementen zijn echter zichtbaar voor zoekmachines en andere bots die uw site kruipen. Ze worden ook geretourneerd als onderdeel van de inhoud als ze worden opgevraagd via een API-aanroep met een kenmerk van onzichtbaarheid, tenzij u ze uit het werkgebied verwijdert.

Tekst toevoegen

  1. In de Page Builder deelvenster, uitvouwen Elements en sleep een Text plaatsaanduiding voor een rij, kolom of tabset in het werkgebied.

    Een tijdelijke aanduiding voor tekst naar het werkgebied slepen {width="600" modal="regular"}

  2. Gebruik de editor om zo nodig tekst in te voeren en op te maken.

    Zie voor meer informatie De Editor gebruiken.

    Teksteditor met inhoud {width="600"}

Een koppeling maken

Met de knop Koppeling invoegen in de editor kunt u gemakkelijk een hyperlink naar een afbeelding in de galerie toevoegen. Het kan echter ook worden gebruikt om een inline-koppeling in tekst te maken, als u de URL vooraf hebt. In tegenstelling tot de knop Widget is de knop Koppeling invoegen/bewerken niet geïntegreerd met pagina's, producten of categorieën in de winkel.

Als u een koppeling voor een telefoonnummer of e-mailadres wilt maken, raadpleegt u Aangepaste variabelen toevoegen.

  1. Navigeer in de storefront naar de pagina die de doelbestemming voor de koppeling moet zijn en kopieer de koppelingsinformatie.

    U kunt volledig - gekwalificeerde URL of een relatieve URL gebruiken die de verwijzing naar uw archiefdomein weglaat.

    Volledige URL - https://mystore.com/women/tops-women/tees-women.html

    Relatieve URL - ../women/tops-women/tees-women.html

  2. Selecteer de tekst in de Editor-ruimte en klik op Koppeling invoegen/bewerken ( Koppelingsknop invoegen/bewerken {width="20"} ) op de editor-werkbalk.

    Een koppeling toevoegen aan opgemaakte tekst {width="500" modal="regular"}

  3. Voor URL, voert u de relatieve koppeling in die u hebt voorbereid.

  4. Set Target tot None.

    Met deze instelling wordt de pagina in hetzelfde browservenster geopend in plaats van een nieuw tabblad te openen.

  5. Voor Title, enter Shop Tees.

    De Title Het koppelingskenmerk wordt door sommige browsers gebruikt als knopinfo.

  6. De koppeling opslaan en terugkeren naar de Page Builder werkruimte, klikken OK.

    Koppelingsdetails {width="500" modal="regular"}

Een afbeelding invoegen

  1. Plaats de cursor in de tekst waar u de afbeelding wilt invoegen.

  2. Klikken Afbeelding invoegen/bewerken ( Afbeelding invoegen/bewerken, knop {width="20"} ) op de editor-werkbalk.

  3. Voor Source klikt u op het zoekpictogram om de mediaopslag te gebruiken voor het zoeken naar en selecteren van een afbeelding.

  4. Voor Image Description Voer een beschrijvende tekst in voor de afbeelding.

    Deze tekst vult de alt koppelingskenmerk voor de afbeelding en wordt door sommige browsers gebruikt voor toegankelijkheid.

  5. Voer de breedte en hoogte in Dimensions, in pixels, voor het weergeven van de afbeelding op de pagina.

    Houd de Constrain proportions Schakel dit selectievakje in om de hoogte-breedteverhouding voor de afbeelding automatisch te behouden.

  6. Als u de afbeelding wilt invoegen, gaat u terug naar de knop Page Builder werkruimte, klikken OK.

Tekstinstellingen wijzigen

  1. Houd de muisaanwijzer boven de tekstcontainer om de gereedschapset weer te geven en kies de optie Instellingen ( Instellingenpictogram {width="20"} ).

    note note
    NOTE
    Omdat de tekstcontainer stevig in een andere container wordt genest, zorg ervoor dat u correcte toolbox hebt.
  2. Werk de inhoud naar wens bij.

  3. Werk de Advanced ​instellingen.

    • Als u de positie van de tekst in de bovenliggende container wilt bepalen, kiest u een Alignment:

      table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
      Optie Beschrijving
      Default Hiermee past u de standaardinstelling voor uitlijning toe die is opgegeven in het stijlblad van het huidige thema.
      Left Hiermee lijnt u de lijst uit langs de linkerrand van de bovenliggende container, waarbij rekening wordt gehouden met de opgegeven opvulling.
      Center Hiermee lijnt u de lijst in het midden van de bovenliggende container uit, rekening houdend met de opgegeven opvulling.
      Right Hiermee lijnt u het blok uit langs de rechterrand van de bovenliggende container, waarbij rekening wordt gehouden met de opgegeven opvulling.
    • Stel de Border stijl die wordt toegepast op alle vier zijden van de tekstcontainer:

      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
      Optie Beschrijving
      Default Past de standaardrandstijl toe die door het bijbehorende stijlblad wordt gespecificeerd.
      None Geeft geen zichtbare indicatie van de containerranden.
      Dotted De containerrand wordt weergegeven als een stippellijn.
      Dashed De containerrand wordt weergegeven als een onderbroken lijn.
      Solid De containerrand wordt weergegeven als een effen lijn.
      Double De containerrand wordt weergegeven als een dubbele lijn.
      Groove De containerrand wordt weergegeven als een gegroefde lijn.
      Ridge De containerrand wordt weergegeven als een afgeronde lijn.
      Inset De containerrand wordt weergegeven als een inzetlijn.
      Outset De containerrand wordt weergegeven als een omtreklijn.
    • Als u een andere randstijl dan None, vult u de weergaveopties voor de rand in:

      table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
      Optie Beschrijving
      Border Color Geef de kleur op door een staal te kiezen, op de kleurkiezer te klikken of door een geldige kleurnaam of een gelijkwaardige hexadecimale waarde in te voeren.
      Border Width Voer het aantal pixels in voor de lijnbreedte van de rand.
      Border Radius Voer het aantal pixels in om de grootte te bepalen van de straal die wordt gebruikt om elke hoek van de rand te afronden.
    • (Optioneel) Geef de namen op van CSS classes in het huidige stijlblad toe te passen op de container.

      Scheid meerdere klassennamen met een spatie.

    • Voer in pixels waarden in voor de Margins and Padding om de buitenste marges en de binnenopvulling van de tekstcontainer te bepalen.

      Voer de overeenkomende waarden in het diagram in.

      table 0-row-2 1-row-2 2-row-2 layout-auto
      Containergebied Beschrijving
      Margins De hoeveelheid lege ruimte die wordt toegepast op de buitenrand van alle zijden van de container. Opties: Top / Right / Bottom / Left
      Padding De hoeveelheid lege ruimte die wordt toegepast op de binnenrand van alle zijden van de container. Opties: Top / Right / Bottom / Left
  4. Klik op Save om de instellingen toe te passen en terug te keren naar de Page Builder werkruimte.

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