EN
Søger...

Tekstafsnit

Brug tekstsektionen, når du vil vise et sæt tekst i kolonner. Du kan tilføje en Tekstafsnit til en side for nemt at linke forskellige sider på webstedet eller for at tilføje links med deres beskrivelser.

Når du tilføjer listeelementerne til denne sektion, vil de indstillinger og stil, du har angivet, blive anvendt på den. Denne sektion vil være nyttig til at vise holdet, forskellige produkter, du sælger, og til mange andre formål.

I denne artikel:

  1. Hvad er en tekstsektion?
  2. Tilføj en tekstsektion
  3. Tilføj og rediger listeelementer
  4. Rækkefølge listeelementer
  5. Sletning af listeelementer
  6. Ændring af sektionslayout
  7. Administrer elementer
  8. Stilmuligheder
  9. Karruselstilen
  10. Levende eksempel

Tekstafsnit

  • Hvis du ønsker at tilføje tekst eller et link i en tekst uden billeder, kan du tilføje en tekstsektion.

Tilføj en tekstsektion

  • Et afsnit kan tilføjes til en side. Du kan enten tilføje et afsnit til en allerede eksisterende side eller oprette en ny side på din hjemmeside.
  • På din side, klik på blåt + ikon at tilføje en Ny afdeling til din side.

  •  Du vil nu se sektionskategorier på venstre panel.
  • Vælg den Indhold (1) valgmulighed og klik på tekst fane (2), hvor du kan vælge imellem forskellige layouts (3).

  • Vælg et sektionslayout, og klik på det for at tilføje det til din side.

Bemærk

  1. Du kan styre sektionsbredden fra indstillinger sektion og indholdsbredden fra indholdsstil.
  2. Hold titlerne, underteksterne og beskrivelserne korte og skarpe.
  3. I beskrivelsesfeltet skal du trykke på Indtast knappen for at give et linjeskift og Skift + Enter knappen for at starte fra den næste linje.

Tilføj og rediger listeelementer

Tilføj listeelement

Når du har tilføjet afsnittet: 

  • Klik på Rediger indhold (1) knappen for at åbne panelet med listeelementer.

  • Klik på Tilføj vare (2) knappen for at tilføje et nyt listeelement.
  • Du vil have mulighed for at Dupliker og slet (3) listepunkterne.

Rediger listeelement

Klik på det listeelement, du vil redigere. Det åbner de særlige redigeringsmuligheder for listeelementer.

  • Føj til Emne (1), Undertekst (2)og Beskrivelse (3) i listepunktet.
  • Du finder muligvis ikke muligheden for undertekst og beskrivelse i bestemte listeelementer afhængigt af det layout, du vælger.
    Inden du tilføjer beskrivelsen, skal du kontrollere denne artiklen.

4. Handling ved klik

Du kan tilpasse klikadfærden for individuelle elementer i Tekstliste afsnit. Nedenfor er de tilgængelige muligheder:

  • Gå til et link
    Hvis du vælger denne indstilling, åbnes Link Builder, så du kan tilføje et hyperlink til dette element. Linket kan dirigere brugere til en anden side på dit websted eller en ekstern URL. Vide mere om Link Builder.
  • Åbn i Lightbox
    Denne indstilling viser elementet i en forstørret Lysbord se, når der klikkes. I denne tilstand er Subtitle og Beskrivelse knyttet til elementet vises ikke i gittervisningen, men vil være synligt i lysbokstilstand.
  • Ingen handling
    Vælg denne mulighed for at gøre elementet uklikbart. Når det er valgt, vil et klik på elementet ikke udløse nogen handling.

5. Åbn link i nyt vindue: Indstil linket til at åbne i en ny fane eller i samme fane. Dette vil kun være synligt når Gå til et link mulighed er valgt under Handling ved klik menu.

6. Knapper og links: Tilføj enhver form for Link til listepunktet. Du kan tilføje et knap/billedlink/socialt ikon/tekstlink. Lær mere.

7. Gem: Når du har foretaget tilpasningerne, skal du gemme ændringerne.

8. Tilsidesættelse af kortstil

Du kan tilsidesætte de globale kortstilindstillinger fra sektionens Stilindstillinger og tilpas hvert elements kort individuelt i afsnittet Billedliste. Dette giver dig mulighed for at anvende unikke stilarter på forskellige listeelementer for bedre tilpasning.

Lær mere om kort mulighed i dynamisk sektion.

Se redigering af et tekstlisteelement i aktion:

Sekvenslisteelementer

  • Du kan nemt trække og slippe listeelementerne for at ændre rækkefølgen.

Slet et listeelement

Når du har tilføjet et listeelement, kan du redigere eller slette det.

  • Klik på Slette ikonet ved siden af ​​listeelementet.
  • Klik på Slette knappen i bekræftelses-popup'en.
  • Gem ændringerne.

Bemærk

Listeelementer, når de er slettet, kan ikke gendannes.

Sektionslayout

  • Klik på Rediger indhold (1) knap.

  • Vælg den Layout (2) faneblad.
  • Vælg ethvert layout og Gem (3) dine ændringer.

Administrer tekstelementer i sektionen

Tekstlistesektionen indeholder en Fanen Elementer der giver dig mulighed for nemt at administrere synligheden af ​​forskellige elementer i sektionen. Ved hjælp af simple vippekontakter kan du aktivere eller deaktivere specifikke elementer uden at skulle slette eller ændre selve elementerne.

  • Klik på Rediger indhold (1) knap.

  • Vælg den Elements (2) faneblad.
  • Når du har foretaget ændringerne, skal du trykke på Gem (3) knap.

Sektionsmuligheder

  1. Vis overskrift: Aktiver eller deaktiver synligheden af ​​overskriften for afsnittet Tekstliste.
  2. Vis knapper: Kontroller, om knapper skal vises på sektionsniveau.

Indstillinger for varer

  1. Vis Titel: Kontroller, om titlen skal vises.
  2. Vis undertekst: Aktiver eller deaktiver undertekster.
  3. Vis beskrivelse: Administrer synligheden af ​​varebeskrivelser.
  4. Vis knapper: Beslut om knapper til individuelle elementer skal vises.

Style dit afsnit

  • Klik på Rediger indhold (1) knap.

  • Vælg den stil (2) faneblad.
  • Skift stilen på listeelementerne og Gem (3) dine ændringer.

Du vil have flere stilindstillinger for denne sektion: 

  1. Display Options
  2. Mobil skærm
  3. Justering
  4. Tekststørrelse
  5. Mellemrum
  6. Sektionsoverskrift
  7. Kort muligheder
  8. Skygge muligheder
  9. Knapper og links

Display Options

  1. Vælg at Vis varer in rækker og kolonner or karrusel 
    • Hvis du har valgt rækker og kolonner valgmulighed, vil listeelementerne blive arrangeret i rækker og kolonner. I dette tilfælde skal du angive antallet af rækker og kolonner.
    • Hvis du har valgt karrusel valgmulighed, vil listeelementerne blive præsenteret som et diasshow. Vide mere.
  2. Indstil Antal kolonner for tekstlisten. Du kan vælge mellem 1 til 10 kolonner.
  3. Angiv Mellemrum mellem kolonner af listepunkterne.
  4. Angiv Mellemrum mellem rækker af listepunkterne.

Hvis indstillingen Karrusel er valgt i trin 1, vil du se følgende yderligere muligheder:

  1. Aktiver jævn rulning: Muliggør kontinuerlig rulning af elementer i karrusellen for en problemfri og visuelt tiltalende oplevelse.
  2. Auto Slide: Roterer automatisk gennem dias uden brugerinteraktion.
  3. Vis autoplay-fremskridt: Viser en statusindikator, mens autoplay er aktiv for bedre synlighed.
  4. Autoplay forsinkelse: Indstiller tidsintervallet mellem hver diasovergang, når autoplay er aktiveret.
  5. Karrusel loop: Muliggør kontinuerlig sløjfe af dias, så karrusellen genstarter problemfrit efter det sidste dias.
  6. Karrusel kontrol: Vælg Navigationskontrol. Du kan vælge mellem Ingen kontrol, pile – nederst i midten/øverst til højre/nederst til højre, Chevron, Prikker og Vandret rulle.

Mobil skærm

  1. Indstil antallet af Gitterkolonner til mobile enheder. Du kan indstille den til maksimalt 3 kolonner.
  2. Definer Mellemrum mellem gitter (i pixels).

Enhedsspecifik kolonnelayout baseret på Studio-indstillinger:

Justering

  • Indholdsjustering: Juster indholdet vandret i tekstlisten. Du kan indstille dem til at være venstre-, højre- eller centerjusterede.

Tekststørrelse

  1. Klik på Skift tekststil knappen for at besøge Design afsnit og administrere dine skriftstørrelser og stilarter. 
  2. Indstil Emne skrifttype for sektionens listeelementer.
  3. Indstil Subtitle skrifttype for sektionens listeelementer.
  4. Indstil standard Beskrivelse skrifttype for sektionens listeelementer.
    Kontroller også: Website Tekst stil.
  5. Aktiver denne indstilling for at animer alle tal til stede i Emne og Subtitle felter. Når de er aktiveret, vises numeriske værdier med en dynamisk optællingsanimation, hvilket gør dem mere visuelt engagerende.

Mellemrum

  1. Angiv Indholdsbredde for listepunkterne.
  2. Angiv Plads under sektionsoverskrift i px.
  3. Angiv Plads under titlerne af listepunkterne (i %).
  4. Angiv Plads under underteksterne af listepunkterne (i %).

Sektionsoverskrift

  1. Juster vandret sektionens overskriftstekst. Du kan indstille den til Venstre, Center og Højre.
  2. Aktiver/deaktiver Divider mellem afsnitsoverskriften og afsnitsindholdet.
  3. Indstil tykkelse af skillevæg (i px).
  4. Angiv Opdelerfarve fra farvevælgeren.
  5. Vælg et Divider stil fra dropdown.
  6. Indstil Overskriftsbredde for at definere, hvor bred sektionstitlen vises, startende fra minimum 50 %.

Kortindstillinger

Skyggeindstillinger

  1. Skærm – Vælg at vise skyggen bag listeelementerne altid eller kun ved at svæve.
  2. stil – Vælg mellem eksisterende forudindstillinger eller opret en brugerdefineret skygge.
    Hvis du har valgt Custom-indstillingen, så besøg denne Box Shadow Generator for at skabe en brugerdefineret skygge. Til sidst skal du kopiere og indsætte box shadow CSS.
  3. Hvis du har valgt forudindstillinger, så Vælg Shadow Styles fra dropdown.

Bemærk

Stilindstillingerne vil blive anvendt på alle elementerne i sektionen. De kan ikke ændres for hvert listepunkt individuelt.

Knapper og links

  • Se hvordan til at styre udformningen af ​​knapper og links.

Karruselstilen

Karrusel-stilen viser listeelementer som et diasshow, dvs. listeelementerne vil blive cyklet efter hinanden.

Se, hvordan karruselstilen fungerer: 

Vis tekstlisteelement som kort

Se: 

Her er en live tekstliste: 

Se en live demo-side. 

Tagged:

Kan du ikke finde det, du leder efter?

Kom i kontakt med en Pixpa-ekspert.

Kontakt os