DocumentatieCommercePage Builder

Elementen - tekst

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

Gemaakt voor:

  • Beginner
  • tussenpersoon
  • Gebruiker

Gebruik het inhoudstype van de Tekst om een tekstcontainer met een WYSIWYG ("wat u ziet is wat u"krijgt) redacteur in het Page Builder stadiumtoe te voegen. Bovendien kunt u verbindingen, beelden, variabelen, en widgets aan de tekst van de redacteurstoolbar toevoegen.

Opgemaakte tekst op een banner

NOTE
Als u significante veranderingen in Page Builder inhoud aanbrengt, adviseert men dat u het Levenslang van de Zitting Adminverhoogt om de zitting te verhinderen uit timing 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. Voor meer informatie, zie Gebruikend de Redacteur.

het redacteurshulpmiddel van de Tekst - TinyMCE

Gereedschap Tekstcontainer

de containertoolbox van de Tekst

Gereedschap
Pictogram
Beschrijving
Verplaatsen
pictogram van de Beweging {width="25"}
Verplaatst de tekstcontainer naar een andere geldige plaats op de pagina.
(label)
TEXT
Identificeert de huidige container als een tekstelement.
Instellingen
pictogram van Montages {width="25"}
Hiermee opent u de eigenschappen van de tekstcontainer in de bewerkingsmodus.
Verbergen
het pictogram van de Huid {width="25"}
Verbergt de tekstcontainer.
Tonen
toon pictogram {width="25"}
Hiermee wordt de verborgen tekstcontainer weergegeven.
Dupliceren
Dupliceer pictogram {width="25"}
Maakt een kopie van de tekstcontainer.
Verwijderen
verwijder pictogram {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. Vouw in het deelvenster Page Builder Elements uit en sleep een tijdelijke aanduiding Text naar een rij, kolom of tabset in het werkgebied.

    slepend een tekstplaceholder aan het stadium {width="600" modal="regular"}

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

    Voor meer informatie, zie Gebruikend de Redacteur.

    redacteur van de Tekst 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.

Om een verbinding voor een telefoonnummer of e-mail tot stand te brengen, zie Toevoegend de Variabelen van de Douane.

  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 redacteursruimte en klik Tussenvoegsel/geef verbinding uit ( Tussenvoegsel/geef verbindingsknoop {width="20"}) op de redacteurstoolbar uit.

    Toevoegend een verbinding aan geformatteerde teksten {width="500" modal="regular"}

  3. Voer bij URL de relatieve koppeling in die u hebt voorbereid.

  4. Stel Target in op None .

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

  5. Voer bij Title Shop Tees in.

    Het koppelingskenmerk Title wordt door sommige browsers gebruikt als knopinfo.

  6. Klik op OK om de koppeling op te slaan en terug te keren naar de werkruimte van Page Builder .

    het detail van de Verbinding {width="500" modal="regular"}

Een afbeelding invoegen

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

  2. Klik Tussenvoegsel/geef beeld uit ( Tussenvoegsel/geef beeldknoop uit {width="20"}) op de redacteurstoolbar.

  3. Klik bij Source op het zoekpictogram om de mediaopslag te gebruiken voor het zoeken naar en het selecteren van een afbeelding.

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

    Deze tekst vult het kenmerk alt link voor de afbeelding en wordt door sommige browsers gebruikt voor toegankelijkheid.

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

    Laat het selectievakje Constrain proportions ingeschakeld om automatisch de hoogte-breedteverhouding voor de afbeelding te behouden.

  6. Als u de afbeelding wilt invoegen en vervolgens wilt terugkeren naar de werkruimte van Page Builder , klikt u op OK .

Tekstinstellingen wijzigen

  1. Beweeg over de tekstcontainer om toolbox te tonen en de pictogram van Montages te kiezen ( pictogram van Montages {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 instellingen van Advanced ​naar wens bij.

    • Kies een Alignment als u de positie van de tekst in de bovenliggende container wilt bepalen:

      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 stijl Border in 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 instelt, voert 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 van CSS classes op uit de huidige stijlpagina die u op de container wilt toepassen.

      Scheid meerdere klassennamen met een spatie.

    • Voer in pixels waarden in voor de Margins and Padding om de buitenste marges en 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 na afloop op Save om de instellingen toe te passen en terug te keren naar de werkruimte van Page Builder .

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