{"id":10168,"date":"2015-08-10T22:05:06","date_gmt":"2015-08-10T20:05:06","guid":{"rendered":"http:\/\/xlogic.org\/blog\/?p=10168"},"modified":"2026-07-30T22:09:58","modified_gmt":"2026-07-30T20:09:58","slug":"come-convertire-un-sito-html-in-wordpress","status":"publish","type":"post","link":"https:\/\/xlogic.org\/blog\/come-convertire-un-sito-html-in-wordpress.html\/","title":{"rendered":"Come convertire un sito HTML in WordPress"},"content":{"rendered":"<p><strong>Come convertire un sito HTML in WordPress.<\/strong> Hai un sito realizzato in html\u00a0e vorresti convertirlo\u00a0in un sito WordPress? Tutto questo \u00e8 possibile grazie ad\u00a0un processo non banale ma nemmeno impossibile da effettuare che ti permetter\u00e0 di trasformare un sito web statico (html) in un sito web dinamico (WordPress).<\/p>\n<p>Con\u00a0un sito WordPress avrai la possibilit\u00e0 di installare semplicemente con due click ogni tipo di plugin, widget o tema che ti permetter\u00e0 di personalizzare il tuo sito senza la necessit\u00e0 di avere alcuna conoscenza tecnica sui linguaggi di programmazione.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Ma qual&#8217;\u00e8 esattamente la differenza tra un sito web statico ed uno dinamico?<\/strong><\/p>\n<ul>\n<li><strong>Sito Web Statico:<\/strong> In un sito web statico non c&#8217;\u00e8 bisogno di un database ed \u00e8 principalmente caratterizzato dal linguaggio HTML che consente di creare pagine web molto performanti in quanto tutte le informazioni sono contenute all&#8217;interno della stessa pagina; in breve viene creata una singola pagina web per ogni unit\u00e0 di informazione; per esempio <a href=\"http:\/\/xlogic.org\/\" target=\"_blank\" rel=\"noopener\">Xlogic<\/a> \u00e8 un sito web statico.<\/li>\n<li><strong>Sito Web Dinamico:<\/strong> La caratteristica principale di un sito web dinamico \u00e8 l&#8217;interazione delle pagine del sito con un Database che contiene tutte le informazioni del sito; per un sito dinamico non \u00e8 sufficiente utilizzare solo il semplice linguaggio HTML e di conseguenza dovranno essere utilizzati altri linguaggi per implementare la struttura e permettere il corretto funzionamento del sito come ad esempio i linguaggi PHP, ASP o CMS (esempio: WordPress, Joomla, Drupal, etc). Quindi in un sito dinamico le informazioni non sono contenute in ogni singola pagina ma si trovano tutte all&#8217;interno del database a cui punta il sito ed ogni volta che viene aperta una pagina web, le informazioni verranno richiamate dal Database. Per esempio il <a href=\"https:\/\/xlogic.org\/blog\/\" target=\"_blank\" rel=\"noopener\">Blog di Xlogic<\/a> \u00e8 un sito dinamico che \u00e8 stato costruito in WordPress.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Dopo aver spiegato qual&#8217;\u00e8 la differenza sostanziale tra un sito web Dinamico ed uno Statico ti forniamo i principali motivi per cui dovresti trasformare il tuo sito statico in un sito WordPress:<\/p>\n<ul>\n<li><strong>WordPress \u00e8 gratuito:<\/strong> E&#8217; una piattaforma open source, questo significa che moltissimi sviluppatori lavorano gratuitamente per migliorare il CMS e pu\u00f2\u00a0essere utilizzato da chiunque, oltre a questo avrai la possibilit\u00e0 di scaricare moltissimi temi e plugin gratuitamente per personalizzare il tuo sito e renderlo perfetto senza dover essere necessariamente un programmatore.<\/li>\n<li><strong>WordPress \u00e8 facile da utilizzare:<\/strong> Questo CMS \u00e8 molto semplice da utilizzare, ovviamente dovrai studiarlo un p\u00f2 ma comunque con la pazienza e la volont\u00e0 tutti potranno riuscire a creare un proprio sito WordPress.<\/li>\n<li><strong>Google ama WordPress:<\/strong> I contenuti di un sito WordPress vengono indicizzati meglio rispetto ai contenuti di altri siti che utilizzano altri CMS, questo perch\u00e9 WordPress \u00e8 stato sviluppato per essere indicizzato correttamente nei motori di ricerca.<\/li>\n<li><strong>WordPress \u00e8 flessibile e personalizzabile:<\/strong> Oltre a tutti i temi ed i plugin che potrai scaricare gratuitamente, avrai anche la possibilit\u00e0 di modificarli a tuo piacimento mettendo mano al codice, ovviamente in questo caso dovrai masticare un p\u00f2 di HTML, PHP\u00a0e dovrai conoscere la struttura dei CSS.<\/li>\n<\/ul>\n<p>Si stima che circa il 60% dei siti presenti nel Web siano stati creati con WordPress mentre i siti web statici stanno pian piano scomparendo, questo succede perch\u00e9 ormai con un sito web dinamico avrai la possibilit\u00e0 di effettuare delle modifiche e di installare tutto ci\u00f2 che vorrai senza alcuna difficolt\u00e0, inoltre i tuoi contenuti verranno indicizzati nel migliore dei modi nei motori di ricerca, cosa che non \u00e8 possibile fare con un sito web statico se non con un gran lavoro manuale alle spalle.<\/p>\n<p><strong>NB<\/strong>: un sito realizzato in HTML \u00e8 molto sicuro, mentre WordPress se non aggiornato pu\u00f2 essere facilmente compromesso, quindi wordpress e i suoi componenti devono essere sempre aggiornati.<\/p>\n<hr \/>\n<p>Comunque tornando a noi, oggi ti spieghiamo\u00a0il metodo migliore per trasformare il tuo sito statico (html) in un sito dinamico (WordPress):<\/p>\n<p>Per far questo dovrai conoscere perfettamente il codice HTML del tuo sito web statico; dovrai accedere nella directory tramite FTP ed utilizzare il codice esistente come punto di partenza.<\/p>\n<p>Dopo di che dovrai creare manualmente i files necessari per far funzionare WordPress e copiare il codice da un&#8217;installazione pulita del CMS.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>I passi per\u00a0trasformare un sito statico in un sito WordPress:<\/strong><\/p>\n<ul>\n<li>Installa nel tuo piano Hosting WordPress.<\/li>\n<li>Crea una cartella in locale chiamandola con il nome del tuo sito e crea i seguenti files:<\/li>\n<\/ul>\n<p>style.css | index.php | header.php | sidebar.php | footer.php<\/p>\n<ul>\n<li>Copia il codice del file CSS del tuo sito statico all&#8217;interno del file style.css appena creato<\/li>\n<\/ul>\n<p>All&#8217;inizio del file dovrai copiare queste stringhe di codice:<\/p>\n<blockquote>\n<pre>\/*\r\nTheme Name:\r\nTheme URL:\r\nDescription:\r\nVersion:\r\nAuthor:\r\nAuthor URL:\r\n*\/<\/pre>\n<\/blockquote>\n<ul>\n<li>Separa il codice HTML attuale, WordPress utilizza il linguaggio PHP per chiamare e recuperare le informazioni necessarie dal database, l&#8217;insieme dei files di WordPress collegati al database permetteranno la corretta visualizzazione del proprio sito web dinamico.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Apri il file index.html del tuo sito web statico e copia il codice dalla parte superiore del file all&#8217;apertura &#8220;class = &#8220;principale&#8221; div&#8221; ed incolla tutto all&#8217;interno del file header.php.<\/p>\n<p>Copia dal file index.html tutto il paragrafo dalla classe sidebar fino alla chiusura ed incollalo nel file sidebar.php.<\/p>\n<p>Copia tutto il codice dopo il paragrafo sidebar ed incollalo nel file footer.php.<\/p>\n<p>Copia tutto il codice che non \u00e8 stato ancora copiato dal file index.html ed incollalo nel file index.php; nella parte superiore del file index.php inserisci la seguente riga di codice:<\/p>\n<blockquote>\n<pre>< ?php get_header(); ?>\r\n<\/pre>\n<\/blockquote>\n<p>Mentre nella parte finale del file incolla:<\/p>\n<blockquote>\n<pre>< ?php get_sidebar(); ?>\r\n< ?php get_footer(); ?>\r\n<\/pre>\n<\/blockquote>\n<p>Successivamente non ti rimarr\u00e0 che copiare all&#8217;interno del file il seguente codice:<\/p>\n<blockquote>\n<pre>< ?php if ( have_posts() ) : ?>\r\n< ?php while ( have_posts() ) : the_post(); ?>\r\n  <div id=\"post-<?php the_ID(); ?>\" < ?php post_class(); ?>>\r\n    <div class=\"post-header\">\r\n       <div class=\"date\">< ?php the_time( 'M j y' ); ?><\/div>\r\n       <h2><code class=\"xlogic-code-example\">&lt;a href=&quot;&lt;?php the_permalink(); ?&gt;&quot; rel=&quot;bookmark&quot; title=&quot;Permanent Link to &lt; ?php the_title_attribute(); ?&gt;&quot;&gt;&lt; ?php the_title(); ?&gt;&lt;\/a&gt;<\/code><\/h2>\r\n       <div class=\"author\">< ?php the_author(); ?><\/div>\r\n    <\/div><!--end post header-->\r\n    <div class=\"entry clear\">\r\n       < ?php if ( function_exists( 'add_theme_support' ) ) the_post_thumbnail(); ?>\r\n       < ?php the_content(); ?>\r\n       < ?php edit_post_link(); ?>\r\n       < ?php wp_link_pages(); ?> <\/div>\r\n    <!--end entry-->\r\n    <div class=\"post-footer\">\r\n       <div class=\"comments\">< ?php comments_popup_link( 'Leave a Comment', '1 Comment', '% Comments' ); ?><\/div>\r\n    <\/div><!--end post footer-->\r\n    <\/div><!--end post-->\r\n< ?php endwhile; \/* rewind or continue if all posts have been fetched *\/ ?>\r\n    <div class=\"navigation index\">\r\n       <div class=\"alignleft\">< ?php next_posts_link( 'Older Entries' ); ?><\/div>\r\n       <div class=\"alignright\">< ?php previous_posts_link( 'Newer Entries' ); ?><\/div>\r\n    <\/div><!--end navigation-->\r\n< ?php else : ?>\r\n< ?php endif; ?>\r\n<\/pre>\n<\/blockquote>\n<ul>\n<li>Importa il tuo tema, accedi via FTP all&#8217;interno del tuo sito web e nella cartella wp-content\/themes carica la cartella dei tuoi files, dopo di che accedi nel backend di WordPress in WP Admin &gt; Aspetto &gt; Temi ed attiva il tema appena creato.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Importa i contenuti del tuo sito web statico nel tuo sito WordPress:<\/strong><\/p>\n<p>&#8211; <a href=\"https:\/\/wordpress.org\/plugins\/import-html-pages\/\" target=\"_blank\" rel=\"nofollow noopener\">Import Html Pages<\/a>, con questo plugin avrai la possibilit\u00e0 di importare tutti i contenuti del tuo sito web statico nel tuo nuovo sito WordPress.<\/p>\n<p>Questo metodo richiede un importante esperienza nel campo della programmazione ed un&#8217;ottima conoscenza del linguaggio HTML, CSS e PHP.<\/p>\n<p>&nbsp;<\/p>\n<p>Alla prossima!<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Come convertire un sito HTML in WordPress. Hai un sito realizzato in html\u00a0e vorresti convertirlo\u00a0in un sito WordPress? Tutto questo \u00e8 possibile grazie ad\u00a0un processo non banale ma nemmeno impossibile da effettuare che ti permetter\u00e0 di trasformare un sito web statico (html) in un sito web dinamico (WordPress). Con\u00a0un sito WordPress avrai la possibilit\u00e0 di [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[5,1401],"tags":[1104,1106,1105],"class_list":["post-10168","post","type-post","status-publish","format-standard","hentry","category-news","category-wordpress","tag-convertire-sito-html","tag-convertire-sito-html-in-wordpress","tag-convertire-sito-in-wordpress"],"modified_by":"Team tecnico Xlogic","_links":{"self":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts\/10168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/comments?post=10168"}],"version-history":[{"count":0,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/posts\/10168\/revisions"}],"wp:attachment":[{"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/media?parent=10168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/categories?post=10168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xlogic.org\/blog\/wp-json\/wp\/v2\/tags?post=10168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}