{"id":5751,"date":"2015-03-19T10:29:48","date_gmt":"2015-03-19T08:29:48","guid":{"rendered":"https:\/\/www.hostingvirtuale.com\/blog\/?p=5751"},"modified":"2016-12-27T10:59:17","modified_gmt":"2016-12-27T09:59:17","slug":"temi-responsive-gratuiti-per-wordpress","status":"publish","type":"post","link":"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html","title":{"rendered":"Temi responsive gratuiti per WordPress"},"content":{"rendered":"

\"Temi<\/p>\n

Quando si apre un blog WordPress<\/a> e se ne sceglie la grafica, \u00e8 necessario conoscere le caratteristiche desiderabili<\/strong> e pi\u00f9 importanti: solo cos\u00ec sar\u00e0 possibile scegliere il theme pi\u00f9 adatto\u00a0non soltanto in base a considerazioni estetiche ma anche, per non dire soprattutto, di scalabilit\u00e0<\/strong> e flessibilit\u00e0<\/strong>.<\/p>\n

Bisogna dire che \u00e8 sempre opportuno procurarseli dal sito ufficiale<\/a>\u00a0evitando di ricorrere a siti che possono\u00a0contenere versioni pirata di temi a pagamento e che potrebbero contenere al loro interno\u00a0backdoor<\/em> e malware<\/em><\/a> di vario genere. In caso contrario conviene essere sempre sicuri del sito in questione al limite con una eventuale ricerca su Google o perch\u00e9 consigliato in un gruppo di web designer professionisti.<\/p>\n

Per andare sul sicuro, quelli presenti nel dominio<\/a> WordPress.org sono tutti controllati dai moderatori e, salvo casi particolari, non metteranno mai a rischio la sicurezza del nostro sito.<\/p>\n

Cosa significa responsive\u00a0theme?<\/h2>\n

Si tratta di un tema grafico sviluppato in HTML-CSS-JS che scala in automatico ed in maniera flessibile, la disposizione grafica degli elementi delle pagine. Questo non si riferisce solo al livello di zoom<\/strong>\u00a0ma anche al poter ridisporre<\/strong> (mediante CSS e JS) nella maniera pi\u00f9 opportuna (e in automatico) gli elementi della stessa.<\/p>\n

Lavorare su un theme <\/em>o tema<\/em>\u00a0responsive<\/em> ci permette di concentrare l\u2019attenzione sui contenuti della pagina e sulla sua disposizione logica<\/strong>, senza dover manipolare il CSS e anzi, trovandoci un markup<\/em> (HTML) apposito gi\u00e0 pronto all\u2019uso<\/strong> che supporti nativamente griglie, colonne, opzioni tipografiche e cos\u00ec via.<\/p>\n

Come trovare temi responsive per WordPress?<\/strong><\/h2>\n

\"Download<\/a>La scelta dei temi\u00a0a cui faremo riferimento sono quelli gratuiti e ovviamente al tempo stesso responsive.<\/em><\/p>\n

A partire dalla pagina dei theme<\/a>\u00a0del sito ufficiale, clicchiamo su \u201cFeature Filter<\/em>\u201d e, a questo punto, selezioniamo \u201cResponsive Layout<\/em>\u201d come indicato nell’immagine qui a fianco.<\/p>\n

Questo servir\u00e0 a mostrarci la totalit\u00e0 dei theme responsive<\/em> disponibili gratuitamente, i quali verranno elencati nella pagina dopo aver cliccato su \u201cApply Filters<\/em>\u201d.<\/p>\n

\"temi-responsive-deserve\"I theme<\/em> gratuiti con supporto responsive pi\u00f9 famosi sono senza dubbio Bootstrap<\/strong> e Foundation<\/strong> ZURB<\/strong>: su WordPress sono disponibili diverse varianti basate su entrambi, gi\u00e0 pronti, che supportano sia l\u2019uno che l\u2019altro.<\/p>\n

Ad esempio potete provare ad installare Deserve<\/a> che \u00e8 basato su Bootstrap e SmartAdapt<\/a> che invece, si basa su Foundation.<\/p>\n

Perch\u00e9 responsive?<\/strong><\/h2>\n

Il responsive<\/em> \u00e8 una delle principali innovazioni degli ultimi anni e fornisce uno standard solido che si adatta automaticamente alla maggior parte dei browser, delle dimensioni dello schermo e dei dispositivi.<\/p>\n

Questo tipo di temi sono ideali in un\u00a0blog WordPress per almeno due ragioni:<\/p>\n

    \n
  1. offrono una base solida <\/strong>dal punto di vista grafico, pronto all\u2019uso, personalizzabile oltre che scalabile su smartphone<\/em>, tablet<\/em> e PC;<\/li>\n
  2. si possono estendere con facilit\u00e0<\/strong>\u00a0soprattutto senza dover intervenire sul markup CSS.<\/li>\n<\/ol>\n

    Bootstrap<\/strong> e Fundation ZURB<\/strong> sono due dei pi\u00f9 diffusi ambienti per creare rapidamente siti responsive<\/em>: per manipolarli \u00e8 necessario capirne a fondo il funzionamento e questo \u00e8 possibile inizialmente\u00a0mediante la documentazione ufficiale disponibile gratuitamente sui rispettivi siti.<\/p>\n

    Entrambi, con qualche piccola differenza, forniscono dei tag HTML appositi e dei CSS preimpostati, i quali ci permettono di creare direttamente vari \u201cpezzi\u201d di pagina come righe, colonne, tabelle, schede di prodotti, men\u00f9 e cos\u00ec via.<\/p>\n

    Per maggiori informazioni si vedano i siti ufficiali Bootstrap<\/a>\u00a0\u00a0e Foundation<\/a>.<\/p>\n

    Infografica: tema\u00a0responsive Vs sito mobile<\/h2>\n

    Nella seguente infografica possiamo vedere la differenza tra un sito responsive e un sito realizzato ad hoc per il mobile. A seconda delle caratteristiche: contenuto, velocit\u00e0, user experience e cos\u00ec via, \u00e8 possibile\u00a0valutare quale potrebbe essere la scelta migliore mettendo a confronto le due tecniche.<\/p>\n

    Ecco quindi le principali differenze tra un sito web realizzato con il responsive design e un sito mobi:<\/p>\n

    \"[Infographic]<\/a>Considerando che oggi lo standard \u00e8 realizzare siti responsive, ci sono dei casi in cui preferisci utilizzare un sito mobi?<\/p>\n

    Attendiamo i tuoi consigli nei commenti in modo da allargare la discussione sull’argomento e capire bene quando e come utilizzare le due tecniche di web design.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Quando si apre un blog WordPress e se ne sceglie la grafica, \u00e8 necessario conoscere le caratteristiche desiderabili e pi\u00f9 importanti: solo cos\u00ec sar\u00e0 possibile scegliere il theme pi\u00f9 adatto\u00a0non soltanto in base a considerazioni estetiche ma anche, per non dire soprattutto, di scalabilit\u00e0 e flessibilit\u00e0.<\/p>\n","protected":false},"author":7,"featured_media":5766,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_97753652_97753652":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[503],"tags":[455,524,214],"class_list":{"0":"post-5751","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-cms","8":"tag-infografica","9":"tag-mobile","10":"tag-wordpress","11":"entry"},"yoast_head":"\nTemi responsive gratuiti per WordPress<\/title>\n<meta name=\"description\" content=\"Cosa significa responsive theme e dove trovare temi gratuiti per WordPress. I temi gratuiti con supporto responsive pi\u00f9 famosi sono Bootstrap e Foundation.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Temi responsive gratuiti per WordPress\" \/>\n<meta property=\"og:description\" content=\"Cosa significa responsive theme e dove trovare temi gratuiti per WordPress. I temi gratuiti con supporto responsive pi\u00f9 famosi sono Bootstrap e Foundation.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html\" \/>\n<meta property=\"og:site_name\" content=\"Il blog di HostingVirtuale\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HostingVirtuale\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-19T08:29:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-12-27T09:59:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/responsive-themes-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Salvatore Capolupo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@salcapolupo\" \/>\n<meta name=\"twitter:site\" content=\"@HostingVirtuale\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salvatore Capolupo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html\",\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html\",\"name\":\"Temi responsive gratuiti per WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/responsive-themes-wordpress.jpg\",\"datePublished\":\"2015-03-19T08:29:48+00:00\",\"dateModified\":\"2016-12-27T09:59:17+00:00\",\"author\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/e8b92e4062407ad78e949a41161e6e47\"},\"description\":\"Cosa significa responsive theme e dove trovare temi gratuiti per WordPress. I temi gratuiti con supporto responsive pi\u00f9 famosi sono Bootstrap e Foundation.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html#primaryimage\",\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/responsive-themes-wordpress.jpg\",\"contentUrl\":\"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/responsive-themes-wordpress.jpg\",\"width\":540,\"height\":300,\"caption\":\"Temi responsive gratuiti per WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hostingvirtuale.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Temi responsive gratuiti per WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#website\",\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/\",\"name\":\"Il blog di HostingVirtuale\",\"description\":\"Hosting e Registrazione Domini\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hostingvirtuale.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/e8b92e4062407ad78e949a41161e6e47\",\"name\":\"Salvatore Capolupo\",\"sameAs\":[\"http:\/\/www.salvatorecapolupo.it\",\"https:\/\/x.com\/salcapolupo\"],\"url\":\"https:\/\/www.hostingvirtuale.com\/blog\/author\/salvatore\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Temi responsive gratuiti per WordPress","description":"Cosa significa responsive theme e dove trovare temi gratuiti per WordPress. I temi gratuiti con supporto responsive pi\u00f9 famosi sono Bootstrap e Foundation.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html","og_locale":"it_IT","og_type":"article","og_title":"Temi responsive gratuiti per WordPress","og_description":"Cosa significa responsive theme e dove trovare temi gratuiti per WordPress. I temi gratuiti con supporto responsive pi\u00f9 famosi sono Bootstrap e Foundation.","og_url":"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html","og_site_name":"Il blog di HostingVirtuale","article_publisher":"https:\/\/www.facebook.com\/HostingVirtuale","article_published_time":"2015-03-19T08:29:48+00:00","article_modified_time":"2016-12-27T09:59:17+00:00","og_image":[{"width":540,"height":300,"url":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/responsive-themes-wordpress.jpg","type":"image\/jpeg"}],"author":"Salvatore Capolupo","twitter_card":"summary_large_image","twitter_creator":"@salcapolupo","twitter_site":"@HostingVirtuale","twitter_misc":{"Scritto da":"Salvatore Capolupo","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html","url":"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html","name":"Temi responsive gratuiti per WordPress","isPartOf":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html#primaryimage"},"image":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html#primaryimage"},"thumbnailUrl":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/responsive-themes-wordpress.jpg","datePublished":"2015-03-19T08:29:48+00:00","dateModified":"2016-12-27T09:59:17+00:00","author":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/e8b92e4062407ad78e949a41161e6e47"},"description":"Cosa significa responsive theme e dove trovare temi gratuiti per WordPress. I temi gratuiti con supporto responsive pi\u00f9 famosi sono Bootstrap e Foundation.","breadcrumb":{"@id":"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html#primaryimage","url":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/responsive-themes-wordpress.jpg","contentUrl":"https:\/\/www.hostingvirtuale.com\/blog\/wp-content\/uploads\/responsive-themes-wordpress.jpg","width":540,"height":300,"caption":"Temi responsive gratuiti per WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostingvirtuale.com\/blog\/temi-responsive-gratuiti-per-wordpress-5751.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostingvirtuale.com\/blog"},{"@type":"ListItem","position":2,"name":"Temi responsive gratuiti per WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.hostingvirtuale.com\/blog\/#website","url":"https:\/\/www.hostingvirtuale.com\/blog\/","name":"Il blog di HostingVirtuale","description":"Hosting e Registrazione Domini","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostingvirtuale.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.hostingvirtuale.com\/blog\/#\/schema\/person\/e8b92e4062407ad78e949a41161e6e47","name":"Salvatore Capolupo","sameAs":["http:\/\/www.salvatorecapolupo.it","https:\/\/x.com\/salcapolupo"],"url":"https:\/\/www.hostingvirtuale.com\/blog\/author\/salvatore"}]}},"_links":{"self":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/posts\/5751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/comments?post=5751"}],"version-history":[{"count":0,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/posts\/5751\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/media\/5766"}],"wp:attachment":[{"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/media?parent=5751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/categories?post=5751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostingvirtuale.com\/blog\/wp-json\/wp\/v2\/tags?post=5751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}