{"id":232127,"date":"2023-01-20T13:28:00","date_gmt":"2023-01-20T10:28:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232127"},"modified":"2023-02-01T11:37:46","modified_gmt":"2023-02-01T08:37:46","slug":"lihtsad-sammud-muudavad-veebisaidi-mobiilisobralikuks-tundlik-kujundus","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/et\/lihtsad-sammud-muudavad-veebisaidi-mobiilisobralikuks-tundlik-kujundus\/","title":{"rendered":"Lihtsad sammud muudavad veebisaidi mobiilis\u00f5bralikuks (tundlik kujundus)?"},"content":{"rendered":"<p>Olen l\u00f5puks muutnud oma saidi: <a href=\"https:\/\/steakovercooked.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">steakovercooked.com<\/a> mobiilikasutajas\u00f5bralikuks ja seega on k\u00f5ik <a href=\"https:\/\/helloacm.com\/milestones\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">minu seni 6 domeeni<\/a> veebilehed kvalifitseeritud kasutajas\u00f5bralikuks.<\/p>\n<p>Mobiilikasutajas\u00f5bralikkus on n\u00fc\u00fcd paremusj\u00e4rjestuse m\u00e4\u00e4rav tegur, nt Google&#8217;i otsingumootorid kipuvad reklaamima saite, mis l\u00e4bivad <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\">mobiilikasutajas\u00f5bralikkuse testi<\/a>.<\/p>\n<p>mobiilis\u00f5bralik<\/p>\n<p>Siin on sammud mobiilikasutajas\u00f5bralikumaks muutmiseks, mida tuntakse ka <a href=\"https:\/\/wordpress.mediadoma.com\/et\/reageeriva-css-i-disaini-oppimine-1\/\" title=\"reageeriva CSS-i kujundusega\">reageeriva CSS-i kujundusega<\/a>.<\/p>\n<h3>Puhastage tekstisisene CSS HTML-m\u00e4rgendites<\/h3>\n<p>HTML-m\u00e4rgendite tekstisisene CSS on halb, kuna need segavad n\u00e4iteks esitlust ja HTML-i,<\/p>\n<p>Stiil m\u00e4\u00e4ratakse otse HTML-i div-m\u00e4rgendis, mida pole v\u00f5imalik v\u00e4liste stiilitabelite abil muuta.<\/p>\n<h3>\u00c4rge kasutage m\u00e4\u00e4ratud\/fikseeritud laiusega piksleid<\/h3>\n<p>Kui m\u00e4\u00e4rate n\u00e4iteks laiuse: 900 pikslit, ei ole see t\u00f5en\u00e4oliselt mobiilis\u00f5bralik. Saate selle asendada protsendiga, nt 30%. V\u00e4iksemad pikslid on v\u00e4iksema t\u00f5en\u00e4osusega probleemiks, nt ikoonid sobivad h\u00e4sti v\u00e4ikese ekraani eraldusv\u00f5imega. Kujutage vaid ette, v\u00e4ikseim ekraanilaius on 300 pikslit (umbes), nii et te ei soovi, et \u00fckski teie HTML-i element oleks sellest laiem.<\/p>\n<h3>Pange peasildi sisse j\u00e4rgmine<\/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>Pildid\/tabelid on k\u00f5ige hullemad<\/h3>\n<p>Tabelid on tundliku kujunduse jaoks halvimad, nii et peate v\u00f5ib-olla asendama need lihtsate div-elementidega. Pildid tuleks m\u00e4\u00e4rata j\u00e4rgmise max-width stiiliga, nt<\/p>\n<p>See on k\u00f5ik, ei mingeid keerulisi asju! Pange t\u00e4hele, et mobiilikasutajas\u00f5bralik leht ei ole sama mis <a href=\"https:\/\/wordpress.mediadoma.com\/et\/kuidas-lubada-amp-wordpressiga-amp-optimeerimistehnikad-wordpressiga\/\" title=\"AMP (Accelerated Mobile Pages)\">AMP (Accelerated Mobile Pages)<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lihtsad sammud muudavad veebisaidi mobiilis\u00f5bralikuks (tundlik kujundus)?<\/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":[718,905,894,842,863],"tags":[1165],"class_list":["post-232127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arendaja","category-css-4","category-kood","category-opetused","category-wordpress-4","tag-affiai-et"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/232127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/comments?post=232127"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/posts\/232127\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media\/224482"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/media?parent=232127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/categories?post=232127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/et\/wp-json\/wp\/v2\/tags?post=232127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}