{"id":1133,"date":"2013-03-15T18:19:23","date_gmt":"2013-03-15T23:19:23","guid":{"rendered":"http:\/\/wptest.io\/demo\/?page_id=1080"},"modified":"2013-03-15T18:19:23","modified_gmt":"2013-03-15T23:19:23","slug":"page-image-alignment","status":"publish","type":"page","link":"https:\/\/en.passengereye.com\/fr\/features\/page-image-alignment\/","title":{"rendered":"Alignement de l'image de la page"},"content":{"rendered":"

Bienvenue dans l'alignement des images ! La meilleure fa\u00e7on de montrer le flux et le reflux des diff\u00e9rentes options de positionnement des images est de les nicher dans un oc\u00e9an de mots. Prenez une pagaie et commen\u00e7ons.<\/p>\n

En ce qui concerne l'alignement, il convient de noter que les utilisateurs peuvent choisir parmi les options suivantes\u00a0Aucun<\/em>,\u00a0Gauche<\/em>,\u00a0C'est vrai, <\/em>et\u00a0Centre<\/em>. En outre, ils b\u00e9n\u00e9ficient des options suivantes\u00a0Vignette<\/em>,\u00a0Moyen<\/em>,\u00a0Grandes dimensions<\/em>\u00a0&\u00a0Taille r\u00e9elle<\/em>.<\/p>\n

\"Image<\/p>\n

L'image ci-dessus se trouve \u00eatre\u00a0centr\u00e9<\/strong><\/em>.<\/p>\n

\"Image<\/strong>Le reste de ce paragraphe n'est que du remplissage pour voir le texte s'enrouler autour de l'image 150\u00d7150, qui est align\u00e9 \u00e0 gauche<\/strong><\/em>.\u00a0<\/strong><\/p>\n

Comme vous pouvez le constater, il doit y avoir de l'espace au-dessus, au-dessous et \u00e0 droite de l'image. Le texte ne doit pas se superposer \u00e0 l'image. Ce n'est tout simplement pas correct. Les images ont \u00e9galement besoin d'espace pour respirer. Laissez-les parler comme vous parlez. Laissez-les faire leur travail sans \u00eatre d\u00e9rang\u00e9s par le texte. Dans une autre phrase, nous verrons que le texte se d\u00e9place de la droite de l'image vers le bas de l'image dans une transition transparente. Encore une fois, on laisse le texte faire son travail. Mission accomplie !<\/p>\n

Et maintenant, pour une image de grande taille<\/strong><\/em>. Il a \u00e9galement pas d'alignement<\/strong><\/em>.<\/p>\n

\"Image<\/p>\n

L'image ci-dessus, bien que d'une largeur de 1200 px, ne doit pas d\u00e9border de la zone de contenu. Elle doit rester contenue sans perturber visiblement le flux de contenu.<\/p>\n

\"Image<\/p>\n

Et maintenant, nous allons passer \u00e0 l'\u00e9tape suivante, \u00e0 savoir l'examen de la question de l'acc\u00e8s \u00e0 l'information. alignement \u00e0 droite<\/strong><\/em>. L\u00e0 encore, il doit y avoir beaucoup de place au-dessus, au-dessous et \u00e0 gauche de l'image. Regardez-le... H\u00e9, le gars ! Tu as bien travaill\u00e9 ton c\u00f4t\u00e9 droit. Peu importe ce que dit l'image align\u00e9e \u00e0 gauche, tu es superbe. Ne laisse personne te dire le contraire.<\/p>\n

Dans quelques instants, vous devriez voir le texte commencer \u00e0 s'enrouler sous l'image align\u00e9e \u00e0 droite et \u00e0 s'y ins\u00e9rer. Il devrait y avoir encore beaucoup de place et tout devrait \u00eatre bien en place. Oui... C'est comme \u00e7a. Il n'a jamais \u00e9t\u00e9 aussi agr\u00e9able d'avoir raison.<\/p>\n

Et alors que vous pensiez que nous avions termin\u00e9, nous allons les refaire avec des l\u00e9gendes !<\/p>\n

\"Image

Regarder 580\u00d7300 pour obtenir quelques l\u00e9gende<\/a> l'amour.<\/p><\/div>\n

L'image ci-dessus se trouve \u00eatre\u00a0centr\u00e9<\/strong><\/em>. La l\u00e9gende contient \u00e9galement un lien, juste pour voir s'il fait quelque chose de bizarre.<\/p>\n

\"Image

L\u00e9gende minuscule.<\/p><\/div>\n

<\/strong>Le reste de ce paragraphe n'est que du remplissage pour voir le texte s'enrouler autour de l'image 150\u00d7150, qui est align\u00e9 \u00e0 gauche<\/strong><\/em>.\u00a0<\/strong><\/p>\n

Comme vous pouvez le constater, il doit y avoir de l'espace au-dessus, au-dessous et \u00e0 droite de l'image. Le texte ne doit pas se superposer \u00e0 l'image. Ce n'est tout simplement pas correct. Les images ont \u00e9galement besoin d'espace pour respirer. Laissez-les parler comme vous parlez. Laissez-les faire leur travail sans \u00eatre d\u00e9rang\u00e9s par le texte. Dans une autre phrase, nous verrons que le texte se d\u00e9place de la droite de l'image vers le bas de l'image dans une transition transparente. Encore une fois, on laisse le texte faire son travail. Mission accomplie !<\/p>\n

Et maintenant, pour une image de grande taille<\/strong><\/em>. Il a \u00e9galement pas d'alignement<\/strong><\/em>.<\/p>\n

\"Image

Un commentaire d'image massif pour vos globes oculaires.<\/p><\/div>\n

L'image ci-dessus, bien que d'une largeur de 1200 px, ne doit pas d\u00e9border de la zone de contenu. Elle doit rester contenue sans perturber visiblement le flux de contenu.<\/p>\n

\"Image

Cela fait du bien d'avoir toujours raison.<\/p><\/div>\n

Et maintenant, nous allons passer \u00e0 l'\u00e9tape suivante, \u00e0 savoir l'examen de la question de l'acc\u00e8s \u00e0 l'information. alignement \u00e0 droite<\/strong><\/em>. L\u00e0 encore, il doit y avoir beaucoup de place au-dessus, au-dessous et \u00e0 gauche de l'image. Regardez-le... H\u00e9, le gars ! Tu as bien travaill\u00e9 ton c\u00f4t\u00e9 droit. Peu importe ce que dit l'image align\u00e9e \u00e0 gauche, tu es superbe. Ne laisse personne te dire le contraire.<\/p>\n

Dans quelques instants, vous devriez voir le texte commencer \u00e0 s'enrouler sous l'image align\u00e9e \u00e0 droite et \u00e0 s'y int\u00e9grer. Il devrait y avoir encore beaucoup de place et tout devrait \u00eatre bien en place. Oui... C'est comme \u00e7a. Il n'a jamais \u00e9t\u00e9 aussi agr\u00e9able d'avoir raison.<\/p>\n

Et c'est termin\u00e9, yo ! Vous avez surv\u00e9cu aux eaux tumultueuses de l'alignement. Alignement d'images r\u00e9ussi !<\/p>","protected":false},"excerpt":{"rendered":"

Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":12,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/en.passengereye.com\/fr\/wp-json\/wp\/v2\/pages\/1133"}],"collection":[{"href":"https:\/\/en.passengereye.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/en.passengereye.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/fr\/wp-json\/wp\/v2\/comments?post=1133"}],"version-history":[{"count":0,"href":"https:\/\/en.passengereye.com\/fr\/wp-json\/wp\/v2\/pages\/1133\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/fr\/wp-json\/wp\/v2\/pages\/12"}],"wp:attachment":[{"href":"https:\/\/en.passengereye.com\/fr\/wp-json\/wp\/v2\/media?parent=1133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}