Het gebruik van een banner geeft je website een aantrekkelijke uitstraling en voegt karakter toe aan je content, of het nu gaat om een galerij , pagina , map , klantenalbum of blog . Je kunt alternatieve tekst (alt-tekst) toevoegen aan de bannerafbeeldingen , wat helpt bij SEO.
Banners kunnen zowel boven als onder uw content worden geplaatst (onder de websiteheader) en worden doorgaans gebruikt om een bannerafbeelding, een diavoorstelling of een video over de volledige breedte van uw pagina weer te geven.
Tip
Als je alleen een tekstbericht bovenaan je website wilt weergeven, gebruik dan de aankondigingsbalk . Of als je een pop-up wilt maken die verschijnt wanneer bezoekers je website bekijken, kun je de marketingpop-up proberen.
Zo ziet een banner eruit:
De bannerinstellingen zijn gecategoriseerd als:
1. Inhoud
De opties onder de inhoudscategorie zijn:
Bannertype
Selecteer het type banner. U kunt een van de volgende opties kiezen:
- Slides – Selecteer de optie Dia's als u afbeeldingen in de banner wilt weergeven. U kunt meerdere dia's met afbeeldingen onder één banner toevoegen.
- Video – Selecteer deze optie als u video's als bannerdia's wilt weergeven. Onder elke banner kunt u meerdere videodia's toevoegen.
- automobiel – De uitgelichte afbeelding, kop en beschrijving van de galerij worden gebruikt voor de banner. Deze worden automatisch door het systeem aangemaakt.
- Inactief – De banner zal niet zichtbaar zijn op de website.
Slides
- Klik op de +Dia's toevoegen (1) knop om de aangepaste dia's aan de banner toe te voegen.
- Nadat u de dia's hebt geüpload, kunt u dit doen Bewerken (2) of verwijderen (3) de glijbaan.
Punten om te onthouden:
- De ideale grootte van een bannerafbeelding zal zijn 2560 pixels x 1440 pixels.
- Ondersteunde afbeeldingsbestandsindelingen voor de banner zijn JPG, JPEG, PNG en GIF.
- Het maximaal ondersteunde aantal dia's is 25 voor elke banner.
- We raden u aan om liggende afbeeldingen te uploaden in plaats van staande afbeeldingen.
- Voeg de tekst toe over de afbeeldingen van de Hoofd-/diatekst veld. Upload geen afbeeldingen met tekst erin.
Afbeelding/tekstdia bewerken
- Nadat u op het Bewerken Als u op het pictogram klikt, ziet u de lade Afbeelding/Tekstdia.
De beschikbare opties hier zijn:
- Beeld
- Klik op de Uploaden knop om de afbeelding/dia te wijzigen. Klik op de Verwijdering knop om de dia te verwijderen.
- Verander het brandpunt van de afbeelding door ergens op de afbeelding te klikken.
- Mobiele afbeelding – Upload een mobiele bannerafbeelding. Wij raden aan om hier portretafbeeldingen toe te voegen.
- Geef de Alt-tekst op voor de afbeeldingendia. Dit helpt voor SEO-doeleinden.
- Dia tekst – Voer de diatekst in die over de dia zal verschijnen. U kunt de tekst vet, cursief, onderstreept, linken en nog veel meer doen.
Zie ook: De Pixpa-teksteditor.
- Schuif Link
-
- Klik op het instellingenpictogram en voer de overlay-link voor de dia in.
- U kunt elke pagina binnen/buiten uw website, uw e-mailadres of een contactnummer specificeren.
Zie ook: Linktekst/knop.
Note
De volledige dia wordt alleen in een link omgezet als de optie 'Bannertekst en knoppen' is geselecteerd als 'Verschillend voor elke dia'.
- Knop & pictogrammen
-
- Voeg maximaal 10 knoppen/links toe aan de dia-inhoud.
- U kunt een normale knop, een tekstlink toevoegen of een afbeelding/pictogram als knop gebruiken.
Controleer ook: Knop & koppelingen.
- Druk op de Opslaan knop om uw wijzigingen op te slaan.
Bannertekst en knoppen
- Geef op of de tekst en de knoppen hetzelfde zijn voor alle dia's of verschillend voor elke dia. Wanneer u de Hetzelfde voor alle dia's optie, worden de bannertekst en Knop 1 & 2 gebruikt.
- Als u de hebt geselecteerd Per dia verschillend optie, worden de tekst en knoppen gebruikt die voor een bepaalde dia zijn opgegeven.
Bannertekst
- Voer de bannertekst in die voor alle dia's geldt.
Zie ook: De Pixpa-teksteditor.
Knop & Pictogrammen
- Deze knoppen/links verschijnen over uw bannerdia's (gemeenschappelijk voor alle dia's).
Controleer ook: Knop & koppelingen.
2. instellingen
Op het tabblad Bannerinstellingen krijgt u de volgende opties:
- Opties voor bannerweergave
- Gedrag van sitekoptekst
- Zichtbaarheid van banners
- Styling opties
- Banner-diavoorstelling
- Knoppen & Links
Opties voor bannerweergave
- Bannerbreedte – Geef de breedte van de banner op.
- 'Volle breedte' zal de banner over de gehele breedte weergeven zonder enige marge over te laten.
- 'Boxed' zal de banner weergeven terwijl er wat opvulling rechts en links van het scherm overblijft.
- 'Breedte site' kan worden opgegeven in de Design sectie. U kunt daar een vaste breedte opgeven.
Het zal de banner weergeven door vast te houden aan de opgegeven vaste breedte.
-
- Schaal en pasvorm - Afbeeldingen passen binnen de breedte en hoogte van de banner.
- Aanpassen aan breedte (Alleen desktop) – Afbeeldingen worden geschaald naar bannerbreedte. De hoogte van de banner neemt de hoogte van de afbeelding over.
- Hoogte bannerbureaublad – Geef de hoogte van de bureaubladbanner op als u de volledige bloeding or schaal en pasvorm optie in het veld Weergavemodus.
- Banner Mobiel Hoogte – Geef de hoogte van de mobiele banner op.
Let op:
Als er een bannersectie aan een pagina wordt toegevoegd, wordt de hoogte van de banner overgenomen van de hoogte van de sectie.
Gedrag van sitekoptekst
- Pagina hoofd – Selecteer de koptekststijl die op de banner wordt toegepast.
- In het geval dat u hebt geselecteerd Standaard, gebruikt de koptekst de standaard koptekststijl van de website en wordt de banner na de koptekst geplaatst. Bekijk een live voorbeeld.
- In het geval dat u hebt geselecteerd Transparant, wordt de koptekstachtergrond ingesteld als transparant en worden de koptekstelementen wit. De banner wordt onder de header geplaatst. Bekijk een live voorbeeld.
- Koptekstitems - Als je hebt stel de koptekst transparant in, je kunt kiezen voor koptekst/menu-items kleur:
- In geval dat Standaardkleur is geselecteerd, wordt de kleur van de kopitems overgenomen van de Design pagina.
- In geval dat Geef kleur op is geselecteerd, kunt u klikken en de kleur van de kopitems kiezen.
Zie ook: De koptekstelementen van elke pagina opmaken.
Zichtbaarheid van banners
- Zichtbaarheid – Stel de zichtbaarheid van de banner in.
- Functie – Specificeer de positie van de banner.
Styling
- Inhoudelijke positie – Geef de positie van de inhoud op de banner op.
- Inhoudsbreedte – Specificeer de breedte voor de bannerinhoud.
- Achtergrond kleur – Stel de achtergrondkleur voor de banner in.
- Overlay-kleur – Stel de overlay-kleur voor de banner in.
- Navigatiestijl – Geef de navigatiestijl van de banner op. U kunt kiezen uit Chevron, Lange Pijlen en Korte Pijlen. Selecteer Geen als u de navigatieknoppen wilt uitschakelen.
- Navigatiekleur – Geef de kleur op van de navigatieknoppen op de banner.
- Buitenmarge – Breng de buitenste marge aan voor de banner. Wanneer de buitenmarge wordt toegepast, ontstaat er vrije ruimte onderaan de banner.
- Scroll-omlaag pijl – Selecteer deze optie om een neerwaartse pijl over de banner weer te geven.
Slideshow
- Slideshow - Kies de Autoplay optie om diavoorstelling voor de banner in te schakelen.
- Snelheid van diavoorstelling – Geef de snelheid van de diavoorstelling op (in seconden).
- Overgang diavoorstelling – Specificeer de beeldovergangsstijl voor de banner.
- Eindelijk, druk op de Opslaan knop.
Knop & koppelingen
- richten de knop/links links, rechts of in het midden uitgelijnd zijn.
- Geef het Ruimte tussen de Knop/koppelingen die zijn toegevoegd.
- Geef het Ruimte boven de Knop/koppelingen.
- Kies de Hover Effect voor de knop/links.
- Kies de grootte van de normale knop die u hebt toegevoegd in de Knop/koppelingen.
- Geef het hoogte van de afbeeldingsknop als je een afbeeldingslink hebt toegevoegd in de Knop/koppelingen.
- Geef het grootte van de pictogramknop als je een sociaal icoon hebt toegevoegd in de Knop/koppelingen.
Als je een sociaal pictogram hebt toegevoegd in de sectie Knoppen/Links , dan geldt het volgende:
- Kies de Type sociaal pictogram/Vorm.
- Kies de Kleurstijl sociaal pictogram.
Als u de Geselecteerde kleur optie hierboven dan:- Geef het Sociale pictogramkleur.
- Geef het Achtergrondkleur sociaal pictogram.
3. lay-out
Je kunt de lay-out van een banner eenvoudig aanpassen. Lees meer over de verschillende bannerlay-outs.