{"id":2339,"date":"2023-06-21T15:48:11","date_gmt":"2023-06-21T13:48:11","guid":{"rendered":"https:\/\/semmelweis.hu\/wiki\/?page_id=2339"},"modified":"2024-11-10T09:43:24","modified_gmt":"2024-11-10T08:43:24","slug":"mobilnezet-ellenorzese","status":"publish","type":"page","link":"https:\/\/semmelweis.hu\/wiki\/megjelenes\/mobilnezet-ellenorzese\/","title":{"rendered":"Mobiln\u00e9zet ellen\u0151rz\u00e9se"},"content":{"rendered":"<p><a class=\"btn btn-secondary\" href=\"https:\/\/kaltura.semmelweis.hu\/media\/WordPress+%C3%BAtmutat%C3%B3%3A+mobiln%C3%A9zet+ellen%C5%91rz%C3%A9se\/1_je1yol0b\" target=\"_blank\" rel=\"noopener\">Vide\u00f3s \u00fatmutat\u00f3 \u2192<\/a><\/p>\n<p>Az egyetemi weboldalakra \u00e9rkez\u0151 <strong>l\u00e1togat\u00f3k t\u00f6bbs\u00e9ge<\/strong> (\u00e1tlag 65%) is m\u00e1r mobileszk\u00f6zr\u0151l, els\u0151sorban telefonr\u00f3l olvassa a honlapunkat. A mobiltelefonok kijelz\u0151je jelent\u0151sen kisebb, mint az asztali g\u00e9pek\u00e9 \u00e9s fekv\u0151 helyett \u00e1ll\u00f3 form\u00e1tum\u00fa a megjelen\u00edt\u00e9s.\u00a0\u00c9ppen ez\u00e9rt nagyon fontos, hogy a weboldalunk <span style=\"font-size: 1rem;\">\u00a0<\/span><span style=\"font-size: 1rem;\">tartalm\u00e1nak \u00e9s <\/span><span style=\"font-size: 1rem;\">szerkezet\u00e9nek tervez\u00e9sekor ezt a szempontot is figyelembe vegy\u00fck. <\/span><\/p>\n<div class=\"fontos_div\">\n<p><span style=\"font-size: 1rem;\">Els\u0151 l\u00e9p\u00e9sk\u00e9nt<strong> mindig ellen\u0151rizz\u00fck le, hogy mennyire \u00e1ttekinthet\u0151 a honlapunk valamilyen mobileszk\u00f6zr\u0151l<\/strong>. <\/span><\/p>\n<\/div>\n<h5>Mobilbar\u00e1t szempontok:<\/h5>\n<ul style=\"list-style-type: square;\">\n<li><span style=\"font-size: 1rem;\">L\u00e9nyeges, hogy \u00e1tgondolt strukt\u00far\u00e1j\u00fa legyen a honlapunk, azaz a lehet\u0151 legkevesebb kattint\u00e1ssal tal\u00e1lja meg a l\u00e1togat\u00f3, amit keres.\u00a0<\/span><span style=\"font-size: 1rem;\">Ne halmozzuk az almen\u00fcpontokat, vagy ak\u00e1r azok \u00fajabb almen\u00fcpontjait. <\/span><\/li>\n<li><span style=\"font-size: 1rem;\">\u00dcres oldal (vagy csak egy-k\u00e9t linkkel, egy-k\u00e9t sz\u00f3val felt\u00f6lt\u00f6tt oldal) ne legyen a honlapon. <\/span><\/li>\n<li><span style=\"font-size: 1rem;\">R\u00e9szes\u00edts\u00fck el\u0151nyben a honlapokon a k\u00f6zvetlen\u00fcl a b\u00f6ng\u00e9sz\u0151 \u00e1ltal megjelen\u00edthet\u0151, olvashat\u00f3 \u00e9s kereshet\u0151 tartalmakat <em>(mert a mobil b\u00f6ng\u00e9sz\u0151k a pdf-et se tudj\u00e1k megjelen\u00edteni, a k\u00e9peken k\u00edv\u00fcl minden f\u00e1jlt let\u00f6ltenek)<\/em>. Ha Wordben van a tartalmunk, akkor m\u00e1soljuk be sz\u00f6veget a honlap egyik oldal\u00e1ba\/bejegyz\u00e9s\u00e9be (ctrl-shift V-vel, egyszer\u0171 sz\u00f6vegk\u00e9nt) \u00e9s \u00fagy tegy\u00fck k\u00f6zz\u00e9 mag\u00e1t a tartalmat.<\/span><\/li>\n<li>Ne hagyatkozzunk az asztali n\u00e9zetben bal oldalon l\u00e1that\u00f3 oldalhierarchi\u00e1ra \u00e9s a widgetek tartalmaira, mert azok \u00e1ll\u00f3 mobiln\u00e9zetben nem l\u00e1tszanak<\/li>\n<\/ul>\n<h4><strong>Ellen\u0151rizz\u00fck a mobiln\u00e9zetet!<\/strong><\/h4>\n<p><span style=\"font-size: 1rem;\">Az ellen\u0151rz\u00e9sre legegyszer\u0171bb, ha a <strong>saj\u00e1t telefonunkat haszn\u00e1ljuk<\/strong>, azonban az asztali sz\u00e1m\u00edt\u00f3g\u00e9pek b\u00f6ng\u00e9sz\u0151i (Chrome, Firefox, Safari, Edge) is k\u00edn\u00e1lnak m\u00e1r arra lehet\u0151s\u00e9get, hogy lemodellezz\u00fck a k\u00fcl\u00f6nb\u00f6z\u0151 mobileszk\u00f6z\u00f6k k\u00e9par\u00e1nyait.<\/span><\/p>\n<p>\u00c1lljunk az eger\u00fcnkkel honlapunk nyit\u00f3lapj\u00e1ra (vagy az adott men\u00fcpontra, amit ellen\u0151rizni szeretn\u00e9nk) \u00e9s kattintsunk a jobb <span style=\"font-size: 1rem;\">eg\u00e9r<\/span><span style=\"font-size: 1rem;\">gombra. Az el\u0151ugr\u00f3 men\u00fcb\u0151l v\u00e1lasszuk ki a <strong>Vizsg\u00e1lat<\/strong>\u00a0(Inspect element) opci\u00f3t.\u00a0\u00a0<\/span><a href=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/inspect-element-prt-scr.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2369 size-full\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/inspect-element-prt-scr.jpg\" alt=\"\" width=\"1452\" height=\"936\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/inspect-element-prt-scr.jpg 1452w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/inspect-element-prt-scr-400x258.jpg 400w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/inspect-element-prt-scr-1024x660.jpg 1024w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/inspect-element-prt-scr-150x97.jpg 150w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/inspect-element-prt-scr-768x495.jpg 768w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/inspect-element-prt-scr-753x485.jpg 753w\" sizes=\"auto, (max-width: 1452px) 100vw, 1452px\" \/><\/a><\/p>\n<p>Ezut\u00e1n megjelenik egy szokatlan n\u00e9zet, melyen a jobb oldalt tal\u00e1lhat\u00f3 kis mobileszk\u00f6z\u00f6k ikonra kattintva kapjuk meg az oldalunk mobileszk\u00f6z\u00f6n l\u00e1that\u00f3 n\u00e9zet\u00e9t (a k\u00e9pen a bal oldalon l\u00e1that\u00f3).\u00a0<br \/>\n<a href=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese_2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2350 size-large\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese_2-1024x746.jpg\" alt=\"\" width=\"753\" height=\"549\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese_2-1024x746.jpg 1024w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese_2-400x292.jpg 400w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese_2-150x109.jpg 150w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese_2-768x560.jpg 768w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese_2-753x549.jpg 753w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese_2.jpg 1084w\" sizes=\"auto, (max-width: 753px) 100vw, 753px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2348 size-large\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese1-1024x666.jpg\" alt=\"\" width=\"753\" height=\"490\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese1-1024x666.jpg 1024w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese1-400x260.jpg 400w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese1-150x98.jpg 150w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese1-768x500.jpg 768w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese1-753x490.jpg 753w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/mobilnezet_keszitese1.jpg 1087w\" sizes=\"auto, (max-width: 753px) 100vw, 753px\" \/><\/a><\/p>\n<p><strong>Egy-k\u00e9t \u00e9rdekess\u00e9g:\u00a0<\/strong><\/p>\n<ul style=\"list-style-type: square;\">\n<li>A m\u00e1sodik k\u00e9pen l\u00e1hat\u00f3 oldalunk desktop n\u00e9zete, (PC-r\u0151l vagy laptopr\u00f3l megtekintett v\u00e1ltozata), melyen l\u00e1thatjuk, hogy a tartalmat f\u00fcles elrendez\u00e9sben jelen\u00edtett\u00fck meg. Mobiln\u00e9zetben a<strong> f\u00fcles elrendez\u00e9s<\/strong> m\u00e1r m\u00e1shogy jelenik meg, a leny\u00edl\u00f3 \u00e9s felz\u00e1r\u00f3d\u00f3 funkci\u00f3val (\u00fan. &#8216;expand-collapse&#8217; megjelen\u00edt\u00e9ssel).<\/li>\n<li>A <strong>t\u00e1bl\u00e1zatok<\/strong> eset\u00e9n figyelj\u00fcnk arra, hogy mobilr\u00f3l n\u00e9zve a maximum 3 oszlopos t\u00e1bl\u00e1zatok lesznek m\u00e9g \u00e1ttekinthet\u0151ek (vagy reszponz\u00edv t\u00e1bl\u00e1zatok eset\u00e9n viszonylag kis m\u00e9retben l\u00e1thatjuk a t\u00e1bl\u00e1zatot).<\/li>\n<\/ul>\n<p>M\u00e1s (nem Chrome) b\u00f6ng\u00e9sz\u0151k eset\u00e9n is megegyeznek a mobiln\u00e9zet el\u0151h\u00edv\u00e1s\u00e1nak l\u00e9p\u00e9sei (jobb eg\u00e9rgombbal ind\u00edtott folyamat), <strong>Edge<\/strong> eset\u00e9n ezt l\u00e1tjuk:<\/p>\n<p style=\"text-align: center;\">\n<a href=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/edge_mobilnezet1-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2352 size-large\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/edge_mobilnezet1-1-1024x681.jpg\" alt=\"\" width=\"753\" height=\"501\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/edge_mobilnezet1-1-1024x681.jpg 1024w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/edge_mobilnezet1-1-400x266.jpg 400w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/edge_mobilnezet1-1-150x100.jpg 150w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/edge_mobilnezet1-1-768x511.jpg 768w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/edge_mobilnezet1-1-753x501.jpg 753w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/edge_mobilnezet1-1-203x135.jpg 203w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/edge_mobilnezet1-1.jpg 1385w\" sizes=\"auto, (max-width: 753px) 100vw, 753px\" \/><\/a><\/p>\n<p><strong>Firefox<\/strong> eset\u00e9n pedig \u00edgy jelenik meg a mobiln\u00e9zet:\u00a0<\/p>\n<p><a href=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/firefox_mobilnezet1-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2353 size-large aligncenter\" src=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/firefox_mobilnezet1-1-1024x597.jpg\" alt=\"\" width=\"753\" height=\"439\" srcset=\"https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/firefox_mobilnezet1-1-1024x597.jpg 1024w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/firefox_mobilnezet1-1-400x233.jpg 400w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/firefox_mobilnezet1-1-150x87.jpg 150w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/firefox_mobilnezet1-1-768x448.jpg 768w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/firefox_mobilnezet1-1-753x439.jpg 753w, https:\/\/semmelweis.hu\/wiki\/files\/2022\/06\/firefox_mobilnezet1-1.jpg 1507w\" sizes=\"auto, (max-width: 753px) 100vw, 753px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p><a class=\"btn btn-secondary\" href=\"https:\/\/kaltura.semmelweis.hu\/media\/WordPress+%C3%BAtmutat%C3%B3%3A+mobiln%C3%A9zet+ellen%C5%91rz%C3%A9se\/1_je1yol0b\" target=\"_blank\" rel=\"noopener\">Vide\u00f3s \u00fatmutat\u00f3 \u2192<\/a> Az egyetemi weboldalakra \u00e9rkez\u0151 l\u00e1togat\u00f3k t\u00f6bbs\u00e9ge (\u00e1tlag 65%) is m\u00e1r mobileszk\u00f6zr\u0151l, els\u0151sorban telefonr\u00f3l olvassa a honlapunkat. A mobiltelefonok kijelz\u0151je jelent\u0151sen kisebb, mint az asztali g\u00e9pek\u00e9 \u00e9s fekv\u0151 helyett \u00e1ll\u00f3 form\u00e1tum\u00fa a megjelen\u00edt\u00e9s.\u00a0\u00c9ppen ez\u00e9rt nagyon fontos, hogy a weboldalunk \u00a0tartalm\u00e1nak \u00e9s szerkezet\u00e9nek tervez\u00e9sekor ezt a szempontot is figyelembe vegy\u00fck. Els\u0151 l\u00e9p\u00e9sk\u00e9nt mindig ellen\u0151rizz\u00fck le, hogy mennyire &hellip;<\/p>\n","protected":false},"author":101997,"featured_media":0,"parent":947,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-2339","page","type-page","status-publish","hentry"],"acf":[],"publishpress_future_action":{"enabled":false,"date":"1970-01-01 01:00:00","action":"","terms":[],"taxonomy":"","browser_timezone_offset":0},"_links":{"self":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/2339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/users\/101997"}],"replies":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/comments?post=2339"}],"version-history":[{"count":10,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/2339\/revisions"}],"predecessor-version":[{"id":3109,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/2339\/revisions\/3109"}],"up":[{"embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/pages\/947"}],"wp:attachment":[{"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/media?parent=2339"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/categories?post=2339"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/semmelweis.hu\/wiki\/wp-json\/wp\/v2\/tags?post=2339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}