Ocuco slider Med seksjonen i Pixpa kan du legge til et visuelt engasjerende område på sidene dine, samtidig som du forbedrer SEO. Enten du jobber med et galleri, en side, en mappe, et klientalbum eller en blogg, bidrar banneret til å sette tonen og fremheve viktig innhold.
Hvis du bare vil vise en tekstmelding øverst på nettstedet ditt, bruk KunngjøringslinjeEller hvis du vil opprette et popup-vindu som vises når besøkende ser på nettstedet ditt, kan du prøve Markedsføring popup.
I denne artikkelen
- Hva er et banner
- Legg til banner på en side
- Rediger bannerdelen
- Bannerinnhold
- Bannerinnstillinger
- Banneroppsett
Hva er et banner
Et banner brukes til å vise et bannerbilde/bildefremvisning/video i full bredde øverst/nederst i innholdet ditt.
Legg til bannerseksjon på en side
- En seksjon kan legges til en side. Du kan enten legge til en seksjon på en allerede eksisterende side eller opprette en ny side på nettstedet ditt.
- På siden din, Klikk på blått + ikon å legge til en Ny seksjon til siden din.
- Du vil nå se seksjonskategorier på venstre side.
- Velg Helteseksjoner (1) kategori og klikk på slider fane (2) hvor du kan velge mellom forskjellige oppsett av banner (3) seksjon.
- Velg et hvilket som helst seksjonsoppsett og klikk på det for å legge det til på siden din.
Rediger bannerdelen
Hvis seksjonen allerede er lagt til siden, kan du enkelt redigere den.
- Hold markøren over seksjonen og klikk på Rediger innhold (1)-knappen.
- En sidefelt åpnes der du kan Rediger (2) bannerdelen.
- Klikk Spar (3)-knappen etter at du har gjort endringene.
Innhold i bannerseksjonen
Ocuco Innhold-fanen Under «Rediger banner» kan du legge til og tilpasse innholdet i banneret ditt, enten det er bildebasert eller videobasert.
Bannertype
Velg bannertype. Du kan velge et av følgende alternativer:
- Lysbilder – Velg alternativet Lysbilder hvis du vil vise bilder i banneret. Du kan legge til flere lysbilder under ett banner.
- Video – Hvis du vil vise videoer som bannerbilder, velger du dette alternativet. Under hvert banner kan du legge til flere videobilder.
Du kan legge til opptil 25 lysbilder i en bannerseksjon.
Bildeslides
Når Lysbilder er valgt under Bannertype, kan du opprette en lysbildefremvisning ved å laste opp flere bilder som bannerlysbilder.
- Legg til flere lysbilder ved å klikke på + Legg til lysbilder knapp.
- Omorganisere dem ved hjelp av drahåndtakene.
- Rediger eller slett individuelle lysbilder ved hjelp av de respektive ikonene.
Rediger bilde/tekstlysbilde
- Bilde
- Klikk på Last opp knappen for å endre bildet/lysbildet. Klikk på Delete -knappen for å slette lysbildet.
- Endre fokuspunktet på bildet bare ved å klikke hvor som helst på bildet.
- Mobilbilde – Last opp et mobilbannerbilde. Vi anbefaler å legge til portrettbilder her.
- Angi alternativteksten for bildesliden. Dette hjelper med SEO-formål.
- Lysbildetekst – Skriv inn lysbildeteksten som skal vises over lysbildet. Du kan gjøre teksten fet, kursiv, understreket, koble den til og gjøre mye mer.
Se også: Pixpa-tekstredigereren.
- Slide Link
-
- Klikk på innstillingsikonet og skriv inn overleggslenken for lysbildet.
- Du kan spesifisere en hvilken som helst side på/utenfor nettstedet ditt, e-postadressen din eller et kontaktnummer.
Sjekk også: Koblingstekst/knapp
- Button & Lenker
-
- Legg til opptil 10 knapper/lenker i lysbildeinnholdet.
- Du kan legge til en vanlig knapp, en tekstlenke eller bruke et bilde/ikon som knapp.
Sjekk også: Knapp og lenker
- Slå den Spar for å lagre endringene.
Hele lysbildet konverteres bare til en lenke når Bannertekst og knapper alternativet er valgt som Forskjellig for hvert lysbilde.
Videoslides
når Videoslide Hvis alternativet er valgt, kan du legge inn en YouTube- eller Vimeo-video i banneret ditt. Følgende konfigurasjonsalternativer er tilgjengelige:
1. YouTube/Vimeo-lenke – Skriv inn en direkte lenke til videoen din. Støttede formater inkluderer:
- YouTube: https://www.youtube.com/watch?v=XXXXXXXXXXX
- Vimeo: https://vimeo.com/XXXXXXXXXXX
2. Vis video – Velg hvordan videoen vises på nettstedet ditt:
- Autoplay: Videoen vil bli innebygd direkte og spilles av automatisk på alle enhetene (dempet som standard).
- Autospill – kun for datamaskiner: Videoen vil bli innebygd direkte og spilles av automatisk kun på datamaskinen (dempet som standard).
- Åpne i lysboks: Hvis du klikker på forhåndsvisningen av videoen, åpnes den i et popup-vindu.
3. Mobilbilde – Last opp et reservebilde som vises på mobilenheter der automatisk avspilling av video kanskje ikke fungerer eller støttes. Dette sikrer at banneret ditt forblir visuelt tiltalende på alle skjermstørrelser.
4. Spesifiser Alt-tag (valgfritt) – Legg til en alt-tag for å forbedre SEO og tilgjengelighet. Dette beskriver reservebildet for skjermlesere eller i tilfeller der bildet ikke kan vises.
5. Lysbildetekst – Skriv inn lysbildeteksten som skal vises over lysbildet. Du kan gjøre teksten fet, kursiv, understreket, koble den til og gjøre mye mer.
Se også: Pixpa-tekstredigereren
6. Slide Link
- Klikk på innstillingsikonet og skriv inn overleggslenken for lysbildet.
- Du kan spesifisere en hvilken som helst side på/utenfor nettstedet ditt, e-postadressen din eller et kontaktnummer.
Sjekk også: Koblingstekst/knapp
7. Knapp & Lenker
- Legg til opptil 10 knapper/lenker i lysbildeinnholdet.
- Du kan legge til en vanlig knapp, en tekstlenke eller bruke et bilde/ikon som knapp.
Sjekk også: Knapp og lenker
8. Lagre – Slå den Spar knappen for å lagre endringene dine
Bannertekst og knapper
- Angi om teksten og knappene skal være like for alle lysbildene eller forskjellige for hvert lysbilde. Når du velger Samme for alle lysbilder alternativ, den Bannertekst og knapper vil bli brukt.
- Når du har valgt Forskjellig for hvert lysbilde alternativet, vil teksten og knappene som er angitt for et bestemt lysbilde bli brukt.
Bannertekst
- Skriv inn bannerteksten som skal være felles for alle lysbildene.
Se også: Pixpa-tekstredigereren
Knapper og lenker
- Disse knappene/lenkene vises over bannerlysbildene dine (felles for alle lysbilder).
Sjekk også: Knapp og lenker - Etter at du har gjort endringene, klikker du på Spar knappen øverst til høyre for å bruke dem på banneret ditt.
Bannerinnstillinger
Under fanen Bannerinnstillinger får du følgende alternativer:
Bannervisningsmodus
-
- Skaler og passer – Bildene vil passe innenfor bannerets bredde og høyde.
- Tilpass til bredde (Kun for skrivebord) – Bildene skaleres til bannerbredden. Bannerhøyden arver bildehøyden.
- Høyde på bannerskrivebordet – Angi høyden på skrivebordsbanneret hvis du har valgt full blødning or skala og passform alternativet i feltet Visningsmodus.
- Høyde på mobilbanner – Angi høyden på mobilbanneret.
Lysbildevisningskontroller
Disse innstillingene tillater tilpasning av hvordan lysbilder vises og overganger i bannerdelen.
-
Stil for lysbildeoverganger – Velg hvordan lysbildene skal endres. Du kan velge alternativer som Falme, Horisontalt lysbilde eller vertikalt lysbilde for en jevn overgang mellom lysbildene.
-
Lysbilder per rad – Angi hvor mange rader med lysbilder som skal være synlige samtidig.
- Lysbilder per kolonne – Definer hvor mange kolonner med lysbilder som skal vises. Dette kontrollerer hvor mange lysbilder som vises side om side i hver rad.
- Avstand mellom lysbilder – Juster avstanden mellom individuelle lysbilder med denne innstillingen. Du kan øke avstanden i piksler for å kontrollere den visuelle separasjonen mellom lysbildene.
- Innholdsposisjon – Angi plasseringen av innholdet i banneret.
- Innholdsbredde – Angi bredden på bannerinnholdet.
Bannerstyling
- Bakgrunnsfarge – Angi bakgrunnsfargen for banneret.
- Overleggsfarge – Angi overleggsfargen for banneret.
- Navigasjonsstil – Angi navigasjonsstilen til banneret. Du kan velge mellom Chevron, lange piler og korte piler. Velg Ingen hvis du vil deaktivere navigasjonskontrollene.
- Navigasjonsfarge – Angi fargen på navigasjonskontrollene på banneret.
- Aktiver nedoverpil – Velg dette alternativet for å vise en nedrullingspil over banneret.
- Hjørneradius – Tilpass rundheten på hjørnene på bannerbildet. Du kan enten bruke samme radius på alle hjørner eller angi forskjellige verdier for hvert hjørne individuelt.
Carousel
Disse innstillingene definerer hvordan lysbilder beveger seg og oppfører seg automatisk i banner- eller karuselldelen.
- Aktiver jevn rulling – Slå på dette for å gjøre overgangene mellom lysbildene jevnere og få en sømløs rulleeffekt.
- Aktiver automatisk avspilling av lysbilder – Når det er aktivert, vil lysbildene automatisk gå over uten brukerinteraksjon.
- Vis autoavspillingsfremdrift – Viser en visuell indikator som viser tiden før neste lysbildeovergang.
- Forsinkelse for autoavspilling – Angi tidsintervallet mellom automatiske lysbildeoverganger (f.eks. hvert 4. sekund).
- Karusellsløyfe – Aktiver dette for å få lysbildene til å gå kontinuerlig tilbake til det første lysbildet etter det siste.
knapper
Disse alternativene tillater tilpasning av knappene som vises i banneret
- Knappstørrelse – Velg størrelsen på knappen fra tilgjengelige alternativer, for eksempel liten, medium eller stor.
- Justering – Angi knappjusteringen i seksjonen (venstre, midtstilt eller høyre).
- Mellomrom mellom knapper – Juster den horisontale avstanden mellom flere knapper for balansert layout.
- Plass over knapper – Definer det vertikale avstanden mellom teksten og knappene (målt i piksler).
- Størrelse på tekstlenken – Angi skriftstørrelsen for alle tekstbaserte knapper eller lenker.
- Størrelse på bildeknapp – Juster størrelsen på knapper som inneholder ikoner eller bilder.
- Knappbredde – Velg hvor bred knappen skal vises, med alternativer som standard, stor, ekstra stor eller full bredde.
Lær mer om styling av knapper og lenker.
sosiale Ikoner
Disse innstillingene tillater tilpasning av utseendet og stilen til ikoner for sosiale medier som vises i bannerdelen.
- Ikonstørrelse – Juster størrelsen på ikonene for sosiale medier (i piksler) slik at de passer til bannerets overordnede design.
- Ikontype – Velg ikonstilen (for eksempel Klassisk, Omriss eller Heltrukket) som samsvarer med bannerets tema.
- Ikonfarge – Velg hvordan ikonfargen defineres. Alternativene inkluderer:
- Lenketekst – Bruker samme farge som lenketeksten i seksjonen.
- Tilpasset - Tillater manuelt valg av en egendefinert farge.
- Merkefarge – Bruker hver plattforms offisielle merkefarge (for eksempel blå for Facebook).
- Velg farge – Når Tilpasset er valgt, lar dette alternativet deg velge en bestemt farge for ikonene.
Banneroppsett
Du kan enkelt endre oppsettet til et banner. Vite mer om banneroppsettene.
