{"id":243037,"date":"2022-03-15T12:05:00","date_gmt":"2022-03-15T09:05:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=243037"},"modified":"2022-05-16T12:03:56","modified_gmt":"2022-05-16T09:03:56","slug":"come-aggiungere-un-cursore-di-immagine-alla-tua-home-page","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-aggiungere-un-cursore-di-immagine-alla-tua-home-page\/","title":{"rendered":"Come aggiungere un cursore di immagine alla tua home page"},"content":{"rendered":"<p>Vuoi aggiungere uno slider alla tua home page?<\/p>\n<p>In questo post imparerai:<\/p>\n<ul>\n<li>Come creare slider in WordPress<\/li>\n<li>Come aggiungere uno slider di immagini a qualsiasi pagina<\/li>\n<li>Come includere uno slider solo sulla tua home page<\/li>\n<\/ul>\n<p>Il dispositivo di scorrimento funzioner\u00e0 sul tuo sito indipendentemente dal tema che hai installato.<\/p>\n<h2>Come aggiungere uno slider alla tua home page<\/h2>\n<p>Vediamo come aggiungere uno slider alla tua home page, passo dopo passo, iniziando aggiungendo il plugin di cui avrai bisogno.<\/p>\n<h3>Installa e attiva Meta Slider<\/h3>\n<p>Innanzitutto, installa e attiva l&#8217;eccellente plug-in <a href=\"https:\/\/wordpress.org\/plugins\/ml-slider\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Meta Slider<\/a> sul tuo sito.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/ml-slider\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023eb9feb0.png\" alt=\"Come aggiungere un cursore di immagine alla tua home page\" \/><\/a><\/p>\n<p>Meta Slider \u00e8 il plugin slider pi\u00f9 votato su wordpress.org ed \u00e8 il primo nella <a href=\"https:\/\/themewp.inform.click\/it\/i-9-migliori-plugin-per-slider-di-wordpress-per-il-2021\/\" title=\"mia lista di slider consigliati\">mia lista di slider consigliati<\/a> (gratuiti ea pagamento).<\/p>\n<p><strong>Go Pro:<\/strong> la versione gratuita di Meta Slider \u00e8 fantastica e ricca di funzionalit\u00e0, ma esiste anche una <a href=\"http:\/\/link.competethemes.com\/meta-slider-post\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">versione Pro<\/a> con slider video, navigazione in miniatura e altro.<\/p>\n<h3>Crea uno slider<\/h3>\n<p>Una volta attivato, troverai un nuovo menu delle impostazioni di Meta Slider nella tua dashboard. Il menu sar\u00e0 inizialmente vuoto e ti chieder\u00e0 di creare il tuo primo dispositivo di scorrimento.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023ef0e96e.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-186495-617023ef0e96e.png\" alt=\"Come aggiungere un cursore di immagine alla tua home page\"><\/a><\/p>\n<p>Facendo clic sul pulsante pi\u00f9 creerai la tua prima presentazione. Una volta creato uno slider, sei pronto per iniziare ad aggiungere immagini.<\/p>\n<h3>Aggiungi immagini al tuo dispositivo di scorrimento<\/h3>\n<p>Fare clic sul pulsante Aggiungi diapositiva per visualizzare il catalogo multimediale. Puoi caricare una nuova immagine o selezionare una delle tue immagini esistenti.<\/p>\n<p>Aggiungi alcune immagini ora. Non devono essere le tue immagini finali. Basta aggiungere alcune diapositive in modo da poter seguire il resto del tutorial.<\/p>\n<h3>Scegli il tuo dispositivo di scorrimento<\/h3>\n<p>Meta Slider include quattro diversi slider. I quattro slider sono:<\/p>\n<ul>\n<li>Cursore flessibile<\/li>\n<li>Diapositive reattive<\/li>\n<li>Livello di scorrimento<\/li>\n<li>Cursore moneta<\/li>\n<\/ul>\n<p>L&#8217;unico dispositivo di scorrimento che non consiglierei \u00e8 Coin Slider poich\u00e9 non \u00e8 reattivo. Gli altri tre sono tutti fantastici.<\/p>\n<p>Puoi selezionare il dispositivo di scorrimento che desideri utilizzare nella barra laterale destra.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023f2a7b1a.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-186495-617023f2a7b1a.png\" alt=\"Come aggiungere un cursore di immagine alla tua home page\"><\/a><\/p>\n<h3>Personalizza lo slider<\/h3>\n<p>Dopo aver aggiunto alcune immagini e scelto il dispositivo di scorrimento, il passaggio successivo consiste nel personalizzare l&#8217;aspetto e la funzionalit\u00e0 della presentazione.<\/p>\n<p>Meta Slider include opzioni di configurazione di base e anche alcune impostazioni avanzate. Lascio a te la scelta di come vuoi che venga visualizzato il tuo dispositivo di scorrimento, ma ecco un&#8217;anteprima delle opzioni disponibili:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023f918c8a.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-186495-617023f918c8a.png\" alt=\"Come aggiungere un cursore di immagine alla tua home page\"><\/a><\/p>\n<p>Un consiglio: usare l&#8217;allungamento fino al 100% della larghezza \u00e8 solitamente una buona idea perch\u00e9 far\u00e0 s\u00ec che il cursore si adatti alla larghezza dello schermo.<\/p>\n<p>La versione gratuita di Meta Slider include un numero limitato di effetti di transizione delle diapositive, ma <a href=\"http:\/\/link.competethemes.com\/meta-slider\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Meta Slider Pro<\/a> aggiunge molti nuovi fantastici effetti.<\/p>\n<h3>Crea una pagina per la tua home page<\/h3>\n<p>Il tuo sito sta attualmente visualizzando una Pagina o i tuoi ultimi post.<\/p>\n<p>Se stai mostrando i tuoi ultimi post e non sai come passare a una pagina normale, <a href=\"https:\/\/themewp.inform.click\/it\/come-cambiare-la-tua-home-page-in-wordpress-con-un-design-personalizzato\/\" title=\"segui questo tutorial per imparare\">segui questo tutorial per imparare<\/a> come fare prima.<\/p>\n<p>Una volta visualizzata una pagina sulla tua home page, vai al passaggio successivo.<\/p>\n<h3>Aggiungi lo slider alla tua home page<\/h3>\n<p>Il passaggio finale consiste nell&#8217;aggiungere lo slider che hai creato alla pagina che stai visualizzando sulla tua home page. Fortunatamente per noi, Meta Slider lo rende molto semplice.<\/p>\n<p>Vai all&#8217;editor della pagina e noterai che c&#8217;\u00e8 un nuovo pulsante Aggiungi dispositivo di scorrimento sopra l&#8217;editor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617023fce2fa8.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-186495-617023fce2fa8.png\" alt=\"Come aggiungere un cursore di immagine alla tua home page\"><\/a><\/p>\n<p>Posiziona il cursore nel punto in cui desideri incorporare il cursore e premi il pulsante Aggiungi cursore per aprire il menu di selezione del cursore.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-61702400027af.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-186495-61702400027af.png\" alt=\"Come aggiungere un cursore di immagine alla tua home page\"><\/a><\/p>\n<p>Seleziona il tuo dispositivo di scorrimento appena creato.<\/p>\n<p>Dopo aver premuto il pulsante Inserisci presentazione, vedrai uno shortcode aggiunto all&#8217;editor, in questo modo:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-61702403184fa.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-186495-61702403184fa.png\" alt=\"Come aggiungere un cursore di immagine alla tua home page\"><\/a><\/p>\n<p>Lo shortcode non sembra molto nell&#8217;editor, ma una volta visualizzato sul sito, mostra lo slider che hai creato con Meta Slider.<\/p>\n<p>Se non hai familiarit\u00e0 con gli shortcode, puoi rivedere il nostro <a href=\"https:\/\/themewp.inform.click\/it\/come-aggiungere-contenuto-dinamico-con-gli-shortcode\/\" title=\"tutorial sugli shortcode qui\">tutorial sugli shortcode qui<\/a>.<\/p>\n<p>Visualizza la pagina ora e vedrai il tuo dispositivo di scorrimento incorporato nella tua home page.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-186495-617024064b0a1.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-186495-617024064b0a1.png\" alt=\"Come aggiungere un cursore di immagine alla tua home page\"><\/a><\/p>\n<p>Slider incorporato con il tema <a href=\"https:\/\/www.competethemes.com\/founder\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Fondatore<\/a><\/p>\n<p>Poich\u00e9 Meta Slider ti consente di incorporare gli slider con uno shortcode, puoi facilmente aggiungere qualsiasi slider che crei a qualsiasi pagina. In questo caso, abbiamo aggiunto uno slider solo alla home page.<\/p>\n<p>Meta Slider include anche un widget in modo da poter posizionare i cursori nelle barre laterali e anche in altre aree dei widget.<\/p>\n<h2>Mostra la presentazione della tua home page<\/h2>\n<p>Com&#8217;\u00e8 andata? Sei pronto a mostrare il tuo nuovo slider?<\/p>\n<p>Sebbene siano disponibili molti plug-in di scorrimento, credo che Meta Slider sia il migliore.<\/p>\n<p>Se non hai mai usato gli shortcode prima, spero che questa guida ti abbia aperto gli occhi sulle possibilit\u00e0 disponibili. Gli shortcode di Meta Slider ti consentono di incorporare gli slider in qualsiasi punto del tuo sito.<\/p>\n<p>Se hai una domanda sull&#8217;aggiunta di slider di immagini o sull&#8217;utilizzo di plug-in per presentazioni con WordPress, 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>Scopri come creare uno slider e aggiungerlo alla tua home page. Scoprirai un plugin gratuito che contiene quattro tipi di slider e dozzine di personalizzazioni.<\/p>\n","protected":false},"author":1,"featured_media":186584,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[551],"tags":[846],"class_list":["post-243037","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\/243037","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=243037"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/243037\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/186584"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=243037"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=243037"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=243037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}