{"id":1016,"date":"2022-02-14T21:05:51","date_gmt":"2022-02-14T21:05:51","guid":{"rendered":"https:\/\/leeromgeving.fixityourself.be\/course\/paginas-responsive-maken-mobile-friendly\/"},"modified":"2024-01-03T15:16:44","modified_gmt":"2024-01-03T15:16:44","slug":"paginas-responsive-maken-mobile-friendly","status":"publish","type":"tva_lesson","link":"https:\/\/leeromgeving.fixityourself.be\/?tva_lesson=paginas-responsive-maken-mobile-friendly","title":{"rendered":"Pagina&#8217;s responsive maken (mobile friendly)"},"content":{"rendered":"<p style=\"\">Het ontwerp ziet er goed uit op desktop, maar misschien ziet het er nog niet zo goed uit op tablet of mobile.<\/p>\n<blockquote style=\"\"><p>Het is belangrijk dat je elke pagina die je maakt controleert in tablet en mobile view. Doe dit wel pas wanneer de pagina op desktop helemaal klaar is.<\/p><\/blockquote>\n<ul>\n<li style=\"\">Klik links onderaan in de zwarte balk op <em>Responsive modus <\/em>(icoon met computer en gsm)<\/li>\n<li style=\"\">Bovenaan verschijnt een balk waar je kan switchen tussen desktop, tablet en mobile view<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1630\" width=\"339\" data-init-width=\"780\" height=\"470\" data-init-height=\"470\" title=\"Screenshot 2023-04-19 at 21.37.06\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.37.06.png\" data-width=\"339\" loading=\"lazy\" style=\"\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"1632\" width=\"339\" data-init-width=\"606\" height=\"78\" data-init-height=\"78\" title=\"Screenshot 2023-04-19 at 21.38.10\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.38.10.png\" data-width=\"339\" loading=\"lazy\"><\/span><\/p>\n<p style=\"\">De meeste instellingen kan je apart aanpassen op mobile, zonder dat ze aangepast worden op desktop of tablet. Hierbij horen onder andere: <strong>afbeeldingsgrootte<\/strong>, <strong>tekengrootte<\/strong>&nbsp;en&nbsp;<strong>uitlijning<\/strong>.&nbsp;<\/p>\n<p style=\"\">Je kan eenvoudig zien welke instellingen responsief zijn door het icoon van pc, tablet of mobile die ernaast staan<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1036\" width=\"209\" data-init-width=\"517\" height=\"154\" data-init-height=\"382\" title=\"Screenshot 2022-02-14 at 23.07.36\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-14-at-23.07.36-e1644876733784.png\" data-width=\"209\" data-height=\"154\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li>Zorg ervoor dat mobile view geselecteerd staat door bovenaan op het icoon met de gsm te klikken<\/li>\n<li>Klik in het tekstvak waar &#8220;Coming Soon&#8221; staat en zet bij <em>Stijl &gt; Typografie<\/em> de tekengrootte kleiner<\/li>\n<li style=\"\">Als je een logo hebt ingevoegd, pas dan eventueel de grootte aan door er in te klikken en van bij&nbsp;<em>Stijl<\/em> de&nbsp;<em>Breedte<\/em> aan te passen<\/li>\n<\/ul>\n","protected":false},"template":"","class_list":["post-1016","tva_lesson","type-tva_lesson","status-publish","hentry","tva_courses-quick-fix","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson\/1016"}],"collection":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson"}],"about":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/types\/tva_lesson"}],"wp:attachment":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}