Hoe maak ik een rij met logo’s van klanten of partners?
Een rij logo’s van klanten, partners of keurmerken laat zien met wie je werkt. In je website maak je die met de Galerij (stil) of met de Afbeelding slider (bewegend). Het belangrijkste werk zit in de voorbereiding: logo’s die even groot ogen.
In het kort
- Zet alle logo’s op hetzelfde canvas, bijvoorbeeld 400 x 200 pixels, met een doorzichtige achtergrond.
- Stil: een Galerij met Foto’s per rij op 6.
- Bewegend: een Afbeelding slider met 5 of 6 Items in slider en Automatisch sliden.
- Laten linken? Vul per logo het veld Link in de mediabibliotheek in.
Stap 1: Bereid de logo’s voor
Logo’s hebben allemaal een andere vorm: het ene is breed, het andere bijna vierkant. Zet je ze los in een rij, dan ogen ze rommelig. Daarom:
- Zet elk logo op hetzelfde canvas, bijvoorbeeld 400 x 200 pixels. Gebruik daarvoor een gratis tool als Canva of Photopea.
- Laat rondom wat lege ruimte en maak brede logo’s iets kleiner dan vierkante, zodat ze even zwaar ogen.
- Gebruik een doorzichtige achtergrond (PNG of SVG), zodat het logo op elke sectiekleur past.
- Geef het bestand een duidelijke naam, zoals
logo-bakkerij-dijkstra.png, en vul de Alternatieve tekst in met de naam van het bedrijf. Zie een goede alt-tekst invullen.
Gebruik alleen logo’s van klanten of partners die het goed vinden dat je hun logo toont.
Optie 1: stil, met de Galerij
- Voeg in een brede kolom het blok Galerij toe.
- Kies je logo’s bij Galerij en zet ze in de goede volgorde.
- Zet Foto’s per rij op 6. Heb je meer logo’s, dan komen ze op een tweede rij.
- Laat Weergave op Grid (standaard) staan.
- Klik op Opslaan.
Op tablet en telefoon komen er automatisch minder logo’s naast elkaar. Alle opties van de galerij staan in een fotogalerij maken.
Nog geen website op leflite?
Wij bouwen hem samen met jou. Daarna pas je alles zelf aan, precies zoals in dit artikel.
- Online binnen een week
- Hosting, SSL en back-ups inbegrepen
- Vanaf €49,95 per maand
Optie 2: bewegend, met de Afbeelding slider
- Voeg in een brede kolom het blok Afbeelding slider toe.
- Voeg bij Slides per logo een rij toe en kies het logo bij Afbeelding.
- Zet bij Slider instellingen de Items in slider op 5 of 6.
- Zet Automatisch sliden en Oneindige slider aan. Bij Automatisch sliden na X seconden is 3 of 4 een rustig tempo.
- Stel op het tabblad Mobiele apparaten de Items in mobiele slider in op 2 of 3.
Meer over de instellingen lees je in een slider instellen.
Goed om te weten: de slider snijdt beelden passend bij. Met logo’s op hetzelfde canvas valt er niets weg.
Logo’s laten linken
Wil je dat een klik op een logo naar de website van die klant of partner gaat? Open het logo in Media → Bibliotheek en vul het veld Link in, met Link in nieuw tabblad openen aan. In de galerij gaat een klik dan naar die website in plaats van de vergrote weergave. Lees een foto in de galerij klikbaar maken.
Lukt het niet?
- De logo’s zijn niet even groot. Zet ze op hetzelfde canvas en upload ze opnieuw.
- Er staat een witte rand om een logo. Het logo heeft geen doorzichtige achtergrond. Gebruik een PNG- of SVG-versie zonder achtergrond.
- Een logo opent groot in plaats van te linken. Vul bij dat logo het veld Link in de mediabibliotheek in.
- De slider staat stil. Zet Automatisch sliden aan, en op het tabblad Mobiele apparaten ook Automatisch sliden op mobiel.
- Logo’s worden afgesneden in de slider. Gebruik voor alle logo’s hetzelfde canvas met wat lege ruimte rondom.
Kom je er niet uit? Neem contact met ons op.
Deel dit artikel
Robert Oosterloo
Robert Oosterloo is eigenaar en UX/UI-designer van Lef Creative in Kollum. Hij ontwerpt websites, webshops en software voor ondernemers in Noord-Nederland.
Lees ook
Een slider instellen
Een video als achtergrond
Een foto als achtergrond van een sectie
Ook zo’n website?
Je leest hier hoe makkelijk je een leflite-site zelf bijhoudt. Wil je er ook een? We denken vrijblijvend met je mee.
Liever direct contact? Bel Robert op 06 35 66 47 73 of stuur een WhatsApp.