Hoe maken jullie favicons aan, en hoe voegen jullie die toe?
Het viel me op dat de Favicon van Skillsquad full size is met transparante achtergrond.
Wat ik ook probeer, bij mij wordt die steeds vierkant gemaakt en met zwarte achtergrond na het uploaden.
Ik omschrijf het vermoedelijk verkeerd, want de Favicon in de browser wordt wel correct weergegeven. Het is enkel wanneer ik een website toevoeg aan m'n startscherm.
Bij je theme, dan customize en bij identity lun je een favocon toevoegen. Dat is hoe het standaard werkt in WP. Gebruik je toevallig Breakdance zonder theme?
Yes, themeless. Ik gebruik een online Favicon generator die me dan alle nodige formaten geeft om via de hosting in de rootmap van de website te zetten.
@timm3h dan kun je deze in de head van de pagina toevoegen bij custom code in BD:
\<link rel="icon" type="image/x-icon"href="/images/favicon.ico">
\
wel even je eigen icon erin zetten.
Rob de Wit volgens mij heb ik dit gedaan, maar zal morgen eens dubbel checken. Mss heb ik ergens een typo. Alvast bedankt voor de tip 💪🏻
Rob de Wit & hoe heb je de favicon gemaakt? Photoshop?
Als je het doet via theme / customize dan kun je een jpg of png gebruiken. Ik gebruik zelf altijd BR zero theme want dan lun je dit doen maar ook de functions.php aanpassen. Breakdance zero theme is een lege theme.
Je kunt hem hier vinden:
https://github.com/soflyy/breakdance-zero-theme
Top, thanks. Ik kan blijkbaar jouw berichten bewerken haha - Tim
Mijn werkwijze voor een favicon:
- Ik open een nieuw document in Affinity Designer van 512 x 512 met transparante achtergrond
- Ik plaats het beeldmerk en vul deze zover mogelijk. Soms heeft het beeldmerk geen 1:1 ratio - en dan is het maar zo. Het formaat van 512 x 512 houd ik altijd aan
- Ik exporteer het bestand een SVG en noem deze favicon.svg
- Ik open in WordPress de Customizer (Weergave -> Customizer)
- Ik plaats het icoon en sla altijd het bijsnijden over
Je moet er wel voor zorgen dat WordPress het toelaat om SVG's te uploaden. Dat kun je aanvinken in de instellingen van BD.
Jordy Boutier Je kan ook gewoon PNG gebruiken.