{"id":71045,"date":"2018-05-31T11:19:23","date_gmt":"2018-05-31T10:19:23","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=71045"},"modified":"2023-10-20T11:30:11","modified_gmt":"2023-10-20T11:30:11","slug":"responsiveness-of-portal-themes-blog","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/nl\/reactievermogen-van-portaalthemas-blog\/","title":{"rendered":"Responsiviteit van portaalthema's - Hoe worden ze weergegeven op smartphone of tablet?"},"content":{"rendered":"<p>Onze <a href=\"https:\/\/www.ait-themes.club\/nl\/wordpress-directory-thema\/\">Beste bedrijvengids en aanbiedingsthema's voor WordPress<\/a> zijn specifieke sjablonen omdat ze veel items bevatten die gekoppeld zijn aan een groot aantal overeenkomstige gegevens. Het maakt niet uit welk thema je kiest en of je Items restaurants, evenementen of musea zullen zijn, je moet er altijd van uitgaan dat er veel gegevens zullen zijn die verwerkt en ergens geplaatst moeten worden.<\/p>\n\n\n\n<p>Verder,<strong> Items worden meestal direct op de kaart weergegeven<\/strong>via pictogrammen. Soms kan het gebeuren dat er enkele tientallen pictogrammen tegelijk op het kleinere gedeelte van de kaart staan. Wanneer je websites bekijkt op een desktop pc, is het altijd makkelijker omdat de gebruiker een vrij grote ruimte beschikbaar heeft om te bekijken - het hele scherm van de monitor. Maar als je een website bezoekt via een mobiel apparaat, rijst er een belangrijke vraag:<\/p>\n\n\n\n<p><em>Hoe gaat de portaalwebsite die veel items bevat om met het gebrek aan ruimte op het kleine scherm?<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"A_responsive_design_that_works\"><\/span>Een responsief ontwerp dat werkt<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Onze potenti\u00eble klanten vragen vaak of onze portalthema's responsive zijn. Natuurlijk zijn ze dat!<\/p>\n\n\n\n<p>Al aan het begin van de ontwikkeling van ons allereerste portaalthema wisten we dat de topprioriteit zou zijn om het thema correct weer te geven op verschillende apparaten. De eerste versie ontstond een paar jaar geleden en toen was het een adaptief thema. Maar we wisten dat het niet genoeg was. Daarom hebben we vandaag een nieuwe versie. Deze is helemaal opnieuw ontwikkeld. De verbeterde versie van Directory+ Theme is gebouwd op het nieuwe Framework 2 dat volledig responsive is.<\/p>\n\n\n\n<div class=\"wp-block-image size-large wp-image-71117\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2018\/05\/img3-1-1024x683.jpg\" alt=\"Tablet-scherm\" class=\"wp-image-71117\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2018\/05\/img3-1-1024x683.jpg 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2018\/05\/img3-1-300x200.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2018\/05\/img3-1-768x512.jpg 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2018\/05\/img3-1.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Portaalwebsite op tabletscherm<\/figcaption><\/figure><\/div>\n\n\n\n<p>Ook al onze andere portaalsjablonen zijn responsive en aanpasbaar aan elk apparaat.<span style=\"color: #ff0000;\"><\/span><\/p>\n\n\n\n<p>Elke responsieve versie is ontworpen om het bladeren door de pagina intu\u00eftief te maken op elk apparaat. <strong>Mobiele versie van de website is compact gemaakt voor betere gebruikerservaring<\/strong>. Items die zich dicht bij elkaar bevinden, worden bijvoorbeeld gegroepeerd in \u00e9\u00e9n pictogram met een getal dat aangeeft hoeveel items erachter \"verborgen\" zijn.<\/p>\n\n\n\n<figure class=\"wp-block-image alignnone wp-image-71111 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"664\" src=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2018\/05\/img2-1024x664.jpg\" alt=\"Scherm van smartphone\" class=\"wp-image-71111\" srcset=\"https:\/\/www.ait-themes.club\/wp-content\/uploads\/2018\/05\/img2-1024x664.jpg 1024w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2018\/05\/img2-300x194.jpg 300w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2018\/05\/img2-768x498.jpg 768w, https:\/\/www.ait-themes.club\/wp-content\/uploads\/2018\/05\/img2.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Item pictogrammen op mobiel scherm<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Restrictions_in_the_responsive_version\"><\/span>Beperkingen in de responsieve versie<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Hoewel het ontwerp van de website vereenvoudigd is in de responsieve versie van het portaalthema, <strong>er zijn geen andere beperkingen<\/strong>. Er zijn geen website-elementen uitgesloten - ze zijn alleen gereorganiseerd en worden op andere plaatsen weergegeven om de website gebruiksvriendelijker te maken. Bovendien hebben al onze portaalsjablonen sinds vorig jaar een belangrijke update ondergaan die het laden van de pagina's versnelt. Dit maakte het browsen op mobiele apparaten nog comfortabeler.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_future_is_in_mobile_devices\"><\/span>De toekomst ligt in mobiele apparaten<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Feit is dat gebruikers steeds vaker hun smartphones en tafels gebruiken om te browsen. Het resultaat van deze trend is dat <a href=\"https:\/\/searchengineland.com\/report-57-percent-traffic-now-smartphones-tablets-281150\" target=\"_blank\" rel=\"noopener\">57% van het verkeer komt rechtstreeks van mobiele apparaten<\/a>in vergelijking met 43% van de desktopbezoekers.<\/p>\n\n\n\n<p>Daarom zijn al onze portalthema's gemaakt om met deze trend mee te gaan en gebruikers een volledige inhoudsweergave te bieden, ongeacht de apparaten die ze gebruiken.<\/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-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/nl\/reactievermogen-van-portaalthemas-blog\/#A_responsive_design_that_works\" >Een responsief ontwerp dat werkt<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/nl\/reactievermogen-van-portaalthemas-blog\/#Restrictions_in_the_responsive_version\" >Beperkingen in de responsieve versie<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/nl\/reactievermogen-van-portaalthemas-blog\/#The_future_is_in_mobile_devices\" >De toekomst ligt in mobiele apparaten<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Onze beste bedrijvengids en aanbiedingsthema's voor WordPress zijn specifieke sjablonen omdat ze veel items bevatten die gekoppeld zijn aan een groot aantal overeenkomstige informatie. Het maakt niet uit welk thema je kiest en of je items restaurants, evenementen of musea zullen zijn, je moet altijd aannemen...<\/p>","protected":false},"author":1,"featured_media":71109,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[4],"tags":[14],"citadela-post-location":[],"class_list":["post-71045","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-building-websites-in-wordpress","tag-responsive-design"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts\/71045","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=71045"}],"version-history":[{"count":1,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts\/71045\/revisions"}],"predecessor-version":[{"id":91113,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/posts\/71045\/revisions\/91113"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/media\/71109"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/media?parent=71045"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/categories?post=71045"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/tags?post=71045"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/nl\/wp-json\/wp\/v2\/citadela-post-location?post=71045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}