Hoe wijzig ik mijn logo en favicon?
Je logo staat linksboven in de header van elke pagina. De favicon is het kleine icoontje in het tabblad van de browser. Allebei vervang je op één plek, in de Algemene opties.
In het kort
- Ga naar Algemene opties, tabblad Logo & Basis.
- Vervang het beeld bij Logo en bij Favicon.
- Gebruik voor het logo een SVG of PNG met een transparante achtergrond, voor de favicon een vierkant beeld.
- De hoogte van het logo staat vast in je huisstijl.
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
Wat heb je nodig?
- Logo: bij voorkeur een SVG-bestand. Lukt dat niet, gebruik dan een PNG met een transparante achtergrond, ruim groot (bijvoorbeeld 600 pixels breed), zodat het scherp blijft. Snijd lege randen weg.
- Favicon: een vierkant beeld, bijvoorbeeld alleen het beeldmerk van je logo. De website maakt er een klein vierkant van. Lange of liggende logo’s worden dan onleesbaar.
Stap 1: Ga naar Algemene opties → Logo & Basis
Klik in het menu links op Algemene opties. Het tabblad Logo & Basis staat als eerste open.
Stap 2: Vervang het logo
Ga met de muis over het huidige logo bij Logo en klik op het potloodje, of verwijder het met het kruisje en klik op de knop om een afbeelding toe te voegen. Kies een bestand uit de mediabibliotheek of upload een nieuw bestand. Hoe uploaden werkt, lees je in afbeeldingen uploaden in het juiste formaat.
Stap 3: Vervang de favicon
Doe hetzelfde bij Favicon. Laat je de favicon leeg, dan gebruikt de website je logo als favicon. Bij een breed logo is dat vaak onleesbaar, dus vul hem liever wel in.
Stap 4: Opslaan en controleren
Klik op Updaten. Open je website in een nieuw tabblad en controleer het logo bovenaan, ook op je telefoon. De favicon kan even op zich laten wachten, omdat browsers hem lang bewaren. Zie je de oude nog, open je website dan in een privévenster.
Het logo is te groot of te klein
De hoogte van het logo staat vast in je huisstijl. De breedte past zich daaraan aan. Een breed logo wordt dus breder, een hoog logo smaller. Lijkt je logo klein, kijk dan eerst of er lege ruimte omheen zit in het bestand: snijd die weg. Moet de hoogte zelf anders, dan passen wij dat aan in je huisstijl. neem contact met ons op.
Logo in de footer of in een tekst
Wil je het logo ook in de footer of op een pagina? Gebruik in een Tekst-blok of footerwidget de shortcode [theme_option field="theme_logo"]. Die toont het logo uit de Algemene opties. Vervang je later je logo, dan verandert het daar ook. Een logo met witte letters voor een donkere footer kun je ook als gewone afbeelding plaatsen.
Heb je een webshop? Dan gaat je nieuwe logo ook naar de e-mails van je webshop, tenzij Bedrijfsgegevens niet synchroniseren naar WooCommerce aanstaat bij Webshop.
Tip: past je logo slecht bij een transparante header over een donkere foto? Lees dan de header instellen. Nieuwe kleuren bij je nieuwe logo? Zie kleuren en lettertypes.
Lukt het niet?
- Je ziet nog het oude logo. Heb je op Updaten geklikt? Ververs de pagina of leeg de cache.
- Het logo heeft een witte rand of vlak. Het bestand heeft geen transparante achtergrond. Gebruik een PNG met transparantie of een SVG.
- Het logo is wazig. Het bestand is te klein. Upload een grotere versie of een SVG.
- De favicon blijft de oude. Browsers bewaren favicons lang. Kijk in een privévenster.
- Je kunt geen SVG uploaden. Dan staat dat niet aan op je website. neem contact met ons op.
Veelgestelde vragen
De hoogte staat vast in je huisstijl. Snijd eerst lege randen uit het bestand. Moet de hoogte zelf anders, dan passen wij die voor je aan.
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
Telefoonnummer automatisch in een tekst
Een sectie een achtergrondkleur geven
Een zoekfunctie op je website
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.