Content Ticker

ElementsKits Content Ticker-widget för Elementor låter dig visa senaste inlägg, senaste nyheter och mer på ett elegant sätt. Widgeten ger dig möjlighet att visa antingen webbplatsinläggen eller anpassat innehåll på tickern.

Läs den här dokumentationen för att lära dig hur du använder Elementor Content Ticker-widgeten i ElementsKit.

Steg 1: Få Content Ticker i Elementor #

För att få innehållstickern på din WordPress-webbplats, aktivera först ElementsKit Content Ticker-widgeten, öppna sedan Elementor-redigeraren och dra och släpp widgeten till designområdet.

Aktivera Content Ticker-widgeten #

Så här aktiverar du Content Ticker-widgeten:

  1. Navigera till ElementsKit > Widgets.
  2. Hitta Content Ticker från listan och aktivera widgeten.
  3. Klicka på SPARA ÄNDRINGAR.

Dra och släpp widgeten #

Efter det, dra och släpp ElementsKit Content Ticker widgeten till Elementor-redigeraren.

Dra och släpp Content Ticker-widgeten i Elementor

Steg 2: Konfigurera innehållssymbolen i Elementor #

Nu kan du konfigurera tickertitel, innehåll och tickerinställningar för widgeten.

Biljetttitel #

  1. Visa titel: Aktivera först tickertiteln. Då har du andra alternativ tillgängliga för att anpassa titeln.
  2. Titelstil: Välj en stil för tickertiteln från de givna alternativen.
Visa titel i ElementsKit Content Ticker-widgeten
  1. Titeltext: Skriv in en text för titeln.
  2. Aktivera pekare: Du kan visa en pekare tillsammans med tickertiteln.
  3. Ikon: Eller så kan du visa en ikon bredvid titeln.

[Obs: Pekare och ikon är alternativa alternativ. När du aktiverar pekaren är ikonen inte tillgänglig och vice versa.]

Pekare med tickertitel
Ikon med ticker titel
  1. Placera: Ställ in positionen för pekaren/ikonen. Du kan ställa in positionen till "Före" eller "Efter" pekaren/ikonen.
  2. Aktivera separator: Du kan också visa en avgränsare med tickertiteln.
Konfigurera titeln i ElementsKit-innehållsticker-widgeten

Tickerinnehåll/fråga #

I det här avsnittet kommer du till Välj innehållstyp.

  • Innehållstyp: Inlägg

För att visa dina webbplatsinlägg på tickern.

  1. Välj innehåll: Ställ in på "Post".
  2. Antal innehåll: Ställ in antalet inlägg som ska visas.
  3. Titelklipp: Begränsa textteckennumret för inläggets titel som visas i tickern.
  4. Beskrivning Trim: Begränsa textteckennumret för inläggsbeskrivningen som visas i tickern. (beskrivning kan aktiveras från Inställningar).
  5. Välj innehåll efter: Du kan välja att visa inlägget på följande sätt:
    • Senaste inlägget: Visa de senaste inläggen på din webbplats.
    • Valt inlägg: Visa det valda inlägget. Du kan välja inläggen i fältet "Sök och välj".
    • Kategoriinlägg: Visa inlägg efter kategori. Lägg till kategorier i fältet "Välj kategorier".
  6. Beställa: Ställ in ordningen på innehållet till fallande ordning (DESC) eller stigande ordning (ASC).
Hur man anpassar tickerinnehåll ElementsKit-widget
  • Innehållstyp: Anpassad

För att visa anpassat innehåll på tickern.

  1. Välj innehåll: Ställ in på "Anpassad".
  2. LÄGG TILL VARA: Du kan lägga till innehållsobjekt.
Konfigurera anpassat tickerinnehåll ElementsKit-widget
  1. Innehållstitel: Ange innehållstiteln för tickern.
  2. Innehållsbeskrivning: Lägg till en beskrivning för tickerinnehållet.
  3. Välj bild: Lägg till en bild som ska visas på tickerinnehållet.
  4. Länk: Ange en URL för att länka valfri webbsida till innehållet.
Lägg till anpassat tickerinnehåll ElementsKit-widget

inställningar #

Du kan konfigurera tickerinställningarna i det här avsnittet.

  1. Visa bild: Bestäm om du vill visa funktionsbilden av innehållet på tickern.
  2. Bildstorlek: Du kan ändra bildstorleken på tickerinnehållet.
  3. Aktivera Shadow: Du kan aktivera skuggan som visas på vänster och höger sida av tickerinnehållet.
  4. Visa beskrivning: Du kan visa beskrivningen av innehållet i tickern.
  1. Effekt: Välj stilen för animeringseffekten från följande alternativ: Standard, Tona, Marquee och Typing.

När du väljer Marquee-effekten rekommenderar vi att du ökar animeringshastigheten för bättre synlighet.

  1. Riktning: Ställ in riktningen till i. Horisontell rullning eller ii. Vertikal rullning.

[Notera: Riktningen är Ej tillgängligt för Marquee effekt]

  1. Animationshastighet: Du kan ändra och justera hastigheten på animeringseffekten.

[Obs: Animation Speed är Inte tillgänglig för att skriva effekt]

  1. Autospela: Du kan aktivera autoplay för innehållssymbol. 

Om det är aktiverat, ställ in Dealy tid (intervall mellan för att ändra innehållet).

[Notera: Autoplay är Ej tillgängligt för Marquee effekt]

  1. Omvänd riktning: Om du aktiverar det här alternativet rullar symbolen i riktning från vänster till höger. Annars är tickerriktningen höger till vänster.
  1. Ta tag i markören: Användare kan flytta tickerinnehållet genom att ta tag i dem med muspekaren.

[Notera: Grab Cursor är Ej tillgängligt för Marquee effekt]

  1. Visa pil: Aktivera pilen för att navigera i tickerinnehållet manuellt. Om du visar pilarna, välj en vänsterpilsikon och en högerpilsikon.

Steg 3: Anpassa innehållssymbolstilen #

Du kan anpassa Elementors innehållssymbol under stilfliken.

Omslag #

  1. Riktning: Välj positionen för tickertiteln och pilarna.
    1. Normal: Tickertiteln är till vänster och pilen till höger.
    2. Omvänd: Tickertiteln är till höger och pilen till vänster.
Riktning: Normal
Riktning: Omvänd
  1. Omslagsvaddering: Du kan justera topp- och bottenstoppningen för hela innehållssymbolsektionen.

Tickertitel #

  1. Bredd: Justera bredden på tickertitelsektionen.
  2. Inriktning: Välj Justering av ikonen och texten i tickertiteln.
  3. Pekaralternativ/ikonalternativ: Du kan ändra storlek, mellanrum mellan titeln och pekaren/ikonen och färgen på pekaren/ikonen.
justera bredd, storlek, färg och andra attribut för tickertitel
  1. Typografi: Välj typografi för titeltexten.
  2. Stoppning: Justera utfyllnaden av tickertiteln.
  3. Kantradie: Justera kantradien för tickertiteln.
  4. Text färg: Välj textfärg.
  5. Bakgrund: Välj tickertiteln Bakgrund.
  6. Ikon: Välj en ikon för tickertiteln.

[Obs! Du kan välja separata textfärger, bakgrundsfärger och ikonfärger för normala och svävande tillstånd.]

anpassa tickertitelstilar för ElementsKit Content Ticker-widgeten
  1.  Separatoralternativ: Om du aktiverar avgränsaren för tickertiteln kan du ändra dess stil som bredd, höjd och färg.
ändra stilar för tickertitel i ElementsKit content ticker-widget

Tickerinnehåll #

  1. Inriktning: Välj Justering av tickerinnehållet.
  2. Marginal: Justera höger och vänster marginal på tickerinnehållet.
  3. Stoppning: Justera utfyllnaden av innehållet.
  4. Titelfärg: Välj en titelfärg för tickerinnehållet.
  5. Titeln Hover Color: Välj en färg som ska visas när innehållstiteln har hållit muspekaren.
  6. Titeltypografi: Ställ in typografi för innehållstiteltexten.
  7. Beskrivning Färg: Du ändrar färgen på innehållsbeskrivningen.
  8. Beskrivning Typografi: Ställ in typografin för beskrivningstexten.
anpassa tickerinnehållet

Bild #

Om du aktiverar alternativet "Visa bild" i avsnittet Inställningar, kommer bilden att visas med innehåll.

  1. Justera Bredd och Höjd av bilden.
  2. Välj en Kanttyp för bilden.
  3. Justera Gränsradie.
  4. Ställ in Marginal för innehållsbilden.
anpassa innehållsbild i ElementsKit innehållssymbol

Pil #

Om du aktiverar funktionen "Visa pilar" kommer pilar att visas på tickern.

  1. Pilposition: Ställ in pilens position till vänster eller höger om tickern.
  2. Bredd: Justera bredden på pilarna.
  3. Höjd: Justera höjden på pilarna.
  4. Mellanrum mellan: Justera avståndet mellan de två pilarna.
  5. Ikonfärg: Du kan välja färg på pilikonen.
  6. Bakgrundsfärg: Välj en pilbakgrundsfärg.
  7. Kanttyp: Välj en kanttyp. Kan också välja bredd och Färg av gränsen.
  8. Kantradie: Justera kantradien för pilarna.

Liksom Content Ticker-widgeten kommer ElementsKit med hundratals avancerade element för Elementor. Skaffa ElementsKit och använd dessa element för att bygga WordPress-webbplatser med fulla funktioner.

Vad är dina känslor
Uppdaterad den 28 januari 2024