HEM / CMS / Bilder / Dölja eller visa bild i olika skärmstorlekar

Dölja eller visa bild i olika skärmstorlekar

Lär dig mer om responsiva inställningar för bilder gällande visning i olika storlekar på skärmar

För att en sida ska se bra ut även när du scrollar på telefonen så är det en bra idé att sätta specifika inställningar för responsiv visning. Idag är majoriteten av dina besökare mobilanvändare och därför är det av högsta betydelse att sidan ser minst lika bra ut, om inte bättre, i telefonen. Här hittar du inställningarna för att visa eller dölja bilder i olika storlekar på skärmar.

Börja här

Sök upp sidan du vill arbeta med genom att klicka på ikonen allra längst ut till vänster i den svarta verktygslisten i sidhuvudet och navigera dig fram till sidan. 

Du kan även klicka på "CMS / Sidor" och söka upp sidan i sidarkivet och klicka på namnet på sidan för att komma till editeringsläge.

Klicka på "Skiftnyckeln" i vänstra övre hörnet på bilden.

Klicka på "Inställningar".

Klicka på "Responsiv visning".

» Visning på olika skärmar

Göm för stora skärmar

Gömmer bilden för stora skärmar med upplösning 1024px eller mer (stationära datorer).

Göm för mellanstora skärmar

Gömmer bilden för mellanstora skärmar med upplösning 768-1023px (kan t.ex. vara bärbara datorer eller liggande surfplattor).

Göm för små skärmar

Gömmer bilden för mindre skärmar med upplösning 568-767px (stående och mindre surfplattor).

Göm för mobiler

Gömmer bilden för mobiler.

Om du har en bild som visas fint i t.ex. desktop och laptops men du får inte till den lika bra i den mobila visningen. Då kan det vara en bra idé att visa en variant av bilden i stora och mellanstora skärmar och sedan en annan variant av bilden för små skärmar.

Det kan även vara så att du har en bild som du inte vill visa i alla olika storlekar på skärmar. Kanske du tycker att bilden tar för stor plats i mobilen, då kan du välja att inte visa bilden i små skärmar.

Relaterade hjälpavsnitt

Alternativ text bild

Här beskriver vi hur du anger en alternativ text för bilder.

För att få en bra beskrivning av vad bilden föreställer i sökmotorer så rekommenderar vi att

Bildgalleri med pop-up

Bilderna i galleriet blir klickbara och öppnas som en pop-up

Skapa ett galleri med bilder. Presentera sedan bilderna på en sida och dina besökare kan klicka p

Byt ut bild

​Byt ut eller ersätt bild mot en annan.

Om du vill byta ut en bild som redans finns på din webbplats finns det två sätt att göra det på.

Designinställningar bild

Förklaring till hur du använder inställningarna under fliken "Design" för bilder

Det finns många möjligheter att arbeta med innehåll och göra sidan mer levande. Du kan ange margi

Flytta bild (dra och släpp)

​Flytta bild på en sida

Avsnittet handlar om hur du flyttar en bild på en sida från en position till en annan. Det enklas

Lägg till bild

Infoga bild från filarkivet i valfri position på CMS sida

När du lägger till en ny bild visas den först som en exempelbild. Denna exempelbild byter ut mot

Lägg till bildspel

Ett enkelt sätt att göra en statisk hemsida mer livfull.

I fall där du vill visa mycket information på ett och samma ställe, exempelvis produktbilder elle

Radera bild

​Radera bild på sida.

Avsnittet handlar om hur du raderar en bild som är inlagd på en sida. Även om du raderat en bild

Rättighet bild

Styr vilka av besökarna som ska ta del av det visuella innehållet.

Du kan styra vilken behörighetsgrupp som ska se olika objekt på sidan. På en sida kan du t.ex. lå

Skapa bildspel

Skapa och redigera bildspel.

När du skapar bildspel finns det ingen begränsning på antal utan du kan lätt skapa och testa olik

Tidsstyr bild

Välj när innehållet ner på enskild bild ska vara publikt.

Du kan tidsstyra obegränsat med bilder på sidan. Givetvis går det bra att tidsstyra hela sidan om

Responsiva inställningar layout-tabell

Inställningar för dölja / visa samt antal kolumner per rad i olika skärmarstorlekar

Anpassa visningen av layout-tabeller. Om du inte gör någon aktiv inställning för den responsiva v

Länka bild till "Ankare"

Skapa en länk till ett utvalt stycke text (på samma sida eller annan sida)

Här beskriver vi hur du enkelt skapar en länk av ett ord, mening eller stycke till ett ankare. Nä

Länka bild till "Bild-popup"

Skapa en popup av en bild

Här beskriver vi hur du enkelt skapar en länk av en bild till en bild-popup. När man klickar

Länka bild till "Dokument-/fillänk"

Skapa en länk till ett dokument som finns uppladdat till filarkivet

Här beskriver vi hur du enkelt skapar en länk av bild till ett dokument.  Dokumentet laddas

Länka bild till "E-post"

Skapa en bildlänk till en eller flera olika e-postadresser

Här beskriver vi hur du enkelt skapar en länk av en bild till en e-postadress. E-postadressen skr

Länka bild till "Extern URL"

Skapa en bildlänk till en sida utanför din egen webbplats

Här beskriver vi hur du enkelt skapar en länk av en bild till en extern webbplats. Välj gärna att

Länka bild till "Intern sida"

Skapa en bildlänk till en sida inom din egna webbplats

Här beskriver vi hur du enkelt skapar en länk av en bild till en sida inom din egna webbplats. Du

Länka bild till "Popup"

Skapa en bildlänk till en popup-sida (öppnas som ett popup-fönster)

Här beskriver vi hur du enkelt skapar en länk av en bild till en popup. För att

Länka bild till "Skriv ut"

Länka bild till en skriv-ut funktion för att printa sidinnehåll

Här beskriver vi hur du enkelt skapar en länk av en bild till en skriv-ut länk.  Det möjligg

Länka bild till "Tillbakalänk"

Skapa en länk som tar besökaren tillbaka till föregående sida

Här beskriver vi hur du enkelt skapar en länk tillbaka-länk för en bild. Det möjliggör för besöka

Dölja eller visa text i olika skärmstorlekar

Beskrivning av responsiva inställningar för bilder gällande visning i olika storlekar på skärmar

Det finns många möjligheter att arbeta med innehåll och göra sidan mer levande. Du kan ange margi

Hittar du inte det du söker?

Då kan du kontakta oss direkt på supporten. Vi är glada att hjälpa till och se till att ditt arbete med plattformen går enkelt. 

Telefon: 0141-20 25 40 eller e-post: support@sitesmart.se

Välkommen att kontakta oss!

Tack för att du använder SiteSmart!

Trygg Drift avtal

Supporttjänsten omfattar e-brev och telefon gällande handhavande och administration av SiteSmart webbtjänst. Support gäller under avtalets giltighetstid för de personer hos Kontohavaren som genomgått introduktion i SiteSmart webbtjänst och innehar administrativa rättigheter till densamma.

HITTA TILL OSS

Bispmotalagatan 7A 591 30 Motala

Telefon: 0141-20 25 40
E-post: support@sitesmart.se

Följ oss på sociala media

SiteSmart – a part of VIEW Group  

Copyright ©  SiteSmart  |  Sitemap |  Villkor & Policys  |  Cookies

Vi lever som vi lär. Supportsidan är byggd på och drivs med e-handelsplattformen Sitesmart