{"id":232467,"date":"2023-01-20T13:46:00","date_gmt":"2023-01-20T10:46:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232467"},"modified":"2023-02-01T10:59:27","modified_gmt":"2023-02-01T07:59:27","slug":"etapes-simples-pour-rendre-le-site-web-adapte-aux-mobiles-conception-reactive","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/etapes-simples-pour-rendre-le-site-web-adapte-aux-mobiles-conception-reactive\/","title":{"rendered":"\u00c9tapes simples pour rendre le site Web adapt\u00e9 aux mobiles (conception r\u00e9active)\u00a0?"},"content":{"rendered":"

J’ai enfin rendu mon site: steakovercooked.com<\/a> convivial pour les mobiles et donc toutes les pages Web de mes 6 domaines<\/a> jusqu’\u00e0 pr\u00e9sent sont qualifi\u00e9es de conviviales pour les mobiles.<\/p>\n

La convivialit\u00e9 mobile est d\u00e9sormais un facteur de classement, par exemple les moteurs de recherche Google ont tendance \u00e0 promouvoir les sites qui r\u00e9ussissent le test de convivialit\u00e9 mobile<\/a>.<\/p>\n

adapt\u00e9 aux mobiles<\/p>\n

Voici les \u00e9tapes pour rendre l’utilisateur mobile convivial, \u00e9galement connu avec le Responsive CSS Design<\/a>.<\/p>\n

Nettoyer le CSS en ligne dans les balises HTML<\/h3>\n

Le CSS en ligne dans les balises HTML est mauvais, car ils m\u00e9langent la pr\u00e9sentation et le HTML, par exemple,<\/p>\n

Le style est d\u00e9fini directement dans la balise HTML div, qu’il n’est pas possible de modifier \u00e0 l’aide de feuilles de style externes.<\/p>\n

Ne pas utiliser de pixels de largeur sp\u00e9cifi\u00e9s\/fixes<\/h3>\n

Si vous d\u00e9finissez quelque chose comme par exemple width:900px, il est probable que ce ne soit pas adapt\u00e9 aux mobiles. Vous pouvez le remplacer par un pourcentage, par exemple 30\u00a0%. Les pixels plus petits sont moins susceptibles d’\u00eatre un probl\u00e8me, par exemple les ic\u00f4nes conviennent aux petites r\u00e9solutions d’\u00e9cran. Imaginez, la plus petite largeur d’\u00e9cran est de 300 pixels (environ), vous ne voulez donc pas qu’aucun de vos \u00e9l\u00e9ments HTML soit plus large que cela.<\/p>\n

Mettez ce qui suit \u00e0 l’int\u00e9rieur de la balise head<\/h3>\n
<meta name=viewport content=\"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n<meta name=applicable-device content=\"pc,mobile\"><\/code><\/pre>\n
Les images\/tableaux sont les pires<\/h3>\n
Les tableaux sont les pires pour la conception r\u00e9active, vous devrez donc peut-\u00eatre les remplacer par de simples \u00e9l\u00e9ments div. Les images doivent \u00eatre sp\u00e9cifi\u00e9es avec le style de largeur maximale suivant, par exemple<\/p>\n
\u00c7a y est, pas de trucs complexes! Veuillez noter qu’une page conviviale pour les utilisateurs mobiles n’est pas la m\u00eame chose qu’AMP (Accelerated Mobile Pages)<\/a>.<\/p>\n
Source d’enregistrement:  helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
\u00c9tapes simples pour rendre le site Web adapt\u00e9 aux mobiles (conception r\u00e9active)\u00a0?<\/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":[893,904,717,841,862],"tags":[1167],"class_list":["post-232467","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-2","category-css-3","category-developpeur","category-tutoriels","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232467","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=232467"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232467\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/224482"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=232467"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=232467"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=232467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}