Hoe kan ik een webpagina anders laten tonen op mobiel dan op groot scherm?
Als je zelf een website beheert, hoe kun je die dan zo maken dat de weergave van de pagina anders wordt op een klein scherm (bijvoorbeeld van een mobieltje) dan op een groot scherm (bijvoorbeeld van een desktop of een tablet)?
Als voorbeeld: stel dat ik een webpagina wil maken die op een groot scherm uit drie kolommen bestaat, maar op een klein scherm uit één schermbrede kolom? De ene kolom op het kleine scherm moet dan dezelfde informatie bevatten als de drie kolommen op het grote scherm, maar dan onder elkaar in plaats van in kolommen.
Hoe doe ik dit? Gaat dat met HTML, HTML5, CSS, meta-tags, scripts, iets anders?
Als je een CMS systeem gebuikt (wat tegenwoordig vrij gebruikelijk is) zoals Drupal, Joomla of Wordpress zijn er vele Thema's te vinden. Die thema's zijn er in allerlei varianten, zo ook thema's die al ingebouwd hebben dat het geschikt is voor display op mobiele apparaten (telefoons, tablets, etc). Binnen Drupal en Wordpress kan je bij het zoeken in de thema's daar ook op filteren. Joomla weet ik niet zeker, maar verwacht van wel. Gebruik je al een systeem?
Ikzelf ben bezig met Drupal en ben nu met iemand begonnen om Wordpress te leren. Het grootste gedeelte is het kiezen van een goed thema. Voor het leren van Drupal heb ik voor zo'n 15 euro (of 20) een boek gekocht om het te leren. Is wel een aanrader om ook te doen voor Wordpress. Het kan je een hoop gedoe en irritatie besparen.
Heb je meer informatie nodig om de vraag te beantwoorden? Reageer dan hier.