Esikatsele teemoja mobiilinäkymässä

Tässä käydään läpi, kuinka voit esikatsella teemoja mobiilinäkymässä eri selaimille.

Useimmissa selaimissa on työkaluja, jotka mukauttavat ikkunan eri kokoisiin matkapuhelimen tai tabletin ulkoasun jäljittelemiseksi. Koska monet loppuasiakkaat tekevät ostoksia matkapuhelimilla ja tableteilla, voi olla mielenkiintoista mm. esikatsele luomaasi uutta teemaa, jotta tiedät myös, miltä myymälä näyttää näille asiakkaille.

Esikatsele Firefoxilla, Google Chromella ja Edgellä

Kun esikatselet aktiivista tai ei-aktiivista teemaa Ulkoasu>Teemat -kohdassa, avaa tarkistustyökalu selaimessa seuraavasti:

< li >Firefox: Ctrl + vaihto + M
• Google Chrome: F12 ja sitten Ctrl + vaihto + M
• Reuna: F12 ja sitten Ctrl + vaihto + M

Tarkastustyökalu on nyt käynnissä. Voit sitten leventää näkymän korkeutta tai leveyttä itse tai valita jonkin esiasetetuista koosta jäljitelläksesi, miltä se näyttäisi useilla eri laitteilla.

Esikatsele Safarilla

Kun esikatselet aktiivista tai ei-aktiivista teemaa kohdassa Ulkoasu> ;Teemat avaa sitten tarkistustyökalu selaimessa seuraavasti:

1. Safari Menu> Asetukset> Lisäasetukset

2. Valitse Näytä laajennusvalikko valikkopalkissa -valintaruutu

3. "Kehitä" on nyt vaihtoehto Safarin valikkopalkissa. Napsauta Kehitä-> "Responsiivinen suunnittelutila"

Nyt tarkistustyökalu on käynnissä. Voit sitten leventää näkymän korkeutta tai leveyttä itse tai valita jonkin esiasetetuista koosta jäljittelemään sitä etsi useita erilaisia ​​laitteita.