Slider-sektion

skyderen Med sektionen i Pixpa kan du tilføje et visuelt engagerende område til dine sider, samtidig med at du forbedrer SEO. Uanset om du arbejder på et galleri, en side, en mappe, et klientalbum eller en blog, hjælper banneret med at sætte tonen og fremhæve vigtigt indhold.

Tip

Hvis du bare vil vise en tekstbesked øverst på dit websted, skal du bruge Meddelelseslinje. Eller hvis du vil oprette en pop-up, der vises, når besøgende ser dit websted, kan du prøve Marketing popup

I denne artikel


Hvad er et banner

Et banner bruges til at vise et bannerbillede/billedslideshow/video i fuld bredde øverst/nederst i dit indhold.

Tjek en live demo Banner


Tilføj bannersektion til en side

  • 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 side.
  • Vælg den Helte sektioner (1) kategori og klik på skyderen fane (2), hvor du kan vælge imellem forskellige layouts af Banner (3) afsnit.

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

Rediger bannersektion

Hvis sektionen allerede er tilføjet til siden, kan du nemt redigere den.

  • Hold markøren over sektionen og klik på Rediger indhold (1) knap.

  • En sidebjælke åbnes, hvorfra du kan Redigere (2) bannersektionen.
  • Klik Gem (3) knappen efter at du har foretaget ændringerne.


Indhold af bannersektionen

Fanen Indhold Under sektionen Rediger banner kan du tilføje og tilpasse indholdet af dit banner, uanset om det er billedbaseret eller videobaseret.

  1. Bannertype
  2. Billedslides
  3. Videoslides
  4. Bannertekst og knapper
  5. Bannertekst
  6. Knap og links

Bannertype

Vælg typen af ​​banner. Du kan vælge en af ​​følgende muligheder:

  • Slides – Vælg indstillingen Slides, hvis du vil vise billeder på banneret. Du kan tilføje flere billeddias under ét banner.
  • Video – Hvis du vil vise videoer som bannerdias, skal du vælge denne mulighed. Under hvert banner kan du tilføje flere videodias.
Bemærk

Du kan tilføje op til 25 slides i en bannersektion.


Billedslides

Når Slides er valgt under Bannertype, kan du oprette et slideshow ved at uploade flere billeder som bannerslides.

  1. Tilføj flere slides ved at klikke på + Tilføj slides .
  2. Genbestil dem ved hjælp af trækhåndtagene.
  3. Rediger eller slet individuelle slides ved hjælp af de respektive ikoner.

Rediger billede/tekstdias

  1. Billede 
    • Klik på Upload knappen for at ændre billedet/dias. Klik på Slette knappen for at slette diaset.
    • Skift fokuspunktet for billedet blot ved at klikke på billedet hvor som helst.
  2. Mobilbillede – Upload et mobilbannerbillede. Vi anbefaler at tilføje portrætbilleder her.
  3. Angiv den alternative tekst til billeddias. Dette hjælper til SEO-formål.

  1. Slidetekst – Indtast diasteksten, som vises over diaset. Du kan gøre teksten fed, kursiv, understreget, linke den og gøre meget mere.
    Se også: Pixpa teksteditor.

  1. Slide Link
    • Klik på indstillingsikonet, og indtast overlejringslinket til diaset.
    • Du kan angive enhver side inden for/uden for dit websted, din e-mail eller et kontaktnummer.
      Kontroller også: Linkende tekst/knap
  1. Button & Links
    • Tilføj op til 10 knapper/links til diasindholdet.
    • Du kan tilføje en normal knap, tekstlink eller bruge et billede/ikon som en knap.
      Kontroller også: Knap og links
  1. Hit the Gem knappen for at gemme dine ændringer.

Bemærk

Det komplette dias vil kun konverteres til link, når Bannertekst og knapper mulighed er valgt som Forskelligt for hver slide.


Videoslides

Når Videoslide Hvis indstillingen er valgt, kan du integrere en YouTube- eller Vimeo-video i dit banner. Følgende konfigurationsmuligheder er tilgængelige:

1. YouTube/Vimeo-link – Indtast et direkte link til din video. Understøttede formater inkluderer:

  • YouTube: https://www.youtube.com/watch?v=XXXXXXXXXXX
  • Vimeo: https://vimeo.com/XXXXXXXXXXX

2. Vis video – Vælg, hvordan videoen vises på dit websted:

  • Automatisk afspilning: Videoen vil blive integreret direkte og afspilles automatisk på alle enheder (lydløs som standard).
  • Autoplay – Kun på computer: Videoen vil blive integreret direkte og afspilles automatisk kun på computeren (lydløs som standard).
  • Åbn i Lightbox: Hvis du klikker på videoforhåndsvisningen, åbnes den i en pop op-vindue.

3. Mobilbillede – Upload et alternativt billede, der vises på mobilenheder, hvor automatisk afspilning af video muligvis ikke fungerer eller understøttes. Dette sikrer, at dit banner forbliver visuelt tiltalende på tværs af alle skærmstørrelser.

4. Angiv Alt-tag (valgfrit) – Tilføj et alt-tag for at forbedre SEO og tilgængelighed. Dette beskriver reservebilledet for skærmlæsere eller i tilfælde, hvor billedet ikke kan vises.

5. Slidetekst – Indtast diasteksten, som vises over diaset. Du kan gøre teksten fed, kursiv, understreget, linke den og gøre meget mere.
Se også: Pixpa teksteditor

6. Slide Link

  • Klik på indstillingsikonet, og indtast overlejringslinket til diaset.
  • Du kan angive enhver side inden for/uden for dit websted, din e-mail eller et kontaktnummer.
    Kontroller også: Linkende tekst/knap

7. Knap & Links

  • Tilføj op til 10 knapper/links til diasindholdet.
  • Du kan tilføje en normal knap, tekstlink eller bruge et billede/ikon som en knap.
    Kontroller også: Knap og links

8. Gem – Hit the Gem knap for at gemme dine ændringer


Bannertekst og knapper

  • Angiv, om teksten og knapperne skal være ens for alle dias eller forskellige for hvert dias. Når du vælger Samme for alle dias option, den Bannertekst og Knapper vil blive anvendt.
  • Når du har valgt Forskelligt for hver slide valgmulighed, vil den tekst og de knapper, der er angivet for et bestemt dias, blive brugt.


Bannertekst

  • Indtast bannerteksten, som vil være fælles for alle slides.
    Se også: Pixpa teksteditor


Knapper og links

  1. Disse knapper/links vises over dine bannerslides (fælles for alle slides).
    Kontroller også: Knap og links
  2. Når du har foretaget dine ændringer, skal du klikke på Gem knappen øverst til højre for at anvende dem på dit banner.


Bannerindstillinger

Under fanen Bannerindstillinger får du følgende muligheder:


Bannervisningstilstand

    • Skala og pasform – Billeder vil passe inden for bannerets bredde og højde. 
    • Tilpas til bredden (Kun skrivebord) – Billeder skaleres til bannerbredde. Bannerhøjden vil arve billedhøjden.
  1. Banner Desktop Højde – Angiv skrivebordets bannerhøjde, hvis du har valgt fuld blødning or skala og pasform mulighed i feltet Visningstilstand.
  2. Banner Mobile Højde – Angiv mobilbannerhøjden.


Slide Display-kontroller

Disse indstillinger giver mulighed for tilpasning af, hvordan slides vises, og hvordan overgangene sker inden for bannersektionen.

  1. Diasovergangsstil – Vælg, hvordan slides skal ændres. Du kan vælge muligheder som f.eks. Falme, Vandret dias eller lodret dias for en jævn overgang mellem slides.

  2. Slides pr. række – Angiv, hvor mange rækker af slides der skal være synlige på én gang.

  3. Slides pr. kolonne – Definer, hvor mange kolonner med slides der skal vises. Dette styrer, hvor mange slides der vises side om side i hver række.
  4. Mellemrum mellem slides – Juster afstanden mellem individuelle slides med denne indstilling. Du kan øge afstanden i pixels for at kontrollere den visuelle adskillelse mellem slides.
  5. Indholdsposition – Angiv placeringen af ​​indholdet i banneret.
  6. Indholdsbredde – Angiv bredden for bannerindholdet.


Bannerstyling

  1. Baggrundsfarve – Indstil baggrundsfarven for banneret.
  2. Overlay farve – Indstil overlejringsfarven for banneret.
  3. Navigationsstil – Angiv bannerets navigationsstil. Du kan vælge mellem Chevron, Long Arrows og Short Arrows. Vælg Ingen, hvis du vil deaktivere navigationskontrollerne.
  4. Navigationsfarve – Angiv farven på navigationskontrollerne på banneret.
  5. Aktivér rullepil ned – Vælg denne mulighed for at vise en pil ned over banneret.
  6. Hjørne Radius – Tilpas rundheden af ​​bannerslides hjørner. Du kan enten anvende den samme radius på alle hjørner eller angive forskellige værdier for hvert hjørne individuelt.


Disse indstillinger definerer, hvordan slides bevæger sig og opfører sig automatisk inden for banner- eller karruselsektionen.

  1. Aktivér jævn rulning – Slå dette til for at gøre slideovergange mere jævne og dermed få en problemfri rulningseffekt.
  2. Aktivér automatisk afspilning af slides – Når det er aktiveret, vil slides automatisk skifte til hinanden uden brugerinteraktion.
  3. Vis status for automatisk afspilning – Viser en visuel indikator, der viser timingen før den næste slideovergang.
  4. Forsinkelse i automatisk afspilning – Indstil tidsintervallet mellem automatiske diasovergange (f.eks. hvert 4. sekund).
  5. Karruselloop – Aktiver dette for at få dias til kontinuerligt at skifte tilbage til det første dias efter det sidste.


Knapper

Disse muligheder giver mulighed for tilpasning af de knapper, der vises i banneret

  1. Knap størrelse – Vælg størrelsen på knappen fra tilgængelige muligheder, f.eks. lille, mellem eller stor.
  2. Justering – Indstil knapjusteringen i sektionen (venstre, center eller højre).
  3. Mellemrum mellem knapper – Juster den vandrette afstand mellem flere knapper for at få et afbalanceret layout.
  4. Plads over knapper – Definer den lodrette afstand mellem teksten og knapperne (målt i pixels).
  5. Tekstlinkstørrelse – Angiv skriftstørrelsen for alle tekstbaserede knapper eller links.
  6. Størrelse på billedknap – Juster størrelsen på knapper, der indeholder ikoner eller billeder.
  7. Knapbredde – Vælg hvor bred knappen skal vises, med muligheder som standard, stor, ekstra stor eller fuld bredde.

Få mere at vide om styling af knapper og links.


Sociale ikoner

Disse indstillinger giver mulighed for tilpasning af udseendet og stylingen af ​​ikoner for sociale medier, der vises i bannersektionen.

  1. Ikonstørrelse – Juster størrelsen på ikonerne for sociale medier (i pixels), så de passer til bannerets overordnede design.
  2. Ikontype – Vælg den ikonstil (f.eks. Klassisk, Kontur eller Helfarve), der passer til bannerets tema.
  3. Ikonfarve – Vælg, hvordan ikonfarven defineres. Indstillingerne omfatter:
    • Linktekst – Bruger samme farve som sektionens linktekst.
    • Brugerdefineret – Tillader manuelt valg af en brugerdefineret farve.
    • Mærkefarve – Anvender hver platforms officielle brandfarve (f.eks. blå til Facebook).
  4. Vælg farve – Når Brugerdefineret er valgt, giver denne indstilling mulighed for at vælge en bestemt farve til ikonerne.


Bannerlayout

Du kan nemt ændre layoutet på et banner. Vide mere om bannerlayouterne.


Kan du ikke finde det, du leder efter?

Kom i kontakt med en Pixpa-ekspert.

Pixpa Studio er netop blevet opdateret. Vi opdaterer i øjeblikket alle skærmbilleder af hjælpeartikler.