{"id":2509,"date":"2022-02-09T09:41:56","date_gmt":"2022-02-09T09:41:56","guid":{"rendered":"https:\/\/handleiding.classlms.nl\/?p=2509"},"modified":"2024-03-05T13:08:24","modified_gmt":"2024-03-05T13:08:24","slug":"catalogusinstellingen-leerportalen-phoenix-afbeeldingen","status":"publish","type":"post","link":"https:\/\/handleiding.classlms.nl\/?p=2509","title":{"rendered":"Catalogusinstellingen: Leerportalen \u2013 Phoenix \u2013 Afbeeldingen"},"content":{"rendered":"<p><strong>Logo<br \/>\n<\/strong>Hier kan je het logo uploaden dat je wilt tonen op de desktop versie van de homepage.<\/p>\n<p>Als er niets is ingesteld bij &#8216;Hoogte&#8217; en &#8216;Breedte&#8217; dan wordt de afbeelding op ware grootte getoond. De hoogte van de menubalk wordt automatisch aangepast aan de hoogte van het logo, als er niets is ingesteld bij &#8216;Hoogte&#8217; en &#8216;Breedte&#8217;, maar zal nooit kleiner worden dan 60 pixels hoog. De breedte schaalt mee zodat de verhoudingen van het logo gelijk blijven.<\/p>\n<p><strong>Mobiel logo<\/strong><\/p>\n<p>Hier kan je het logo uploaden dat je wilt tonen op de mobile versie van de homepage.\u00a0 Soms heeft een bedrijfshuisstijl hiervoor een aangepaste versie van het logo beschikbaar.<\/p>\n<p>Als er niets is ingesteld bij &#8216;Hoogte&#8217; en &#8216;Breedte&#8217; dan wordt de afbeelding op ware grootte getoond. De hoogte van de menubalk wordt automatisch aangepast aan de hoogte van het logo, als er niets is ingesteld bij &#8216;Hoogte&#8217; en &#8216;Breedte&#8217;. De breedte schaalt mee zodat de verhoudingen van het logo gelijk blijven.<\/p>\n<p><strong>Hoogte<\/strong><\/p>\n<p>Je kunt hier de hoogte (in pixels) van het logo instellen, omdat het soms omwille van de leesbaarheid van een logo gewenst is om het logo iets groter te tonen. De hoogte van de menubalk wordt aangepast aan de ingestelde hoogte van het logo, maar zal nooit kleiner worden dan 60 pixels hoog. Het heeft daarom geen zin om de minder dan 60 (pixels) in te vullen in het veld &#8216;Hoogte&#8217;.<br \/>\nDe breedte van het logo hoef je niet in te stellen, die schaalt mee zodat de verhoudingen van het logo gelijk blijven.<\/p>\n<p>Hieronder een voorbeeld van de menubalk met een ingestelde hoogte van 60 pixels:<\/p>\n<p id=\"Xoeycsy\"><img loading=\"lazy\" decoding=\"async\" width=\"491\" height=\"133\" class=\"alignnone size-full wp-image-3007 \" src=\"https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b2a4d11a85.png\" alt=\"\" srcset=\"https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b2a4d11a85.png 491w, https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b2a4d11a85-300x81.png 300w\" sizes=\"auto, (max-width: 491px) 100vw, 491px\" \/><\/p>\n<p>Als je zowel een breedte als een hoogte definieert, dan zal de ingestelde hoogte leidend zijn boven de ingestelde breedte.<\/p>\n<p><strong>Breedte<\/strong><\/p>\n<p>Als je de breedte bepalend wilt laten zijn, kan je de gewenste breedte waarin het logo getoond wordt instellen in dit veld.<\/p>\n<p>De hoogte van de menubalk wordt aangepast aan de ingestelde breedte van het logo, maar zal nooit kleiner worden dan 60 pixels hoog.<br \/>\nDe hoogte van het logo hoef je niet in te stellen, die schaalt mee zodat de verhoudingen van het logo gelijk blijven.<\/p>\n<p>Hieronder een voorbeeld van de menubalk met een ingestelde logobreedte van 300 pixels. De hoogte van de menubalk past zich aan:<\/p>\n<p id=\"IuKidAA\"><img loading=\"lazy\" decoding=\"async\" width=\"467\" height=\"169\" class=\"alignnone size-full wp-image-3011 \" src=\"https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b2d70052c2.png\" alt=\"\" srcset=\"https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b2d70052c2.png 467w, https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b2d70052c2-300x109.png 300w\" sizes=\"auto, (max-width: 467px) 100vw, 467px\" \/><\/p>\n<p>Hieronder een voorbeeld van de menubalk met een ingestelde logobreedte van 80. De hoogte van de menubalk past zich aan, maar wordt nietr kleiner dan 60 pixels, waardoor de witruimte rond het logo ontstaat:<\/p>\n<p id=\"BwnaGPp\"><img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"124\" class=\"alignnone size-full wp-image-3014 \" src=\"https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b2e0f93940.png\" alt=\"\" srcset=\"https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b2e0f93940.png 474w, https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b2e0f93940-300x78.png 300w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/p>\n<p>Als je zowel een breedte als een hoogte definieert, dan zal de ingestelde hoogte leidend zijn boven de ingestelde breedte.<\/p>\n<p><strong>Banner<\/strong><\/p>\n<p>Hier kan je een afbeelding voor de banner uploaden. De banner is de afbeelding op de homepage rechts van het vlak &#8216;Welkom op jouw leerportaal&#8217;.<\/p>\n<p>Kies voor de banner een afbeelding van 600 x 500 pixels.<\/p>\n<p id=\"lwVYbOZ\"><img loading=\"lazy\" decoding=\"async\" width=\"1250\" height=\"498\" class=\"alignnone size-full wp-image-3018 \" src=\"https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b301445738.png\" alt=\"\" srcset=\"https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b301445738.png 1250w, https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b301445738-300x120.png 300w, https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b301445738-768x306.png 768w, https:\/\/handleiding.classlms.nl\/wp-content\/uploads\/2022\/03\/img_623b301445738-1024x408.png 1024w\" sizes=\"auto, (max-width: 1250px) 100vw, 1250px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Logo Hier kan je het logo uploaden dat je wilt tonen op de desktop versie van de homepage. Als er niets is ingesteld bij &#8216;Hoogte&#8217; en &#8216;Breedte&#8217; dan wordt de afbeelding op ware grootte getoond. De hoogte van de menubalk wordt automatisch aangepast aan de hoogte van het logo, als er niets is ingesteld bij [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[271],"tags":[],"class_list":["post-2509","post","type-post","status-publish","format-standard","hentry","category-leerportalen-catalogus-instellingen"],"_links":{"self":[{"href":"https:\/\/handleiding.classlms.nl\/index.php?rest_route=\/wp\/v2\/posts\/2509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/handleiding.classlms.nl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/handleiding.classlms.nl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/handleiding.classlms.nl\/index.php?rest_route=\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/handleiding.classlms.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2509"}],"version-history":[{"count":11,"href":"https:\/\/handleiding.classlms.nl\/index.php?rest_route=\/wp\/v2\/posts\/2509\/revisions"}],"predecessor-version":[{"id":4335,"href":"https:\/\/handleiding.classlms.nl\/index.php?rest_route=\/wp\/v2\/posts\/2509\/revisions\/4335"}],"wp:attachment":[{"href":"https:\/\/handleiding.classlms.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2509"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/handleiding.classlms.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2509"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/handleiding.classlms.nl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}