{"id":166545,"date":"2025-07-28T09:00:00","date_gmt":"2025-07-28T07:00:00","guid":{"rendered":"https:\/\/gtechgroup.it\/blog\/elementor-blog-layout-post-archivi-personalizzati\/"},"modified":"2026-05-25T10:00:00","modified_gmt":"2026-05-25T08:00:00","slug":"elementor-blog-layout-post-archivi-personalizzati","status":"publish","type":"post","link":"https:\/\/gtechgroup.it\/blog\/elementor-blog-layout-post-archivi-personalizzati\/","title":{"rendered":"Elementor e Blog: Come Creare Layout Post e Archivi Personalizzati"},"content":{"rendered":"<h2>Blog con Elementor: Layout Post e Archivi Personalizzati<\/h2>\n<p>Il blog e uno degli strumenti piu potenti per attirare traffico organico, costruire autorevolezza e generare lead. Con <strong>Elementor Pro<\/strong> e il <strong>Theme Builder<\/strong>, puoi personalizzare completamente il layout degli articoli e delle pagine archivio, superando i limiti del tema WordPress e creando una esperienza di lettura unica e coerente con il design del tuo sito.<\/p>\n<p>In questa guida esploreremo come creare template personalizzati per i singoli articoli e per le pagine archivio (categorie, tag, autori), utilizzando i widget dinamici di Elementor Pro. Per una strategia blog completa che integri design e <a href=\"https:\/\/gtechgroup.it\/posizionamento-seo\/\">posizionamento SEO<\/a>, il nostro team puo accompagnarti in ogni fase.<\/p>\n<h2>Single Post Template: Il Layout del Singolo Articolo<\/h2>\n<p>Il <strong>Single Post Template<\/strong> e il modello che definisce come appare ogni singolo articolo del blog. Accedi al Theme Builder da <strong>Elementor \u2192 Theme Builder \u2192 Single Post<\/strong> e crea un nuovo template.<\/p>\n<h3>Widget Dinamici Essenziali<\/h3>\n<p>Elementor Pro offre una serie di widget progettati specificamente per i contenuti dinamici degli articoli:<\/p>\n<ul>\n<li><strong>Post Title<\/strong>: mostra il titolo dell articolo con tag HTML personalizzabile (H1, H2, div). Usa sempre H1 per il titolo principale del post<\/li>\n<li><strong>Post Content<\/strong>: renderizza il contenuto completo dell articolo, inclusi blocchi Gutenberg, shortcode e HTML<\/li>\n<li><strong>Featured Image<\/strong>: mostra la immagine in evidenza con dimensione, aspect ratio e lightbox personalizzabili<\/li>\n<li><strong>Post Info<\/strong> (Post Meta): data di pubblicazione, autore, categorie, commenti, tempo di lettura<\/li>\n<li><strong>Author Box<\/strong>: box con avatar, nome, biografia e link ai social dell autore<\/li>\n<li><strong>Post Navigation<\/strong>: link &#8220;Articolo precedente&#8221; e &#8220;Articolo successivo&#8221;<\/li>\n<li><strong>Post Comments<\/strong>: sezione commenti completa con modulo di inserimento<\/li>\n<li><strong>Related Posts<\/strong> (Posts Widget): griglia di articoli correlati basati sulla stessa categoria o tag<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/templates.png\" alt=\"Gestione dei template nel Theme Builder di Elementor per Single Post e Archive\" \/><\/p>\n<h3>Struttura Consigliata per il Single Post<\/h3>\n<p>Un layout efficace per un articolo di blog segue questa struttura dall alto verso il basso:<\/p>\n<ol>\n<li><strong>Breadcrumb<\/strong>: navigazione gerarchica (Home \u2192 Blog \u2192 Categoria \u2192 Titolo)<\/li>\n<li><strong>Categoria<\/strong>: badge con la categoria principale dell articolo<\/li>\n<li><strong>Titolo (H1)<\/strong>: grande, leggibile, con tipografia d impatto<\/li>\n<li><strong>Meta informazioni<\/strong>: autore (con avatar), data, tempo di lettura stimato<\/li>\n<li><strong>Immagine in evidenza<\/strong>: a larghezza piena o con margini laterali<\/li>\n<li><strong>Contenuto dell articolo<\/strong>: con larghezza di lettura ottimale (680-720px)<\/li>\n<li><strong>Tag<\/strong>: elenco dei tag associati all articolo<\/li>\n<li><strong>Author Box<\/strong>: biografia dell autore con foto e link<\/li>\n<li><strong>Navigazione articoli<\/strong>: precedente e successivo<\/li>\n<li><strong>Articoli correlati<\/strong>: griglia 2-3 colonne con immagini e titoli<\/li>\n<li><strong>Commenti<\/strong>: sezione commenti (se abilitata)<\/li>\n<\/ol>\n<h3>Larghezza di Lettura Ottimale<\/h3>\n<p>Per una esperienza di lettura confortevole, il corpo dell articolo non dovrebbe superare i <strong>680-720px di larghezza<\/strong>. Questo corrisponde a circa 65-75 caratteri per riga, che e il range ottimale secondo gli studi di leggibilita. In Elementor, usa un container con larghezza massima personalizzata per il contenuto testuale, anche se il resto della pagina e a larghezza piena.<\/p>\n<h2>Tempo di Lettura Stimato<\/h2>\n<p>Il tempo di lettura stimato e un elemento molto apprezzato dai lettori perche li aiuta a decidere se leggere subito o salvare per dopo. Puoi aggiungerlo in due modi:<\/p>\n<h3>Metodo 1: Plugin Dedicato<\/h3>\n<p>Plugin come <strong>Reading Time WP<\/strong> aggiungono automaticamente il tempo di lettura basandosi sul conteggio delle parole (media 200-250 parole al minuto). Il dato e disponibile come shortcode o come campo dinamico.<\/p>\n<h3>Metodo 2: Codice Personalizzato<\/h3>\n<p>Aggiungi una funzione nel <code>functions.php<\/code> del tema che calcola il tempo basandosi su <code>str_word_count()<\/code> del contenuto e visualizzalo con un widget HTML dinamico.<\/p>\n<h2>Archive Template: Pagine Categorie e Tag<\/h2>\n<p>Il <strong>Archive Template<\/strong> definisce il layout delle pagine che elencano piu articoli: categorie, tag, archivi per data e pagina principale del blog.<\/p>\n<h3>Creare un Archive Template<\/h3>\n<ol>\n<li>Vai su <strong>Elementor \u2192 Theme Builder \u2192 Archive<\/strong><\/li>\n<li>Crea un nuovo template<\/li>\n<li>Scegli un layout di partenza o parti da zero<\/li>\n<li>Aggiungi i widget dedicati: <strong>Archive Title<\/strong>, <strong>Archive Posts<\/strong>, <strong>Posts Widget<\/strong><\/li>\n<li>Configura le condizioni di visualizzazione (tutte le categorie, tag specifici, ecc.)<\/li>\n<\/ol>\n<h3>Widget Archive Posts vs Posts Widget<\/h3>\n<p>Elementor Pro offre due widget per elencare gli articoli nelle pagine archivio:<\/p>\n<table>\n<thead>\n<tr>\n<th>Caratteristica<\/th>\n<th>Archive Posts<\/th>\n<th>Posts Widget<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Query automatica<\/td>\n<td>Si (usa la query della pagina)<\/td>\n<td>No (query personalizzata)<\/td>\n<\/tr>\n<tr>\n<td>Paginazione<\/td>\n<td>Si (nativa)<\/td>\n<td>Si (configurabile)<\/td>\n<\/tr>\n<tr>\n<td>Layout<\/td>\n<td>Classic, Cards, Full Content<\/td>\n<td>Classic, Cards, Full Content<\/td>\n<\/tr>\n<tr>\n<td>Skin personalizzabili<\/td>\n<td>Si<\/td>\n<td>Si<\/td>\n<\/tr>\n<tr>\n<td>Filtri per categoria<\/td>\n<td>No (segue la pagina)<\/td>\n<td>Si<\/td>\n<\/tr>\n<tr>\n<td>Uso consigliato<\/td>\n<td>Pagine archivio (categorie, tag)<\/td>\n<td>Homepage, landing page, sidebar<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Per le pagine archivio usa <strong>Archive Posts<\/strong>, che eredita automaticamente la query della pagina (mostra gli articoli della categoria corrente). Per sezioni di articoli in altre pagine (come la homepage), usa il <strong>Posts Widget<\/strong> con query personalizzata.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/editor-widgets.png\" alt=\"Widget disponibili in Elementor per la personalizzazione del layout blog e archivi\" \/><\/p>\n<h3>Layout della Pagina Archivio<\/h3>\n<p>Una pagina archivio efficace include:<\/p>\n<ul>\n<li><strong>Archive Title<\/strong>: il nome della categoria o del tag, con possibilita di personalizzare il prefisso (&#8220;Articoli su: &#8221; oppure rimuoverlo)<\/li>\n<li><strong>Archive Description<\/strong>: la descrizione della categoria (se compilata in WordPress)<\/li>\n<li><strong>Griglia articoli<\/strong>: 2-3 colonne su desktop, 1 colonna su mobile<\/li>\n<li><strong>Card articolo<\/strong>: immagine in evidenza, categoria, titolo, estratto (massimo 2 righe), data e autore<\/li>\n<li><strong>Paginazione<\/strong>: numerica o caricamento infinito<\/li>\n<\/ul>\n<h2>Design della Sidebar<\/h2>\n<p>La sidebar laterale e un elemento classico dei blog, anche se molti design moderni preferiscono il layout a colonna singola. Se scegli di includerla, ecco gli elementi piu utili:<\/p>\n<ul>\n<li><strong>Barra di ricerca<\/strong>: widget Search Form per cercare tra gli articoli<\/li>\n<li><strong>Categorie<\/strong>: elenco o widget cloud delle categorie<\/li>\n<li><strong>Articoli recenti<\/strong>: lista dei 3-5 post piu recenti con miniatura<\/li>\n<li><strong>Articoli popolari<\/strong>: i post piu letti (richiede un plugin come WP Popular Posts)<\/li>\n<li><strong>Newsletter<\/strong>: modulo di iscrizione alla mailing list<\/li>\n<li><strong>Banner promozionale<\/strong>: CTA per servizi o prodotti<\/li>\n<\/ul>\n<p>Per una esperienza mobile ottimale, la sidebar dovrebbe spostarsi <strong>sotto il contenuto principale<\/strong> su smartphone. In Elementor, questo avviene automaticamente con i container Flexbox impostati su wrap.<\/p>\n<h2>Social Sharing<\/h2>\n<p>Facilitare la condivisione degli articoli sui social network aumenta la visibilita dei contenuti. Elementor Pro include il widget <strong>Share Buttons<\/strong> con supporto per:<\/p>\n<ul>\n<li>Facebook, Twitter\/X, LinkedIn, Pinterest, WhatsApp, Telegram<\/li>\n<li>Stili diversi: icone, icone con testo, testo solo<\/li>\n<li>Forme: arrotondate, quadrate, minimali<\/li>\n<li>Posizionamento: inline nel contenuto, barra laterale fissa, o footer dell articolo<\/li>\n<\/ul>\n<p>La posizione piu efficace per i pulsanti di condivisione e <strong>subito dopo il contenuto dell articolo<\/strong>, quando il lettore ha appena terminato e ha il massimo coinvolgimento. Una barra laterale fissa (sticky) e una alternativa popolare per articoli molto lunghi.<\/p>\n<h2>Griglia Articoli Correlati<\/h2>\n<p>La sezione &#8220;Articoli correlati&#8221; alla fine di ogni post e cruciale per ridurre il <strong>bounce rate<\/strong> e aumentare le pagine per sessione. Configurazione consigliata con il Posts Widget:<\/p>\n<ul>\n<li><strong>Query<\/strong>: filtra per la stessa categoria dell articolo corrente (usa Related come source)<\/li>\n<li><strong>Numero di post<\/strong>: 3 (layout a 3 colonne) o 4 (layout a 2 colonne con 2 righe)<\/li>\n<li><strong>Elementi da mostrare<\/strong>: immagine in evidenza, titolo, data, estratto breve<\/li>\n<li><strong>Escludi il post corrente<\/strong>: attiva la opzione per non mostrare lo stesso articolo<\/li>\n<li><strong>Ordine<\/strong>: per data (piu recenti) o casuale per varieta<\/li>\n<\/ul>\n<h2>Condizioni di Visualizzazione<\/h2>\n<p>Il Theme Builder di Elementor Pro permette di creare <strong>template diversi per categorie diverse<\/strong>. Per esempio:<\/p>\n<ul>\n<li>Un template con sidebar per gli articoli del blog standard<\/li>\n<li>Un template a colonna singola full-width per le guide tecniche<\/li>\n<li>Un template con layout portfolio per la categoria &#8220;Progetti&#8221;<\/li>\n<li>Un template specifico per articoli sponsorizzati con disclaimer<\/li>\n<\/ul>\n<p>Gestisci le condizioni da <strong>Theme Builder \u2192 Condizioni di visualizzazione<\/strong>. Le condizioni piu specifiche hanno la priorita su quelle generiche.<\/p>\n<h2>Conclusione<\/h2>\n<p>Personalizzare il layout del blog con Elementor Pro trasforma la esperienza di lettura e rafforza la identita visiva del tuo brand. Un template ben progettato aumenta il tempo di permanenza, riduce il bounce rate e migliora le conversioni. Investire nel design del blog non e un vezzo estetico: e una strategia con un <strong>impatto diretto sul traffico e sulle conversioni<\/strong>.<\/p>\n<p>Se hai bisogno di supporto nella progettazione del tuo blog o nella creazione di template personalizzati, <a href=\"https:\/\/gtechgroup.it\/contatti\/\">contattaci<\/a> per una consulenza dedicata.<\/p>\n<h2>Guide Correlate della Serie Elementor<\/h2>\n<ul>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/elementor-seo-ottimizzare-pagine-motori-ricerca\/\">SEO con Elementor: Ottimizzazione per i Motori di Ricerca<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/elementor-theme-builder-header-footer-template-personalizzati\/\">Theme Builder: Header, Footer e Template Globali<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/widget-elementor-guida-completa-esempi\/\">Widget Essenziali di Elementor: Guida Completa<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/elementor-errori-design-evitare-best-practice-professionali\/\">Errori di Design da Evitare e Best Practice<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/elementor-creare-sito-web-completo-da-zero-10-passi\/\">Creare un Sito Web da Zero in 10 Passi<\/a><\/li>\n<\/ul>\n<h3>Migliora il Tuo Sito WordPress<\/h3>\n<p>Scopri le nostre guide complete sugli altri plugin essenziali per WordPress:<\/p>\n<ul>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/wp-rocket-installare-configurare-wordpress\/\">Come Installare e Configurare WP Rocket<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/come-installare-configurare-seopress-wordpress-guida\/\">Come Installare e Configurare SEOPress<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/cf7-installare-configurare-wordpress\/\">Come Installare e Configurare Contact Form 7<\/a><\/li>\n<li><a href=\"https:\/\/gtechgroup.it\/blog\/installare-attivare-updraftplus-wordpress\/\">Come Installare e Configurare UpdraftPlus<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Blog con Elementor: Layout Post e Archivi Personalizzati Il blog e uno degli strumenti piu potenti per attirare traffico organico, costruire autorevolezza e generare lead.&hellip;<\/p>\n","protected":false},"author":2,"featured_media":166404,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Elementor e Blog: Layout Post e Archivi Custom","_seopress_titles_desc":"Come personalizzare il blog WordPress con Elementor: single post template, archive template, sidebar e related posts.","_seopress_robots_index":"","footnotes":""},"categories":[61],"tags":[2648,2646,2647,2649],"class_list":["post-166545","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-archivio-personalizzato","tag-elementor-blog","tag-layout-post","tag-single-post-template"],"_links":{"self":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/comments?post=166545"}],"version-history":[{"count":0,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/166545\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media\/166404"}],"wp:attachment":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media?parent=166545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/categories?post=166545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/tags?post=166545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}