{"id":63336,"date":"2017-02-09T10:32:51","date_gmt":"2017-02-09T09:32:51","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=63336"},"modified":"2023-10-20T11:30:11","modified_gmt":"2023-10-20T11:30:11","slug":"logo-wordpress-website-how-to-create-add-it-to-your-site-blog","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/nl\/logo-wordpress-website-hoe-maak-je-het-toevoegen-aan-je-site-blog\/","title":{"rendered":"Logo &amp; WordPress website - hoe maak je het en hoe voeg je het toe aan je site"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Op (bijna) elke website staat een logo. Het draagt enorm bij aan het uiterlijk van de website, de eerste indruk die bezoekers krijgen als ze de site openen en het is zeker een branding-ding. <strong>Een goed ontworpen logo helpt je om de juiste boodschap over je bedrijf over te brengen aan je potenti\u00eble klanten en verhoogt de herkenbaarheid van je merk.<\/strong> Dit is het marketingstandpunt met betrekking tot logo's, maar hoe zit het met de technische kant van de zaak? Hoe een goed logo moet worden ontworpen en welke parameters het moet hebben. Hier is het inzicht van onze ervaren ontwerper en front-end ontwikkelaar Peter.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Logo_size_and_dimensions\"><\/span>Logogrootte en afmetingen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Als je voor het eerst een logo ontwerpt, denk dan altijd een stap vooruit. Of beter nog, denk meerdere stappen vooruit en bedenk waar je logo zal worden weergegeven en op welke andere manieren het zal worden gebruikt. De grootte van het logo moet worden afgeleid op basis van alle mogelijke toepassingen. Als je je logo in een vaste pixelgrootte ontwerpt, kan het gemakkelijk gebeuren dat de parameters het niet toelaten om het in een goede kwaliteit af te drukken, omdat voor afdrukken andere dpi's nodig zijn dan voor beeldschermen. Aan de andere kant, <strong>Als je je logo als vectorafbeelding maakt, kun je het in elke gewenste resolutie exporteren.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De afmetingen van je logo zijn heel individueel. Zorg er echter wel voor dat het logo er op elk formaat goed uitziet. Als ik bijvoorbeeld een logo ontwerp voor de header van mijn website, moet ik er tijdens het hele ontwerpproces op letten hoe het eruitziet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Het is beter om een logo te ontwerpen dat eenvoudiger is, zonder veel details omdat die kunnen verdwijnen in kleinere formaten. Eenvoudigere logo's blijven altijd duidelijk en leesbaar. Je vermijdt de noodzaak om meer variaties van hetzelfde logo te ontwerpen als het verkleind moet worden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Horizontal_logos_are_easier_to_work_with\"><\/span>Horizontale logo's zijn gemakkelijker om mee te werken<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Verticaal of horizontaal? Verticale logo's passen niet altijd evenredig bij de rest van het websiteontwerp en zijn moeilijker om mee te werken. Dit geldt dubbel als het gaat om WordPress-thema's. Houd bij het ontwerpen van je logo rekening met de responsiviteit van de website en je zult zien hoeveel beter horizontale logo's eruit zullen zien op verschillende apparaten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Als je het thema al hebt gekozen, controleer dan welke afmetingen van het logo het beste passen. Of andersom. <strong>Als je je definitieve logo hebt ontworpen, kies dan het thema waarmee het correct kan worden weergegeven.<\/strong> Tenminste als je wilt voorkomen dat je het thema opnieuw moet ontwerpen of een nieuwe variatie van je logo voor het thema moet maken.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Het logo wordt op verschillende plaatsen op je website weergegeven, of beter gezegd in het WordPress thema. Dit is nog een reden om overgecompliceerde logo's te vermijden.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"400\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-dimensions.jpg\" alt=\"Soorten logo&#039;s\" class=\"wp-image-63355\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-dimensions.jpg 900w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-dimensions-300x133.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-dimensions-768x341.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Logo_content\"><\/span>Inhoud logo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bij de eerste beslissing over je logo-ontwerp heb je verschillende soorten logo's om uit te kiezen:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>pictogram\/afbeelding<\/li><li>logotype of typografisch (alleen de naam in een specifiek lettertype of grafische instellingen)<\/li><li>combinatie van beide<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Hoe het logo eruit moet zien, hangt af van het onderwerp van de website \/ de bedrijfsori\u00ebntatie. Het moet een bepaalde boodschap weergeven die betrekking heeft op het bedrijf. Als we bijvoorbeeld een bedrijf hebben met een specifiek product, kunnen we dit product onderdeel maken van het logo. Fietsen verkopen - een wiel. Blogberichten schrijven - een pen, een boek enz. Aan de andere kant,<strong> Het logo hoeft niet per se iets specifieks te bevatten, het kan abstract zijn, gewoon eenvoudige geometrische vormen, maar het moet wel gemakkelijk te onthouden zijn.<\/strong> Je kunt inspiratie opdoen op internet en voorbeeldlogo's bekijken op Behance of Dribble.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Als je geen idee hebt of niets specifieks in gedachten hebt dat gebruikt kan worden als het beeldgedeelte van het logo, kun je gewoon een typografisch logo gebruiken. Er zijn veel lettertypen beschikbaar op <a href=\"http:\/\/fonts.google.com\" target=\"_blank\" rel=\"noopener\">lettertypen.google.com<\/a> die gratis zijn voor commercieel gebruik. Het is geen regel om een schreeflettertype te gebruiken dat er serieuzer uitziet, maar <strong>het is goed om een eenvoudiger lettertype te kiezen<\/strong>niet van comic sans etc. \ud83d\ude00 We gaan onze wilde idee\u00ebn niet aan de klanten presenteren, die hebben hun eigen idee\u00ebn... We willen ze niet ontmoedigen, maar juist de conversie verhogen.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"400\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-types.jpg\" alt=\"Typografisch logo\" class=\"wp-image-63354\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-types.jpg 900w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-types-300x133.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-types-768x341.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Als we toch een grafisch symbool in het logo willen, kunnen we dit bijvoorbeeld maken op basis van de initialen van de naam. Dit wordt vaak gebruikt als het logo de naam van de persoon weergeeft, d.w.z. zijn of haar initialen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tegenwoordig is het de trend om eenvoudige logo's te gebruiken. Zelfs de grote bedrijven vereenvoudigen hun merk, het schaadt niets.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-redesigns.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"821\" height=\"1024\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-redesigns-821x1024.jpg\" alt=\"logo herontwerpen\" class=\"wp-image-63356\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-redesigns-821x1024.jpg 821w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-redesigns-240x300.jpg 240w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-redesigns-768x958.jpg 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/logo-blogpost-redesigns.jpg 1000w\" sizes=\"auto, (max-width: 821px) 100vw, 821px\" \/><\/a><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Bron:&nbsp;<a href=\"http:\/\/www.underconsideration.com\/brandnew\/archives\/\" target=\"_blank\" rel=\"noopener\">http:\/\/www.underconsideration.com\/brandnew\/archives\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Colours\"><\/span>Kleuren<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Het logo moet in verschillende kleurvariaties worden gemaakt. <strong>De basisversie moet in de kleur van het merk zijn en de andere variaties moeten geschikt zijn voor donkere en lichte achtergronden.<\/strong> Het is een goede gewoonte om ook een monochrome versie te hebben, of alleen een tweekleurenversie, speciaal voor afdrukdoeleinden. In dit geval is het ook goed om te controleren of er geen onnodige details zijn die toch niet kunnen worden afgedrukt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De kleur van het logo moet worden afgestemd op de rest van het kleurenschema van het web. Het logo hoeft niet per se kleurrijk te zijn om de aandacht te trekken. Het is voldoende om slechts \u00e9\u00e9n kleur te gebruiken of de 2 kleuren te matchen als je geen zin hebt om meer kleuren te matchen. De naam wordt meestal gevisualiseerd in donkere kleuren, dicht bij zwart, of als alternatief wit, afhankelijk van de achtergrond en dan is het grafische symbool kleurrijk. Maar dit is niet de regel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Er zijn ook verschillende generatoren op internet die je kunnen helpen om meerdere kleuren te matchen, bijv. <a href=\"https:\/\/coolors.co\/app\" target=\"_blank\" rel=\"noopener\">coolors.co\/app<\/a>&nbsp;Kijk hier eens naar <a href=\"https:\/\/www.canva.com\/colors\/color-wheel\/\" target=\"_blank\" rel=\"noopener\">kleurenwiel gereedschap <\/a>van Canva en kies je perfecte combinatie.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Setting_up_logo_in_your_WordPress_theme\"><\/span>Logo instellen in je WordPress-thema<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Demo's van het WordPress thema laten je zien hoe je logo zal worden weergegeven op elke verschillende responsieve lay-out van de website. Zoals eerder gezegd, als je je logo al hebt ontworpen, kies dan het meest geschikte WP thema dat mooi bij je bedrijfslogo past.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voor het toevoegen van een logo aan je website, <strong>Ga naar Thema Beheer en kies Thema-opties.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"519\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01-1024x519.jpg\" alt=\"WordPress Thema Opties - Website Logo\" class=\"wp-image-63339\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01-1024x519.jpg 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01-300x152.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01-768x390.jpg 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01-1536x779.jpg 1536w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-01.jpg 1723w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Ga op de instellingspagina Thema-opties naar Koptekst. Upload je logo door te klikken op <strong>\"Afbeelding selecteren\".<\/strong> knop tekst naar Website Logo instelling. Klik op Opties opslaan.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02-1024x623.jpg\" alt=\"WordPress Thema Opties - Logo selecteren\" class=\"wp-image-63341\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02-1024x623.jpg 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02-300x183.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02-768x468.jpg 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02-1536x935.jpg 1536w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2017\/02\/blog-logo-02.jpg 1723w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Bezoek de voorbeeldweergave van je site om te zien hoe je logo wordt weergegeven.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Het ontwerpen van je eerste logo is iets waar je veel over na moet denken. Concentreer je op de boodschap die je naar je klanten wilt sturen. Het zal je merk voor vele jaren vertegenwoordigen. Een goed ontworpen logo zal je lang bijblijven en zal geen grote veranderingen nodig hebben. Vergeet niet dat de trend is om dingen te vereenvoudigen in plaats van ze ingewikkelder te maken. Als je dus al een logo hebt dat te veel details, kleuren of rondingen heeft, overweeg dan om er een frisse, moderne versie van te maken. Het toevoegen aan je WordPress website is een kwestie van 3-4 klikken en klaar.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhoudsopgave<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/nl\/logo-wordpress-website-hoe-maak-je-het-toevoegen-aan-je-site-blog\/#Logo_size_and_dimensions\" >Logogrootte en afmetingen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/nl\/logo-wordpress-website-hoe-maak-je-het-toevoegen-aan-je-site-blog\/#Horizontal_logos_are_easier_to_work_with\" >Horizontale logo's zijn gemakkelijker om mee te werken<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/nl\/logo-wordpress-website-hoe-maak-je-het-toevoegen-aan-je-site-blog\/#Logo_content\" >Inhoud logo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ait-themes.club\/nl\/logo-wordpress-website-hoe-maak-je-het-toevoegen-aan-je-site-blog\/#Colours\" >Kleuren<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ait-themes.club\/nl\/logo-wordpress-website-hoe-maak-je-het-toevoegen-aan-je-site-blog\/#Setting_up_logo_in_your_WordPress_theme\" >Logo instellen in je WordPress-thema<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Op (bijna) elke website staat een logo. Het draagt enorm bij aan het uiterlijk van de website, de eerste indruk die bezoekers krijgen als ze de site openen en het is zeker een branding-ding. Een goed ontworpen logo helpt je om de juiste boodschap over je bedrijf over te brengen aan je potenti\u00eble klanten en vergroot de herkenbaarheid van je merk. Dit is de [...]<\/p>","protected":false},"author":1,"featured_media":63343,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[4,50],"tags":[],"citadela-post-location":[],"class_list":["post-63336","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-building-websites-in-wordpress","category-citadela-pro-documentation"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts\/63336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/comments?post=63336"}],"version-history":[{"count":1,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts\/63336\/revisions"}],"predecessor-version":[{"id":94287,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts\/63336\/revisions\/94287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/media\/63343"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/media?parent=63336"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/categories?post=63336"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/tags?post=63336"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/citadela-post-location?post=63336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}