{"id":1277,"date":"2021-04-22T01:06:21","date_gmt":"2021-04-22T05:06:21","guid":{"rendered":"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/"},"modified":"2023-11-18T12:05:21","modified_gmt":"2023-11-18T16:05:21","slug":"how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins","status":"publish","type":"post","link":"https:\/\/bonwp.com\/nl\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/","title":{"rendered":"Hoe voeg ik custom iconen toe aan mijn WordPress menu zonder plugins te gebruiken?"},"content":{"rendered":"\n

Wil je je WordPress-navigatiemenu opfleuren met een aantal unieke iconen?<\/p>\n\n\n\n

Wat als ik je vertel dat je dat gratis zou kunnen doen, zonder plugin en het is ook niet zo moeilijk!<\/p>\n\n\n\n

Wat gaan we doen?<\/strong><\/h2>\n\n\n\n

In dit artikel zullen we een paar iconen downloaden om toe te voegen aan ons navigatiemenu. We zullen deze pictogrammen uploaden naar de WordPress-mediabibliotheek en ten slotte zullen we de pictogrammen gebruiken voor onze WordPress-menulinks met een paar regels CSS.<\/p>\n\n\n\n

Geen plugins?<\/strong><\/h2>\n\n\n\n

Ik weet dat een populaire en eenvoudige manier om aangepaste pictogrammen aan jeWordPress-menu toe te voegen, is door dit te doen met de Better Font Awesome plugin. <\/strong><\/a><\/p>\n\n\n\n

Dit is een fijne manier om dit te doen, maar\u2026 soms is het iccon dat je zoekt niet beschikbaar in de Font Awesome-bibliotheek, of hebt je zojuist een leuk icoon online gevonden dat uje graag op jouw website wilt laten zien, maar gewoon niet weet hoe.<\/p>\n\n\n\n

Als je deze stapsgewijze handleiding volgt, zul je geen probleem hebben om je eigen iconen toe te voegen.<\/p>\n\n\n\n

Voor we beginnen<\/strong><\/h2>\n\n\n\n

Voor deze tutorial heb je een childtheme<\/em> nodig. De eenvoudigste manier om een cildtheme te maken, is met een plugin, als Child Theme Generator.<\/a> Nadat je klaar bent met het maken van je childthema, kun je deze plugin direct verwijderen.<\/p>\n\n\n\n

Vind de iconen<\/strong><\/h2>\n\n\n\n

Met alle bronnen die online beschikbaar zijn voor gratis pictogrammen, zal deze stap geen probleem zijn.<\/p>\n\n\n\n

Voor een goede gebruikerservaring kies je een pictogram dat de link weerspiegelt, dus doe niet te gek, anders breng je je bezoekers misschien in verwarring.<\/p>\n\n\n\n

Kies een klein formaat dat past bij de lettergrootte van je menu. De grootte van mijn pictogram is 32px.<\/p>\n\n\n\n

Download de pictogrammen en sla ze op. Misschien wil je de bestandsnaam kort en eenvoudig houden voor verder gebruik.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Upload <\/strong>de iconen in WordPress<\/h2>\n\n\n\n

Ga in je WordPress Dashboard in de linker zijbalk naar Media en kies Nieuwe toevoegen.<\/p>\n\n\n\n

Blader naar je bestanden om ze te uploaden of sleep ze naar de rechthoek.<\/p>\n\n\n\n

Nu heb je binnen WordPress toegang tot je iconen.<\/p>\n\n\n\n

Aan de rechterzijde zie je de bestands-URL ( bijvoorbeeld http:\/\/example.com\/wp-content\/uploads\/2023\/04\/house.png<\/em> )<\/p>\n\n\n\n

Kopieer en plak de link in bijvoorbeeld Kladblok, omdat we dit later zullen gebruiken om naar het bestand in CSS te verwijzen.<\/p>\n\n\n\n

Voeg een CSS klasse toe aan de menu links<\/h2>\n\n\n\n

Nu moeten we een klasse toevoegen aan de menulinks, waaraan we een aangepast pictogram willen toevoegen.<\/p>\n\n\n\n

Kies aan de linkerkant in je WordPress Dashboard voor Uiterlijk -> Menu’s. Helemaal bovenaan aan de rechterkant is een knop met Schermopties. Klik erop en vink het vakje CSS Classes aan.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Hierdoor wordt de optie om een CSS Class toe te voegen ingeschakeld.<\/p>\n\n\n\n

Open je menu hieronder, klik op een link, voor mij is dat “Home” en je ziet een veld waar je een CSS class kunt toevoegen. Mijn .png bestand heet house.png en ik wil het gebruiken voor de Home link, dus voeg ik de class house<\/em> toe. Sla het menu op.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Voeg de CSS toe<\/strong><\/h2>\n\n\n\n

Dit is het moeilijkste deel, de CSS. Ik probeer het zo eenvoudig mogelijk te houden, daarom zullen we in dit voorbeeld alle stappen uitvoeren vanuit het WordPress Dashboard.<\/p>\n\n\n\n

Kies in de linker zijbalk voor Uiterlijk en dan Thema-editor. In styles.css voegen we CSS toe aan de menuklasse. In het voorbeeld gebruik ik de class house.<\/p>\n\n\n\n

Deze code voegt een icoon toe aan de linkerkant van de menulink. Hier een voorbeeld voor mijn huis.png en menuklasse house.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

background-image: url()<\/strong>Plak de URL in die je eerder hebt gekopieerd uit de Mediabibliotheek.<\/p>\n\n\n\n

background-size<\/strong> Dit bepaalt de grootte van je iccon. Houd het onder de werkelijke grootte om je icoon scherp te houden.<\/p>\n\n\n\n

background-repeat <\/strong>Hierdoor wordt het icoon slechts \u00e9\u00e9n keer weergegeven.<\/p>\n\n\n\n

background-position <\/strong>“Left” plaatst het icoon aan de linkerkant van de menulink.<\/p>\n\n\n\n

padding-left<\/strong> Cre\u00ebert een marge tussen het icoon en de menulink. Speel ermee voor de juiste resultaten<\/p>\n\n\n\n

Herhaal de bovenstaande stappen voor de andere links totdat alle menulinks een aangepast icoon hebben.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Finito!<\/strong><\/h2>\n\n\n\n

En daar is \u00ede dan, je eigen unieke WordPress menu met je zelfgekozen aangepaste iconen!<\/p>\n\n\n\n

Ik hoop dat je veel plezier hebt met het volgen van deze tutorial en dat je menu er top uitziet!<\/p>\n","protected":false},"excerpt":{"rendered":"

Wil je je WordPress-menu verfraaien met unieke iconen? Ontdek hoe je dit gratis, zonder plugins, kunt doen! Download iconen, upload ze naar de mediabibliotheek, en voeg eenvoudig CSS-klassen toe aan je menu links. Geen gedoe met plugins, gewoon een stapsgewijze handleiding voor een opvallend menu!<\/p>\n","protected":false},"author":1,"featured_media":1297,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[11],"tags":[28,29,12],"yoast_head":"\nHoe voeg ik custom iconen toe aan mijn WordPress menu zonder plugins te gebruiken?<\/title>\n<meta name=\"description\" content=\"Learn how to add your own custom icons to your WordPress navigation menu. No plugins needed, just a few lines of CSS. Read it here!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bonwp.com\/nl\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hoe voeg ik custom iconen toe aan mijn WordPress menu zonder plugins te gebruiken?\" \/>\n<meta property=\"og:description\" content=\"Learn how to add your own custom icons to your WordPress navigation menu. No plugins needed, just a few lines of CSS. Read it here!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bonwp.com\/nl\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/\" \/>\n<meta property=\"og:site_name\" content=\"BonWP\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-22T05:06:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-18T16:05:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sander\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sander\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/\"},\"author\":{\"name\":\"Sander\",\"@id\":\"https:\/\/bonwp.com\/nl\/#\/schema\/person\/036634e06292869f77eb1617872e6173\"},\"headline\":\"Hoe voeg ik custom iconen toe aan mijn WordPress menu zonder plugins te gebruiken?\",\"datePublished\":\"2021-04-22T05:06:21+00:00\",\"dateModified\":\"2023-11-18T16:05:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/\"},\"wordCount\":711,\"publisher\":{\"@id\":\"https:\/\/bonwp.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg\",\"keywords\":[\"icons\",\"menu\",\"wordpress\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/\",\"url\":\"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/\",\"name\":\"Hoe voeg ik custom iconen toe aan mijn WordPress menu zonder plugins te gebruiken?\",\"isPartOf\":{\"@id\":\"https:\/\/bonwp.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg\",\"datePublished\":\"2021-04-22T05:06:21+00:00\",\"dateModified\":\"2023-11-18T16:05:21+00:00\",\"description\":\"Learn how to add your own custom icons to your WordPress navigation menu. No plugins needed, just a few lines of CSS. Read it here!\",\"breadcrumb\":{\"@id\":\"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#primaryimage\",\"url\":\"https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg\",\"contentUrl\":\"https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg\",\"width\":1200,\"height\":500,\"caption\":\"Roadsigns\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bonwp.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hoe voeg ik custom iconen toe aan mijn WordPress menu zonder plugins te gebruiken?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bonwp.com\/nl\/#website\",\"url\":\"https:\/\/bonwp.com\/nl\/\",\"name\":\"BonWP\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/bonwp.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bonwp.com\/nl\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bonwp.com\/nl\/#organization\",\"name\":\"BonWP\",\"url\":\"https:\/\/bonwp.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/bonwp.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bonwp.com\/wp-content\/uploads\/2023\/09\/logo250x70-white.png\",\"contentUrl\":\"https:\/\/bonwp.com\/wp-content\/uploads\/2023\/09\/logo250x70-white.png\",\"width\":250,\"height\":70,\"caption\":\"BonWP\"},\"image\":{\"@id\":\"https:\/\/bonwp.com\/nl\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/bonwp.com\/nl\/#\/schema\/person\/036634e06292869f77eb1617872e6173\",\"name\":\"Sander\",\"sameAs\":[\"https:\/\/bonwp.com\"],\"url\":\"https:\/\/bonwp.com\/nl\/author\/sander\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hoe voeg ik custom iconen toe aan mijn WordPress menu zonder plugins te gebruiken?","description":"Learn how to add your own custom icons to your WordPress navigation menu. No plugins needed, just a few lines of CSS. Read it here!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bonwp.com\/nl\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/","og_locale":"nl_NL","og_type":"article","og_title":"Hoe voeg ik custom iconen toe aan mijn WordPress menu zonder plugins te gebruiken?","og_description":"Learn how to add your own custom icons to your WordPress navigation menu. No plugins needed, just a few lines of CSS. Read it here!","og_url":"https:\/\/bonwp.com\/nl\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/","og_site_name":"BonWP","article_published_time":"2021-04-22T05:06:21+00:00","article_modified_time":"2023-11-18T16:05:21+00:00","og_image":[{"width":1200,"height":500,"url":"https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg","type":"image\/jpeg"}],"author":"Sander","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Sander","Geschatte leestijd":"5 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#article","isPartOf":{"@id":"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/"},"author":{"name":"Sander","@id":"https:\/\/bonwp.com\/nl\/#\/schema\/person\/036634e06292869f77eb1617872e6173"},"headline":"Hoe voeg ik custom iconen toe aan mijn WordPress menu zonder plugins te gebruiken?","datePublished":"2021-04-22T05:06:21+00:00","dateModified":"2023-11-18T16:05:21+00:00","mainEntityOfPage":{"@id":"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/"},"wordCount":711,"publisher":{"@id":"https:\/\/bonwp.com\/nl\/#organization"},"image":{"@id":"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#primaryimage"},"thumbnailUrl":"https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg","keywords":["icons","menu","wordpress"],"articleSection":["WordPress"],"inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/","url":"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/","name":"Hoe voeg ik custom iconen toe aan mijn WordPress menu zonder plugins te gebruiken?","isPartOf":{"@id":"https:\/\/bonwp.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#primaryimage"},"image":{"@id":"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#primaryimage"},"thumbnailUrl":"https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg","datePublished":"2021-04-22T05:06:21+00:00","dateModified":"2023-11-18T16:05:21+00:00","description":"Learn how to add your own custom icons to your WordPress navigation menu. No plugins needed, just a few lines of CSS. Read it here!","breadcrumb":{"@id":"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#primaryimage","url":"https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg","contentUrl":"https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg","width":1200,"height":500,"caption":"Roadsigns"},{"@type":"BreadcrumbList","@id":"https:\/\/bonwp.com\/how-to-add-custom-icons-to-my-wordpress-menu-without-using-plugins\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bonwp.com\/"},{"@type":"ListItem","position":2,"name":"Hoe voeg ik custom iconen toe aan mijn WordPress menu zonder plugins te gebruiken?"}]},{"@type":"WebSite","@id":"https:\/\/bonwp.com\/nl\/#website","url":"https:\/\/bonwp.com\/nl\/","name":"BonWP","description":"","publisher":{"@id":"https:\/\/bonwp.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bonwp.com\/nl\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/bonwp.com\/nl\/#organization","name":"BonWP","url":"https:\/\/bonwp.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/bonwp.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/bonwp.com\/wp-content\/uploads\/2023\/09\/logo250x70-white.png","contentUrl":"https:\/\/bonwp.com\/wp-content\/uploads\/2023\/09\/logo250x70-white.png","width":250,"height":70,"caption":"BonWP"},"image":{"@id":"https:\/\/bonwp.com\/nl\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bonwp.com\/nl\/#\/schema\/person\/036634e06292869f77eb1617872e6173","name":"Sander","sameAs":["https:\/\/bonwp.com"],"url":"https:\/\/bonwp.com\/nl\/author\/sander\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg",1200,500,false],"thumbnail":["https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns-150x150.jpg",150,150,true],"medium":["https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns-300x125.jpg",300,125,true],"medium_large":["https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns-768x320.jpg",768,320,true],"large":["https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns-1024x427.jpg",1024,427,true],"1536x1536":["https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg",1200,500,false],"2048x2048":["https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg",1200,500,false],"trp-custom-language-flag":["https:\/\/bonwp.com\/wp-content\/uploads\/2021\/04\/roadsigns.jpg",18,8,false]},"uagb_author_info":{"display_name":"Sander","author_link":"https:\/\/bonwp.com\/nl\/author\/sander\/"},"uagb_comment_info":0,"uagb_excerpt":"Wil je je WordPress-menu verfraaien met unieke iconen? Ontdek hoe je dit gratis, zonder plugins, kunt doen! Download iconen, upload ze naar de mediabibliotheek, en voeg eenvoudig CSS-klassen toe aan je menu links. Geen gedoe met plugins, gewoon een stapsgewijze handleiding voor een opvallend menu!","_links":{"self":[{"href":"https:\/\/bonwp.com\/nl\/wp-json\/wp\/v2\/posts\/1277"}],"collection":[{"href":"https:\/\/bonwp.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bonwp.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bonwp.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bonwp.com\/nl\/wp-json\/wp\/v2\/comments?post=1277"}],"version-history":[{"count":0,"href":"https:\/\/bonwp.com\/nl\/wp-json\/wp\/v2\/posts\/1277\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bonwp.com\/nl\/wp-json\/wp\/v2\/media\/1297"}],"wp:attachment":[{"href":"https:\/\/bonwp.com\/nl\/wp-json\/wp\/v2\/media?parent=1277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bonwp.com\/nl\/wp-json\/wp\/v2\/categories?post=1277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bonwp.com\/nl\/wp-json\/wp\/v2\/tags?post=1277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}