Het Slider Met de sectie in Pixpa kun je een visueel aantrekkelijk gebied aan je pagina's toevoegen en tegelijkertijd de SEO verbeteren. Of je nu werkt aan een galerij, pagina, map, klantenalbum of blog, de banner helpt de toon te zetten en belangrijke content te benadrukken.
Als u alleen een sms-bericht bovenaan uw website wilt weergeven, gebruikt u de Aankondigingsbalk. Of als u een pop-up wilt maken die verschijnt wanneer bezoekers uw website bekijken, kunt u de Marketing pop-up.
In dit artikel
- Wat is een banner?
- Banner toevoegen aan een pagina
- Bannersectie bewerken
- Bannerinhoud
- Bannerinstellingen
- Banner lay-out
Wat is een banner?
Met een banner kunt u een bannerafbeelding/diavoorstelling/video over de volledige breedte weergeven boven/onder aan uw content.
Bannersectie toevoegen aan een pagina
- Aan een pagina kan een sectie worden toegevoegd. U kunt een sectie toevoegen aan een reeds bestaande pagina of maak een nieuwe pagina aan binnen uw website.
- Op jouw pagina, Klik op de blauw + icoon om een toe te voegen Nieuwe sectie naar uw pagina.
- U ziet nu de sectie categorieën aan de linkerkant.
- Kies de Heldensecties (1) categorie en klik op de Slider tabblad (2) waar u uit kunt kiezen verschillende indelingen van de Banner (3) sectie.
- Kies een sectielay-out en klik erop om deze aan uw pagina toe te voegen.
Bannersectie bewerken
Als de sectie al aan de pagina is toegevoegd, kunt u deze eenvoudig bewerken.
- Beweeg de cursor over de sectie en klik op Bewerk inhoud (1) knop.
- Er wordt een zijbalk geopend van waaruit u kunt Edit (2) het bannergedeelte.
- Klik Opslaan (3) knop nadat u de wijzigingen hebt aangebracht.
Inhoud van de bannersectie
Het Tabblad Inhoud In het gedeelte Banner bewerken kunt u inhoud aan uw banner toevoegen en aanpassen, ongeacht of deze bestaat uit afbeeldingen of video's.
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.
U kunt maximaal 25 dia's toevoegen binnen een bannersectie.
Afbeeldingendia's
Wanneer u Dia's selecteert bij Bannertype, kunt u een diavoorstelling maken door meerdere afbeeldingen als bannerdia's te uploaden.
- Voeg meerdere dia's toe door op de knop te klikken + Dia's toevoegen knop.
- Reorder ze met behulp van de sleephendels.
- Bewerken of verwijderen individuele dia's met behulp van de bijbehorende pictogrammen.
Afbeelding/tekstdia bewerken
- 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.
Controleer ook: Tekst/knop koppelen
- Knop & koppelingen
-
- 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.
De volledige dia wordt alleen omgezet in een link wanneer Bannertekst en knoppen optie is geselecteerd als Per dia verschillend.
Videodia's
Wanneer de Videodia Als de optie is geselecteerd, kunt u een YouTube- of Vimeo-video in uw banner insluiten. De volgende configuratieopties zijn beschikbaar:
1. YouTube/Vimeo-link – Voer een directe link naar je video in. Ondersteunde formaten zijn onder andere:
- YouTube: https://www.youtube.com/watch?v=XXXXXXXXXXX
- Vimeo: https://vimeo.com/XXXXXXXXXXX
2. Video weergeven – Kies hoe de video op uw site wordt weergegeven:
- Autoplay: Video wordt direct ingesloten en automatisch afgespeeld op alle apparaten (standaard gedempt).
- Automatisch afspelen – alleen desktop: Video wordt direct ingesloten en alleen op het bureaublad automatisch afgespeeld (standaard gedempt).
- Openen in Lightbox: Wanneer u op de videopreview klikt, wordt deze in een pop-up geopend.
3. Mobiele afbeelding – Upload een reserveafbeelding die wordt weergegeven op mobiele apparaten waarop automatisch afspelen van video mogelijk niet werkt of niet wordt ondersteund. Zo blijft je banner visueel aantrekkelijk op alle schermformaten.
4. Geef een Alt-tag op (optioneel) – Voeg een alt-tag toe om de SEO en toegankelijkheid te verbeteren. Dit beschrijft de fallback-afbeelding voor schermlezers of in gevallen waarin de afbeelding niet kan worden weergegeven.
5. Diatekst – 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
6. 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.
Controleer ook: Tekst/knop koppelen
7. Knop & koppelingen
- 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
8. Opslaan – 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, de Bannertekst en Knopen 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
Knoppen & Links
- Deze knoppen/links verschijnen over uw bannerdia's (gemeenschappelijk voor alle dia's).
Controleer ook: Knop & koppelingen - Nadat u uw wijzigingen hebt aangebracht, klikt u op Opslaan Klik rechtsboven op de knop om ze op uw banner toe te passen.
Bannerinstellingen
Op het tabblad Bannerinstellingen krijgt u de volgende opties:
- Bannerweergavemodus
- Bedieningselementen voor diaweergave
- Bannerstyling
- carrousel
- Knopen
- sociale Pictogrammen
Bannerweergavemodus
-
- 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.
Bedieningselementen voor diaweergave
Met deze instellingen kunt u aanpassen hoe dia's worden weergegeven en hoe de overgangen binnen de bannersectie eruitzien.
-
Dia-overgangsstijl – Kies hoe de dia's moeten veranderen. U kunt opties selecteren zoals Vervagen, Horizontale glijbaan of verticale glijbaan voor een vloeiende overgang tussen dia's.
-
Dia's per rij – Geef aan hoeveel rijen dia's tegelijk zichtbaar moeten zijn.
- Dia's per kolom – Bepaal hoeveel kolommen met dia's er moeten worden weergegeven. Dit bepaalt hoeveel dia's er naast elkaar in elke rij worden weergegeven.
- Ruimte tussen dia's – Pas de ruimte tussen afzonderlijke dia's aan met deze instelling. U kunt de afstand in pixels vergroten om de visuele scheiding tussen dia's te bepalen.
- Inhoudelijke positie – Geef de positie van de inhoud binnen de banner op.
- Inhoudsbreedte – Specificeer de breedte voor de bannerinhoud.
Bannerstyling
- 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.
- Scroll-down pijl inschakelen – Selecteer deze optie om een neerwaartse pijl over de banner weer te geven.
- Radius Corner – Pas de ronding van de hoeken van de bannerdia aan. U kunt dezelfde radius toepassen op alle hoeken of voor elke hoek afzonderlijk een andere waarde opgeven.
carrousel
Met deze instellingen bepaalt u hoe dia's automatisch worden verplaatst en gedragen binnen de banner- of carrouselsectie.
- Soepel scrollen inschakelen – Schakel deze optie in om de overgangen tussen dia's vloeiender te maken en zo naadloos te scrollen.
- Automatisch afspelen van dia's inschakelen – Wanneer deze optie is ingeschakeld, worden dia's automatisch weergegeven zonder tussenkomst van de gebruiker.
- Voortgang automatisch afspelen weergeven – Geeft een visuele indicator weer die de timing vóór de volgende dia-overgang weergeeft.
- Vertraging automatisch afspelen – Stel het tijdsinterval tussen automatische dia-overgangen in (bijvoorbeeld elke 4 seconden).
- Carrousel Loop – Schakel deze optie in om de dia's na elke dia continu terug te laten gaan naar de eerste dia.
Knopen
Met deze opties kunt u de knoppen aanpassen die in de banner worden weergegeven
- Knopgrootte – Selecteer de grootte van de knop uit de beschikbare opties, zoals klein, gemiddeld of groot.
- Uitlijning - Stel de uitlijning van de knop binnen de sectie in (links, midden of rechts).
- Ruimte tussen knoppen – Pas de horizontale afstand tussen meerdere knoppen aan voor een evenwichtige lay-out.
- Ruimte boven knoppen – Definieer de verticale ruimte tussen de tekst en de knoppen (gemeten in pixels).
- Tekstlinkgrootte – Stel de lettergrootte in voor tekstknoppen of -koppelingen.
- Afbeeldingsknopgrootte – Pas de grootte aan van knoppen met pictogrammen of afbeeldingen.
- Knopbreedte – Kies hoe breed de knop wordt weergegeven, met opties zoals standaard, groot, extra groot of volledige breedte.
Meer informatie over het stylen van knoppen en links.
sociale Pictogrammen
Met deze instellingen kunt u het uiterlijk en de stijl van de socialemedia-pictogrammen die in de bannersectie worden weergegeven, aanpassen.
- Icoongrootte – Pas de grootte van de social media-pictogrammen (in pixels) aan, zodat deze bij het algehele ontwerp van de banner passen.
- Icoontype – Kies de stijl van het pictogram (bijvoorbeeld Klassiek, Omtrek of Effen) die bij het thema van de banner past.
- Icoonkleur – Selecteer hoe de pictogramkleur wordt gedefinieerd. Opties zijn onder meer:
- Linktekst – Gebruikt dezelfde kleur als de linktekst van de sectie.
- Aangepast - Hiermee kunt u handmatig een aangepaste kleur selecteren.
- Merkkleur – Past de officiële merkkleur van elk platform toe (bijvoorbeeld blauw voor Facebook).
- Selecteer kleur – Wanneer u Aangepast selecteert, kunt u met deze optie een specifieke kleur voor de pictogrammen kiezen.
Banner lay-out
U kunt de lay-out van een banner eenvoudig wijzigen. Meer weten over de bannerlay-outs.
