{"id":232030,"date":"2023-01-20T13:52:00","date_gmt":"2023-01-20T10:52:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232030"},"modified":"2023-02-01T10:50:00","modified_gmt":"2023-02-01T07:50:00","slug":"proste-kroki-sprawiaja-ze-witryna-jest-przyjazna-dla-urzadzen-mobilnych-projekt-responsywny","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/proste-kroki-sprawiaja-ze-witryna-jest-przyjazna-dla-urzadzen-mobilnych-projekt-responsywny\/","title":{"rendered":"Proste kroki sprawiaj\u0105, \u017ce witryna jest przyjazna dla urz\u0105dze\u0144 mobilnych (projekt responsywny)?"},"content":{"rendered":"\n<p>W ko\u0144cu stworzy\u0142em swoj\u0105 witryn\u0119: <a href=\"https:\/\/steakovercooked.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">steakovercooked.com<\/a> przyjazn\u0105 dla urz\u0105dze\u0144 mobilnych, dzi\u0119ki czemu wszystkie strony internetowe we wszystkich <a href=\"https:\/\/helloacm.com\/milestones\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">moich dotychczasowych 6 domenach<\/a> kwalifikuj\u0105 si\u0119 do tego, by by\u0142y przyjazne dla u\u017cytkownik\u00f3w mobilnych.<\/p>\n<p>Przyjazno\u015b\u0107 dla u\u017cytkownik\u00f3w mobilnych jest teraz czynnikiem w rankingu, np. wyszukiwarki Google maj\u0105 tendencj\u0119 do promowania witryn, kt\u00f3re pomy\u015blnie przesz\u0142y <a href=\"https:\/\/www.google.co.uk\/webmasters\/tools\/mobile-friendly\/?url=https%3A%2F%2Fsteakovercooked.com%2F\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">test przyjazno\u015bci dla u\u017cytkownik\u00f3w mobilnych<\/a>.<\/p>\n<p>przyjazna dla urz\u0105dze\u0144 mobilnych<\/p>\n<p>Oto kroki, aby uczyni\u0107 u\u017cytkownika przyjaznym dla urz\u0105dze\u0144 mobilnych, znanym r\u00f3wnie\u017c z <a href=\"https:\/\/wordpress.mediadoma.com\/pl\/nauka-projektowania-responsywnego-css-1\/\" title=\"Responsive CSS Design\">Responsive CSS Design<\/a>.<\/p>\n<h3>Oczy\u015b\u0107 wbudowany CSS w tagach HTML<\/h3>\n<p>Wbudowane CSS w tagach HTML s\u0105 z\u0142e, poniewa\u017c mieszaj\u0105 prezentacj\u0119 i HTML, na przyk\u0142ad<\/p>\n<p>Styl jest zdefiniowany bezpo\u015brednio w tagu div HTML, kt\u00f3rego nie mo\u017cna zmieni\u0107 za pomoc\u0105 zewn\u0119trznych arkuszy styl\u00f3w.<\/p>\n<h3>Nie u\u017cywaj pikseli o okre\u015blonej\/sta\u0142ej szeroko\u015bci<\/h3>\n<p>Je\u015bli zdefiniujesz co\u015b takiego jak np. width:900px, prawdopodobnie nie jest to przyjazne dla urz\u0105dze\u0144 mobilnych. Mo\u017cesz to zast\u0105pi\u0107 warto\u015bci\u0105 procentow\u0105 np. 30%. Mniejsze piksele s\u0105 mniej prawdopodobne, aby stanowi\u0107 problem, np. ikony s\u0105 dobre w ma\u0142ych rozdzielczo\u015bciach ekranu. Wyobra\u017a sobie, \u017ce najmniejsza szeroko\u015b\u0107 ekranu to 300 pikseli (w przybli\u017ceniu), wi\u0119c nie chcesz, aby \u017caden z Twoich element\u00f3w HTML by\u0142 szerszy.<\/p>\n<h3>Umie\u015b\u0107 nast\u0119puj\u0105ce elementy wewn\u0105trz tagu g\u0142owy<\/h3>\n<pre><code>&lt;meta name=viewport content=\"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\"&gt;\n&lt;meta name=applicable-device content=\"pc,mobile\"&gt;<\/code><\/pre>\n<h3>Obrazy\/tabele s\u0105 najgorsze<\/h3>\n<p>Tabele s\u0105 najgorsze w przypadku projektowania responsywnego, wi\u0119c mo\u017ce by\u0107 konieczne zast\u0105pienie ich prostymi elementami div. Obrazy powinny by\u0107 okre\u015blone w nast\u0119puj\u0105cym stylu maksymalnej szeroko\u015bci, np.<\/p>\n<p>To wszystko, bez skomplikowanych produkt\u00f3w! Pami\u0119taj, \u017ce strona przyjazna dla u\u017cytkownik\u00f3w mobilnych to nie to samo co <a href=\"https:\/\/wordpress.mediadoma.com\/pl\/jak-wlaczyc-amp-z-wordpressem-techniki-optymalizacji-amp-z-wordpress\/\" title=\"AMP (Accelerated Mobile Pages)\">AMP (Accelerated Mobile Pages)<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Proste kroki sprawiaj\u0105, \u017ce witryna jest przyjazna dla urz\u0105dze\u0144 mobilnych (projekt responsywny)?<\/p>\n","protected":false},"author":1,"featured_media":224482,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[908,721,897,845,866],"tags":[1169],"class_list":["post-232030","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-7","category-deweloper","category-kod","category-samouczki","category-wordpress-7","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/232030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=232030"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/232030\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/224482"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=232030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=232030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=232030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}