Banneret

Ved hjælp af en Banner tilføjer visuel flair til dit websted og tilføjer karakter til dit indhold, uanset om det er en galleri, side, mappe, klient album eller blog. Du kan tilføje billede alt-tekst til bannerbillederne, dette hjælper med SEO.

Bannere kan placeres enten øverst eller nederst på dit indhold (under hjemmesidens overskrift) og bruges typisk til at vise et bannerbillede/billeddiasshow/video i fuld bredde.

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.

Sådan ser et banner ud: 

Tjek en live demo-side.


Bannerindstillingerne er kategoriseret som: 

  1. Slides
  2. Indstillinger
  3. Layout


1. Dias

Mulighederne under kategorien dias er: 

Vælg typen af ​​banner. Du kan vælge mellem et brugerdefineret banner, autobanner og inaktivt.

  • Brugerdefineret banner – Brugerdefinerede dias vil blive brugt til banneret.
  • Auto banner – Galleriets fremhævede billede, overskrift og beskrivelse vil blive brugt til banneret.
  • Inaktiv – Banner vil ikke være synligt på hjemmesiden.


Slides
  • Klik på +Tilføj dias (1) knappen for at tilføje de brugerdefinerede dias til banneret.
  • Når du har uploadet slides, kan du redigere (2) eller slette (3) rutsjebanen.

Points to remember: 

  • Den ideelle størrelse på et bannerbillede vil være 2000 pixels X 2000 pixels. 
  • Understøttede billedfilformater til banneret er JPG, JPEG, PNG og GIF. 
  • Vi anbefaler, at du uploader liggende billeder i stedet for stående billeder.
  • Tilføj teksten over billederne fra Master/Slide tekst Mark. Upload ikke billeder med tekst i dem.


Rediger billede/tekstdias 

  • Når du har klikket på redigere ikon, vil du se billed-/tekstdiasskuffen.


De tilgængelige muligheder her er: 

  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 – Uupload 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.

Bemærk

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

  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.


  • 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 mulighed, vil bannerteksten og knap 1 og 2 blive brugt.
  • 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.


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

  • Disse knapper/links vises over dine bannerslides (fælles for alle slides).
    Kontroller også: Knap og links.


2. Indstillinger

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


  1. Bannerbredde – Angiv bredden af ​​banneret.
    • 'Fuld bredde' vil vise banneret, mens det dækker hele bredden uden at efterlade nogen margen.
    • 'boxed' vil vise banneret, mens der efterlades en vis mængde polstring til højre og venstre på skærmen.
    • 'Site bredde' kan angives i Design afsnit. Du kan angive en fast bredde der.
      Det vil vise banneret ved at overholde den angivne faste bredde.
    • 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.
Bemærk:

Hvis bannersektionen føjes til en side, vil bannerhøjden blive arvet fra sektionshøjde.


  1. Sidehoved – Vælg den sidehovedstil, der skal anvendes over banneret.
    • I tilfælde af, at du har valgt Standard, vil headeren bruge standardwebstedets header-stil, og banneret placeres efter headeren. Tjek a levende eksempel.
    • I tilfælde af, at du har valgt Gennemsigtig, vil sidehovedbaggrunden blive indstillet som gennemsigtig, og sidehovedelementerne vil være hvide. Banneret vil blive placeret under overskriften. Tjek a levende eksempel
  2. Sidehovedelementer - Hvis du har indstille overskriften til at være gennemsigtig, kan du vælge farve på overskriftspunkter/menupunkter:
    • I tilfælde af Standardfarve er valgt, arves farven på overskriftens elementer fra Design sektion.
    • I tilfælde af Angiv farve er valgt, kan du klikke og vælge farven på overskriften.

Kontroller også: Styling af sidehovedelementer på enhver side.


  1. Synlighed – Indstil synligheden af ​​banneret.
  2. Position – Angiv bannerets placering.


  1. Indholdsposition – Angiv indholdets placering over banneret.
  2. Indholdsbredde – Angiv bredden for bannerindholdet.
  3. Baggrundsfarve – Indstil baggrundsfarven for banneret.
  4. Overlay farve – Indstil overlejringsfarven for banneret.
  5. Navigationsstil – Angiv bannerets navigationsstil. Du kan vælge mellem Chevron, Long Arrows og Short Arrows. Vælg Ingen, hvis du vil deaktivere navigationskontrollerne.
  6. Navigationsfarve – Angiv farven på navigationskontrollerne på banneret.
  7. Ydermargen – Anvend den ydre margen for banneret. Når den ydre margen anvendes, er der ledig plads i bunden af ​​banneret.
  8. Rul ned pil – Vælg denne mulighed for at vise en pil ned over banneret.


  1. Slideshow - Vælg autoplay mulighed for at aktivere diasshow for banneret.
  2. Slideshow Speed – Angiv diasshowets hastighed (i sekunder).
  3. Overgang til diasshow – Angiv billedovergangsstilen for banneret.
  4. Endelig ramte Gem .


  1. Juster knappen/linkene at være venstre-, højre- eller centerjusteret.
  2. Angiv Mellemrum mellem Knap/Links der er tilføjet.
  3. Angiv Plads over Knap/Links.
  4. Vælg den Hover Effekt for knappen/linkene.

  1. Vælg den størrelsen på normalknappen som du har tilføjet i Knap/Links
  2. Angiv højden af ​​billedknappen hvis du har tilføjet et billedlink i Knap/Links
  3. Angiv størrelsen på ikonknappen hvis du har tilføjet et socialt ikon i Knap/Links.  

Hvis du har tilføjet et socialt ikon i Knap/Links, Så:

  1. Vælg den Social ikontype/Form.
  2. Vælg den Social ikon farvestil.
    Hvis du har valgt Valgt farve mulighed ovenfor så:

    1. Angiv Social ikon farve.
    2. Angiv Social ikon baggrundsfarve.


3. Layout

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.