EN
Sökande...

Textavsnitt

Använd textavsnittet när du vill visa en uppsättning text i kolumner. Du kan lägga till ett textavsnitt på en sida för att enkelt länka olika sidor inom webbplatsen eller för att lägga till länkar med deras beskrivningar.

När du lägger till listobjekten i det här avsnittet kommer inställningarna och stilen du har angett att tillämpas på den. Det här avsnittet kommer att vara användbart för att visa upp teamet, olika produkter du säljer och för många andra ändamål.

I den här artikeln:

  1. Vad är ett textavsnitt?
  2. Lägg till ett textavsnitt
  3. Lägg till och redigera listobjekt
  4. Sekvensera listobjekt
  5. Ta bort listobjekt
  6. Ändra sektionslayout
  7. Hantera element
  8. Stilalternativ
  9. Karusellstilen
  10. Live-exempel

Textavsnitt

  • Om du vill lägga till text eller en länk i text utan bilder kan du lägga till ett textavsnitt.

Lägg till ett textavsnitt

  • Ett avsnitt kan läggas till på en sida. Du kan antingen lägga till ett avsnitt på en redan befintlig sida eller skapa en ny sida på din webbplats.
  • På din sida, Klicka på blå + ikon att lägga till en Nytt avsnitt till din sida.

  •  Du kommer nu att se sektionskategorier på vänster panel.
  • Välj Innehåll (1) alternativet och klicka på text flik (2) där du kan välja mellan olika layouter (3).

  • Välj valfri sektionslayout och klicka på den för att lägga till den på din sida.

Anmärkningar

  1. Du kan hantera sektionsbredden från inställningsavsnitt och innehållsbredden från innehållsstil.
  2. Håll titlarna, undertexterna och beskrivningarna korta och tydliga.
  3. I beskrivningsfältet, tryck på ange knappen för att ge en radbrytning och Skift + Enter för att börja från nästa rad.

Lägg till och redigera listobjekt

Lägg till listobjekt

När du har lagt till avsnittet: 

  • Klicka på Redigera innehåll (1) knappen för att öppna panelen med listobjekt.

  • Klicka på Lägg till objekt (2) för att lägga till ett nytt listobjekt.
  • Du kommer att ha möjlighet att Duplicera och ta bort (3) listobjekten.

Redigera listobjekt

Klicka på listobjektet som du vill redigera. Det kommer att öppna de särskilda redigeringsalternativen för listobjekt.

  • Lägg till Titel Lagring, Undertext Lagringoch Beskrivning (3) i listpunkten.
  • Du kanske inte hittar alternativet undertext och beskrivning i vissa listobjekt beroende på vilken layout du väljer.
    Kontrollera innan du lägger till beskrivningen detta artikel.

4. Åtgärd vid klick

Du kan anpassa klickbeteendet för enskilda objekt i avsnittet Textlista . Nedan följer de tillgängliga alternativen:

  • Gå till en länk
    Om du väljer detta alternativ öppnas Länkbyggare, så att du kan lägga till en hyperlänk till detta objekt. Länken kan leda användare till en annan sida på din webbplats eller en extern URL. Veta mer handla om Länkbyggare.
  • Öppna i Lightbox
    Detta alternativ visar objektet i en förstoring Lightbox visa när du klickar. I det här läget är Texta och BESKRIVNING associerat med objektet kommer inte att visas i rutnätsvyn men kommer att vara synligt i ljusbordsläge.
  • Ingen åtgärd
    Välj det här alternativet för att göra objektet oklickbart. När det är markerat kommer det inte att utlösa någon åtgärd om du klickar på objektet.

5. Öppna länk i nytt fönster: Ställ in länken så att den öppnas i en ny flik eller i samma flik. Detta visas bara när alternativet Gå till en länk är valt under menyn Åtgärd vid klick .

6. Knappar och länkar: Lägg till valfri typ av länk till listobjektet. Du kan lägga till en knapp/bildlänk/social ikon/textlänk. Läs mer.

7. Spara: Spara ändringarna när du har gjort anpassningarna.

8. Åsidosätt kortstil

Du kan åsidosätta de globala kortstilinställningarna från sektionens stilinställningar och anpassa varje objekts kort individuellt i avsnittet Bildlista. Detta gör att du kan tillämpa unika stilar på olika listobjekt för bättre anpassning.

Läs mer om kortalternativen i det dynamiska avsnittet.

Se hur du redigerar ett objekt i textlistan:

Sekvenslistobjekt

  • Du kan enkelt dra och släppa listobjekten för att ändra ordningsföljden.

Ta bort ett listobjekt

När du har lagt till ett listobjekt kan du redigera eller ta bort det.

  • Klicka på Radera ikonen bredvid listobjektet.
  • Klicka på Radera knappen i popup-fönstret för bekräftelse.
  • Spara förändringarna.

Anmärkningar

Listobjekt när de har tagits bort kan inte återställas.

Sektionslayout

  • Klicka på Redigera innehåll (1) -knapp.

  • Välj Layout (2) flik.
  • Välj valfri layout och Spara (3) dina ändringar.

Avsnittet Hantera textelement

Textlistan innehåller en flik för element som låter dig enkelt hantera synligheten för olika element inom sektionen. Med enkla växlingsknappar kan du aktivera eller inaktivera specifika element utan att behöva ta bort eller ändra själva elementen.

  • Klicka på Redigera innehåll (1) -knapp.

  • Välj Elements (2) flik.
  • När du har gjort ändringarna, tryck på Spara (3) -knapp.

Sektionsalternativ

  1. Visa rubrik: Aktivera eller inaktivera synligheten för rubriken för avsnittet Textlista.
  2. Visa knappar: Styr om knappar ska visas på sektionsnivå.

Objekt Alternativ

  1. Visa Titel: Kontrollera om titeln ska visas.
  2. Visa undertext: Aktivera eller inaktivera undertexter.
  3. Visa beskrivning: Hantera synligheten för artikelbeskrivningar.
  4. Visa knappar: Bestäm om knappar för enskilda objekt ska visas.

Style ditt avsnitt

  • Klicka på Redigera innehåll (1) -knapp.

  • Välj Stil (2) flik.
  • Ändra stilen på listobjekten och Spara (3) dina ändringar.

Du kommer att ha flera stilalternativ för det här avsnittet: 

  1. Visningsalternativ
  2. Mobil display
  3. Justering
  4. Textstorlek
  5. Förband
  6. Avsnittsrubrik
  7. Kortalternativ
  8. Skuggalternativ
  9. Knappar och länkar

Visningsalternativ

  1. Välj att Visa objekt in rader och kolumner or Karusellen 
    • Om du har valt rader och kolumner alternativ kommer listobjekten att ordnas i rader och kolumner. I det här fallet måste du ange antalet rader och kolumner.
    • Om du har valt Karusellen alternativ kommer listobjekten att presenteras som ett bildspel. Veta mer.
  2. Ställ in Antal kolumner för textlistan. Du kan välja mellan 1 till 10 kolumner.
  3. ange Mellanrum mellan kolumner av listobjekten.
  4. ange Mellanslag mellan rader av listobjekten.

Om karusellalternativet är valt i steg 1, kommer du att se följande ytterligare alternativ:

  1. Aktivera mjuk rullning: Möjliggör kontinuerlig rullning av objekt i karusellen för en sömlös och visuellt tilltalande upplevelse.
  2. Auto Slide: Roterar automatiskt genom bilder utan användarinteraktion.
  3. Visa förlopp för automatisk uppspelning: Visar en förloppsindikator medan autoplay är aktivt för bättre synlighet.
  4. Autoplay Delay: Ställer in tidsintervallet mellan varje bildövergång när automatisk uppspelning är aktiverad.
  5. Karusellslinga: Möjliggör kontinuerlig looping av diabilder, så att karusellen startar om sömlöst efter den sista bilden.
  6. Karusellkontroller: Välj den Navigationskontroller. Du kan välja mellan Inga kontroller, Pilar – Nedre mitten/Upptill höger/Nedre höger, Chevron, Prickar och Horisontell rullning.

Mobil display

  1. Ställ in antalet Rutnätkolumner för mobila enheter. Du kan ställa in den på maximalt 3 kolumner.
  2. Definiera Förband mellan rutnät (i pixlar).

Enhetsspecifik kolumnlayout baserat på Studioinställningar:

Justering

  • Innehållsjustering: Justera innehållet horisontellt i textlistan. Du kan ställa in dem att vara vänster-, höger- eller mittjusterade.

Textstorlek

  1. Klicka på Ändra textstil knappen för att besöka Design avsnitt och hantera dina teckenstorlekar och stilar. 
  2. Ställ in Titel teckensnittsstil för listobjekten i avsnittet.
  3. Ställ in Texta teckensnittsstil för listobjekten i avsnittet.
  4. Ställ in standard BESKRIVNING teckensnittsstil för listobjekten i avsnittet.
    Kontrollera även: Webbplats textstil.
  5. Aktivera det här alternativet för att animera valfria siffror närvarande i Titel och Texta fält. När de är aktiverade visas numeriska värden med en dynamisk räkne-animation, vilket gör dem mer visuellt engagerande.

Förband

  1. ange Innehållsbredd för listobjekten.
  2. ange Utrymme under avsnittsrubrik i px.
  3. ange Utrymme under titlarna av listposterna (i %).
  4. ange Mellanslag under undertexterna av listposterna (i %).

Avsnittsrubrik

  1. Justera horisontellt avsnittsrubrikens text. Du kan ställa in den på vänster, mitten och höger.
  2. Aktivera/inaktivera divider mellan avsnittsrubrik och avsnittsinnehåll.
  3. Ställ in avdelarens tjocklek (i px).
  4. ange Avdelningsfärg från färgväljaren.
  5. Välj ett Divider stil från rullgardinsmenyn.
  6. Ställ in Rubrikbredd för att definiera hur bred sektionsrubriken ska visas, med början från minst 50 %.

Kortalternativ

Skuggalternativ

  1. Skärmar – Välj att visa skuggan bakom listobjekten alltid eller endast när du håller muspekaren.
  2. Stil – Välj bland befintliga förinställningar eller skapa en anpassad skugga.
    Om du har valt alternativet Anpassat, besök detta Box Shadow Generator för att skapa en anpassad skugga. Slutligen, kopiera och klistra in box skugga CSS.
  3. Om du har valt förinställningsalternativet, då Välj Shadow Styles från rullgardinsmenyn.

Anmärkningar

Stilinställningarna kommer att tillämpas på alla objekt i avsnittet. De kan inte ändras för varje listobjekt individuellt.

Knappar och länkar

  • Se hur för att hantera utformningen av knappar och länkar.

Karusellstilen

Karusellstilen visar listobjekt som ett bildspel, dvs listobjekten växlas efter varandra.

Se hur karusellstilen fungerar: 

Visa textlista som kort

Ta en titt: 

Här är en livetextlista: 

Se en livedemosida. 

Taggade:

Hittar du inte det du letar efter?

Ta kontakt med en Pixpa-expert.

Kontakta oss
Pixpa Studio har precis uppdaterats. Vi uppdaterar för närvarande alla skärmdumpar från hjälpartiklarna.