{"id":235245,"date":"2021-11-25T11:14:00","date_gmt":"2021-11-25T08:14:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=235245"},"modified":"2022-05-16T11:49:53","modified_gmt":"2022-05-16T08:49:53","slug":"come-allineare-le-immagini-fianco-a-fianco-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-allineare-le-immagini-fianco-a-fianco-in-wordpress\/","title":{"rendered":"Come allineare le immagini fianco a fianco in WordPress"},"content":{"rendered":"<p>L&#8217;allineamento delle immagini \u00e8 una lotta costante per il blogger di WordPress.<\/p>\n<p>Questo post \u00e8 per chiunque abbia trascorso pi\u00f9 tempo di quanto vorrebbe ammettere a giocherellare con l&#8217;allineamento e il posizionamento delle immagini nell&#8217;editor.<\/p>\n<h2>I due metodi migliori per allineare le immagini<\/h2>\n<p>Ci sono due tecniche che dovresti prendere in considerazione per posizionare le immagini una accanto all&#8217;altra. Condivider\u00f2 come utilizzare ciascuno di essi, nonch\u00e9 i pro e i contro inclusi.<\/p>\n<h3>1 Allineare le immagini con una galleria<\/h3>\n<p>Il metodo pi\u00f9 affidabile per posizionare le immagini fianco a fianco \u00e8 utilizzare una <a href=\"https:\/\/codex.wordpress.org\/The_WordPress_Gallery\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">galleria di WordPress<\/a>.<\/p>\n<p>Se non hai mai creato una galleria prima, segui questo tutorial su <a href=\"https:\/\/themewp.inform.click\/it\/come-creare-una-galleria-di-immagini-con-wordpress\/\" title=\"come creare gallerie\">come creare gallerie<\/a>.<\/p>\n<p>Il trucco \u00e8 usare una versione di medie dimensioni delle immagini e scegliere due colonne, anche se stai includendo solo due immagini. Il risultato sar\u00e0 simile a questo:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd43ad6d2.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd43ad6d2.png\" alt=\"Come allineare le immagini fianco a fianco in WordPress\"><\/a><\/p>\n<p>A differenza delle immagini che inserisci nel tuo post, le gallerie hanno un codice HTML speciale che mantiene le immagini una accanto all&#8217;altra. Questa struttura rende pi\u00f9 facile e meno problematico allineare le immagini in righe\/colonne.<\/p>\n<h3>2 Posiziona le immagini con gli shortcode delle colonne<\/h3>\n<p>Se non ti dispiace aggiungere un nuovo plugin al tuo sito, <a href=\"https:\/\/wordpress.org\/plugins\/column-shortcodes\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Column Shortcodes<\/a> \u00e8 un&#8217;ottima soluzione per allineare le immagini.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/column-shortcodes\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4622ad5.png\" alt=\"Come allineare le immagini fianco a fianco in WordPress\" \/><\/a><\/p>\n<p>Column Shortcodes \u00e8 uno di quei fantastici plugin che non riempiono il tuo sito di nuovi menu. In effetti, l&#8217;unica cosa che aggiunge alla tua dashboard di amministrazione \u00e8 questo comodo pulsante sopra l&#8217;editor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4843ae9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4843ae9.png\" alt=\"Come allineare le immagini fianco a fianco in WordPress\"><\/a><\/p>\n<p>Per mostrare come funziona, creer\u00f2 una singola riga di tre immagini.<\/p>\n<h4>Come utilizzare gli shortcode delle colonne<\/h4>\n<p>Il primo passo \u00e8 posizionare il cursore su una riga vuota nell&#8217;editor. Quindi fare clic sul pulsante shortcode e selezionare un&#8217;opzione di colonna.<\/p>\n<p>Creazione di una riga con tre colonne.<\/p>\n<p>Ripeti questo passaggio per aggiungere una seconda colonna 1\/3 e poi ripeti ancora una volta, ma questa volta usando l&#8217;opzione un terzo (ultima). Il risultato sono i seguenti shortcode aggiunti all&#8217;editor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4b04099.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4b04099.png\" alt=\"Come allineare le immagini fianco a fianco in WordPress\"><\/a><\/p>\n<p>Se non hai mai usato gli shortcode prima, potresti voler <a href=\"https:\/\/themewp.inform.click\/it\/come-aggiungere-contenuto-dinamico-con-gli-shortcode\/\" title=\"seguire\">seguire<\/a> prima <a href=\"https:\/\/themewp.inform.click\/it\/come-aggiungere-contenuto-dinamico-con-gli-shortcode\/\" title=\"questo tutorial\">questo tutorial<\/a>.<\/p>\n<p>Come puoi vedere, ogni shortcode ha un tag di apertura e chiusura. Ora puoi inserire un&#8217;immagine all&#8217;interno di ogni shortcode, in questo modo:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4d295c9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4d295c9.png\" alt=\"Come allineare le immagini fianco a fianco in WordPress\"><\/a><\/p>\n<p>Sembra un disastro, vero?<\/p>\n<p>Questo perch\u00e9 gli shortcode non possono modellare le immagini nell&#8217;editor, ma non \u00e8 un problema. Una volta visualizzati sul sito, si allineeranno ordinatamente in colonne, in questo modo:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4f52c89.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4f52c89.png\" alt=\"Come allineare le immagini fianco a fianco in WordPress\"><\/a><\/p>\n<h4>Shortcode delle colonne rispetto alle gallerie<\/h4>\n<p>Anche se gli shortcode non vengono visualizzati correttamente nell&#8217;editor come le gallerie e possono essere pi\u00f9 difficili con cui lavorare, ottieni anche un po&#8217; pi\u00f9 di controllo. Ad esempio, le gallerie forzano il collegamento a tutte le immagini:<\/p>\n<ul>\n<li>File multimediale<\/li>\n<li>Pagina degli allegati<\/li>\n<li>Niente<\/li>\n<\/ul>\n<p>Con il plug-in delle colonne, le immagini possono avere URL personalizzati e ogni collegamento a un diverso tipo di pagina.<\/p>\n<p>Puoi anche combinare e abbinare le colonne. Ad esempio, puoi posizionare un&#8217;immagine in uno shortcode di 2\/3 accanto a un&#8217;immagine con uno shortcode di 1\/3 di colonna.<\/p>\n<h2>Perch\u00e9 non dovresti usare le opzioni di allineamento<\/h2>\n<p>Questi metodi produrranno i layout desiderati senza tutti i mal di testa.<\/p>\n<p><a href=\"https:\/\/codex.wordpress.org\/The_WordPress_Gallery\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Le gallerie di WordPress<\/a> sono il modo pi\u00f9 semplice e facile per allineare le immagini in fila. Tuttavia, <a href=\"https:\/\/wordpress.org\/plugins\/column-shortcodes\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Column Shortcodes<\/a> \u00e8 una buona alternativa che offre maggiore flessibilit\u00e0.<\/p>\n<p>Entrambi funzionano cos\u00ec bene perch\u00e9 inseriscono le immagini in una nuova struttura HTML. L&#8217;HTML consente di mantenere un layout affiancato, indipendentemente dallo schermo utilizzato per visualizzarli.<\/p>\n<p>C&#8217;\u00e8 qualcosa che mi sono perso? Hai domande? Pubblica un commento qui sotto.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Stanco di lottare nell&#8217;editor di WordPress? Trova due metodi affidabili per posizionare un numero qualsiasi di immagini fianco a fianco nei tuoi post e nelle tue pagine.<\/p>\n","protected":false},"author":1,"featured_media":257299,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[551],"tags":[846],"class_list":["post-235245","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizza-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/235245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=235245"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/235245\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/257299"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=235245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=235245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=235245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}