{"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\/it\/features\/page-image-alignment\/","title":{"rendered":"Allineamento dell'immagine della pagina"},"content":{"rendered":"

Benvenuti all'allineamento delle immagini! Il modo migliore per dimostrare il flusso e il riflusso delle varie opzioni di posizionamento delle immagini \u00e8 annidarle comodamente in un oceano di parole. Prendete una pagaia e iniziamo.<\/p>\n

Per quanto riguarda l'allineamento, va notato che gli utenti possono scegliere tra le opzioni di\u00a0Nessuno<\/em>,\u00a0A sinistra<\/em>,\u00a0Giusto, <\/em>e\u00a0Centro<\/em>. Inoltre, hanno anche la possibilit\u00e0 di\u00a0Miniatura<\/em>,\u00a0Medio<\/em>,\u00a0Grande<\/em>\u00a0&\u00a0Dimensioni complete<\/em>.<\/p>\n

\"Image<\/p>\n

Si d\u00e0 il caso che l'immagine qui sopra sia\u00a0centrato<\/strong><\/em>.<\/p>\n

\"Image<\/strong>Il resto di questo paragrafo \u00e8 un riempitivo per vedere il testo che si avvolge intorno all'immagine 150\u00d7150, che \u00e8 allineato a sinistra<\/strong><\/em>.\u00a0<\/strong><\/p>\n

Come si pu\u00f2 vedere, dovrebbe esserci un po' di spazio sopra, sotto e a destra dell'immagine. Il testo non deve strisciare sull'immagine. Lo strisciamento non \u00e8 corretto. Anche le immagini hanno bisogno di spazio. Lasciatele parlare come le parole. Lasciate che facciano il loro lavoro senza essere disturbate dal testo. In un'altra frase, vedremo che il testo si sposta dalla destra dell'immagine in basso, senza soluzione di continuit\u00e0. Ancora una volta, lasciamo che il testo faccia il suo dovere. Missione compiuta!<\/p>\n

E ora per un immagine di grandi dimensioni<\/strong><\/em>. Ha anche nessun allineamento<\/strong><\/em>.<\/p>\n

\"Image<\/p>\n

L'immagine qui sopra, bench\u00e9 sia larga 1200px, non deve traboccare dall'area del contenuto. Deve rimanere contenuta senza interrompere in modo visibile il flusso dei contenuti.<\/p>\n

\"Image<\/p>\n

E ora ci spostiamo sul tema della allineamento a destra<\/strong><\/em>. Anche in questo caso, dovrebbe esserci molto spazio sopra, sotto e a sinistra dell'immagine. Guardatelo l\u00ec... Ehi, ragazzo! Il lato destro \u00e8 perfetto. Non mi interessa cosa dice l'immagine allineata a sinistra, stai benissimo. Non lasciare che qualcuno ti dica il contrario.<\/p>\n

Tra un po' si dovrebbe vedere il testo che inizia ad avvolgersi sotto l'immagine allineata a destra e a sistemarsi bene. Dovrebbe esserci ancora molto spazio e tutto dovrebbe essere a posto. S\u00ec... proprio cos\u00ec. Non \u00e8 mai stato cos\u00ec bello essere nel giusto.<\/p>\n

E proprio quando pensavate che avessimo finito, li rifaremo tutti con le didascalie!<\/p>\n

\"Image

Guardate 580\u00d7300 per ottenere un po' di didascalia<\/a> amore.<\/p><\/div>\n

Si d\u00e0 il caso che l'immagine qui sopra sia\u00a0centrato<\/strong><\/em>. La didascalia contiene anche un link, per vedere se fa qualcosa di strano.<\/p>\n

\"Image

Didascalia minuscola.<\/p><\/div>\n

<\/strong>Il resto di questo paragrafo \u00e8 un riempitivo per vedere il testo che si avvolge intorno all'immagine 150\u00d7150, che \u00e8 allineato a sinistra<\/strong><\/em>.\u00a0<\/strong><\/p>\n

Come si pu\u00f2 vedere, dovrebbe esserci un po' di spazio sopra, sotto e a destra dell'immagine. Il testo non deve strisciare sull'immagine. Lo strisciamento non \u00e8 corretto. Anche le immagini hanno bisogno di spazio. Lasciatele parlare come le parole. Lasciate che facciano il loro lavoro senza essere disturbate dal testo. In un'altra frase, vedremo che il testo si sposta dalla destra dell'immagine in basso, senza soluzione di continuit\u00e0. Ancora una volta, lasciamo che il testo faccia il suo dovere. Missione compiuta!<\/p>\n

E ora per un immagine di grandi dimensioni<\/strong><\/em>. Ha anche nessun allineamento<\/strong><\/em>.<\/p>\n

\"Image

Un commento massiccio alle immagini per i vostri occhi.<\/p><\/div>\n

L'immagine qui sopra, bench\u00e9 sia larga 1200px, non deve traboccare dall'area del contenuto. Deve rimanere contenuta senza interrompere in modo visibile il flusso dei contenuti.<\/p>\n

\"Image

\u00c8 bello avere sempre ragione.<\/p><\/div>\n

E ora ci spostiamo sul tema della allineamento a destra<\/strong><\/em>. Anche in questo caso, dovrebbe esserci molto spazio sopra, sotto e a sinistra dell'immagine. Guardatelo l\u00ec... Ehi, ragazzo! Il lato destro \u00e8 perfetto. Non mi interessa cosa dice l'immagine allineata a sinistra, stai benissimo. Non lasciare che qualcuno ti dica il contrario.<\/p>\n

Tra un po' si dovrebbe vedere il testo che inizia ad avvolgersi sotto l'immagine allineata a destra e a sistemarsi bene. Dovrebbe esserci ancora molto spazio e tutto dovrebbe essere a posto. S\u00ec... proprio cos\u00ec. Non \u00e8 mai stato cos\u00ec bello essere nel giusto.<\/p>\n

E questo \u00e8 tutto, yo! Sei sopravvissuto alle acque tumultuose dell'allineamento. Risultato dell'allineamento dell'immagine sbloccato!<\/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\/it\/wp-json\/wp\/v2\/pages\/1133"}],"collection":[{"href":"https:\/\/en.passengereye.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/en.passengereye.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/it\/wp-json\/wp\/v2\/comments?post=1133"}],"version-history":[{"count":0,"href":"https:\/\/en.passengereye.com\/it\/wp-json\/wp\/v2\/pages\/1133\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/en.passengereye.com\/it\/wp-json\/wp\/v2\/pages\/12"}],"wp:attachment":[{"href":"https:\/\/en.passengereye.com\/it\/wp-json\/wp\/v2\/media?parent=1133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}