Din hjemmeside skal se godt ud og være optimalt anvendelig på enhver enhed – fra store desktop-skærme til små smartphone-skærme. Vores editor understøtter dig ved automatisk at tilpasse det indhold, du opretter til desktop-visning, til tablets og mobiltelefoner. For at sikre den bedst mulige visning og brugervenlighed på alle enheder, viser vi dig i denne artikel, hvordan du individuelt kan tilpasse visningen og enkeltindhold. På den måde sikrer du, at dit budskab er klart og tiltalende overalt.


Vi forklarer fremgangsmåden for dig ved hjælp af et konkret eksempel. På desktop har du for eksempel valgt følgende layout til din overskrift:


På mobiltelefonen får vi dermed følgende visning:

Efter redigering til desktop anbefaler vi at gennemgå visningerne på de to andre enheder. I vores eksempel er der to væsentlige punkter:
Det nederste billede er mindre/smallere end det øverste billede.
To identiske billeder på en mobiltelefon opnår muligvis ikke den ønskede effekt som på en desktop.

Tilpasning af kolonnebredder på tablet og mobiltelefon

For at vise alt indhold og alle billeder i fuld størrelse skal kolonnebredden på mobile enheder til tider tilpasses manuelt. Før musen over kolonnen, indtil der vises en bred, lilla bjælke i højre side. Klik på den, hold musen nede, og træk kolonnebredden til hele skærmbredden.

Bemærk: På mobile enheder kan du kun tilpasse kolonnebredden, altså den ydre form. Så snart du tilpasser indhold (som selve billedet eller teksten) her, vil disse ændringer også påvirke desktop/tablet-visningen.

Indsættelse af afvigende indhold på de forskellige enheder

I vores eksempel ønsker vi nu dog kun at fjerne det nederste billede på mobiltelefonen, så slutbrugerne kan se hjemmesiden mere behageligt på deres mobil. For denne tilpasning går vi tilbage til desktop-visningen. Vi fører musen over kolonnen, hvor billedet befinder sig. Vi klikker på de tre prikker og vælger menupunktet "Vis på enhed". Der fjerner vi afkrydsningen ved "Vis på mobil":



Kolonnen vil nu blive skjult på mobiltelefonen, men forbliver synlig på desktop og tablet. Du kan på denne måde skjule både moduler, kolonner og rækker på de forskellige enheder.

På denne måde kan du også designe komplet indhold kun til én enhed og skjule det på alle andre enheder. Dog anbefaler vi kun denne mulighed i virkelig fornuftige situationer, da du ellers skulle vedligeholde tre hjemmesider individuelt.




Nøgleord: Webdesign, Mobiloptimering, Tabletvisning, Mobilvisning, Mobil hjemmeside, Editor tilpasning, Juster kolonnebredde, Skjul indhold, Enhedsspecifikt indhold, Rediger hjemmeside, Skærmtilpasning, Mobil visning, Brugeroplevelse, Design tilpasning

Opdateret den: 18/06/2025