{"id":368769,"date":"2023-01-15T16:43:00","date_gmt":"2023-01-15T13:43:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368769"},"modified":"2023-01-20T19:09:34","modified_gmt":"2023-01-20T16:09:34","slug":"come-creare-una-lista-di-cose-da-fare-con-un-plugin-per-lelenco-di-controllo-di-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-creare-una-lista-di-cose-da-fare-con-un-plugin-per-lelenco-di-controllo-di-wordpress\/","title":{"rendered":"Come creare una lista di cose da fare con un plugin per l&#8217;elenco di controllo di WordPress"},"content":{"rendered":"\n<p>Hai mai pensato a quanto sarebbe bello <strong>aggiungere una checklist interattiva al tuo sito web<\/strong> o a uno dei tuoi post sul blog? Le liste di controllo sono super utili e un po&#8217; interessanti per ogni genere di cose. Dall&#8217;organizzazione e l&#8217;hosting di eventi, alla pianificazione delle vacanze o semplicemente allo shopping, facciamo tutti elenchi o, almeno, ne abbiamo tutti bisogno. Sia che tu abbia bisogno di una checklist per il tuo uso personale o che tu voglia offrire questa funzionalit\u00e0 ai tuoi lettori, sarai felice di conoscere un piccolo e interessante plugin per la checklist di WordPress che vogliamo consigliarti oggi.<\/p>\n<p>Con l&#8217;uso di questo eccellente plugin, puoi facilmente aggiungere liste di controllo per qualsiasi esigenza tu possa avere. Ad esempio, se <a href=\"https:\/\/\">gestisci un blog di viaggi<\/a>, puoi inserire un elenco di cose che le persone devono assolutamente portare a una determinata destinazione.<\/p>\n<p>Un altro esempio potrebbe essere un blog sulla maternit\u00e0, in cui puoi creare un elenco di cose che tutti i futuri genitori devono ottenere prima dell&#8217;arrivo del bambino.<\/p>\n<p>Puoi creare liste della spesa, liste della spesa, liste di cose da fare, praticamente qualsiasi tipo di lista di controllo che abbia senso per il tuo particolare sito Web o blog.<\/p>\n<p>Come abbiamo detto in precedenza, puoi <strong>facilmente aggiungere una checklist al tuo blog<\/strong> utilizzando il plugin WordPress <a href=\"https:\/\/wordpress.org\/plugins\/frontend-checklist\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Frontend Checklist<\/a>. \u00c8 una soluzione fantastica che adorerai usare.<\/p>\n<p>Le liste di controllo sono tutte pratiche, quindi abbiamo deciso di essere anche pratiche e farti risparmiare tempo ricercando questa eccellente soluzione per te.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/gaidRlk9dXU\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Lista di controllo front-end<\/h2>\n<p>Frontend Checklist \u00e8 un plugin per WordPress per creare liste di controllo HTML o PDF per il tuo sito. \u00c8 un <strong>plugin molto semplice, intuitivo e senza fronzoli<\/strong>. Non \u00e8 particolarmente ricco di funzionalit\u00e0, ma \u00e8 solo perch\u00e9 non ne hai davvero bisogno per fare cos\u00ec tante cose. Hai bisogno di una semplice lista di controllo ed \u00e8 ci\u00f2 che Frontend Checklist ti aiuter\u00e0 a ottenere.<\/p>\n<p>Una cosa grandiosa di questo plugin \u00e8 che <strong>puoi salvare le tue liste di controllo tramite i cookie o nel database<\/strong>. In questo modo, i tuoi visitatori possono accedere alla loro lista di controllo quando tornano sul sito e selezionare o deselezionare elementi aggiuntivi.<\/p>\n<h2>Impostazioni di base e utilizzo<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c6ee74ba.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c6ee74ba.jpg\" alt=\"Come creare una lista di cose da fare con un plugin per l&#039;elenco di controllo di WordPress\"><\/a><\/p>\n<p>La prima cosa da fare, ovviamente, \u00e8 <a href=\"https:\/\/themewp.inform.click\/it\/come-installare-i-plugin-di-wordpress-in-modo-semplice\/\" title=\"installare il plugin\">installare il plugin<\/a> e attivarlo. Una volta che hai risolto tutto, vai su Impostazioni&gt; Elenco di controllo frontend.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c72dc361.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c72dc361.jpg\" alt=\"Come creare una lista di cose da fare con un plugin per l&#039;elenco di controllo di WordPress\"><\/a><\/p>\n<p>Vedrai un semplice pannello delle opzioni, che <strong>contiene diversi codici brevi<\/strong>. L&#8217;unica opzione disponibile qui \u00e8 Nuova lista di controllo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c7631d7f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c7631d7f.jpg\" alt=\"Come creare una lista di cose da fare con un plugin per l&#039;elenco di controllo di WordPress\"><\/a><\/p>\n<p>Fare clic su <strong>Nuova lista di controllo e inserire prima il nome di una lista di controllo<\/strong>. Non preoccuparti, il nome dell&#8217;elenco in realt\u00e0 non apparir\u00e0 sulla tua pagina.<\/p>\n<p>Il <strong>campo Descrizione \u00e8 facoltativo<\/strong>. Anche in questo caso, il testo che inserisci qui non verr\u00e0 visualizzato sulla tua pagina e serve solo per una gestione pi\u00f9 semplice di pi\u00f9 liste di controllo.<\/p>\n<p>La <strong>parte Articoli \u00e8 importante<\/strong>. \u00c8 l\u00ec che inserisci effettivamente gli elementi della tua lista di controllo. Puoi aggiungere fino a 50 elementi, il che \u00e8 pi\u00f9 che sufficiente. I campi aggiuntivi si aprono mentre si scorre l&#8217;elenco e si riempiono i campi dell&#8217;elemento.<\/p>\n<pre><code>&lt;b&gt;<\/code><\/pre>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c79c068c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c79c068c.jpg\" alt=\"Come creare una lista di cose da fare con un plugin per l&#039;elenco di controllo di WordPress\"><\/a><\/p>\n<p>Una volta completata la checklist e inseriti tutti gli elementi, il passo successivo \u00e8, naturalmente, <strong>aggiungerla a una pagina del tuo sito<\/strong>. <strong>Frontend Checklist offre quattro diversi shortcode<\/strong>.<\/p>\n<p>Usa il primo, [frontend-checklist name=&quot;Standard&quot;], per aggiungere una checklist a una pagina Assicurati di sostituire l&#8217;attributo name con il nome della tua checklist attuale.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c7ccff6d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c7ccff6d.jpg\" alt=\"Come creare una lista di cose da fare con un plugin per l&#039;elenco di controllo di WordPress\"><\/a><\/p>\n<p><strong>Copia lo shortcode e incollalo dove vuoi<\/strong>. Abbiamo creato una pagina speciale per la checklist di Travel Packing, abbiamo aggiunto un&#8217;immagine e posizionato la checklist qui sotto.<\/p>\n<p>Puoi anche aggiungere liste di controllo ai widget utilizzando il campo di testo. Ovviamente, fallo solo se ha senso per te inserire la lista di controllo nel tuo pi\u00e8 di pagina o nella barra laterale.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c815aae7.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c815aae7.jpg\" alt=\"Come creare una lista di cose da fare con un plugin per l&#039;elenco di controllo di WordPress\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c84f417c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c84f417c.jpg\" alt=\"Come creare una lista di cose da fare con un plugin per l&#039;elenco di controllo di WordPress\"><\/a><\/p>\n<p>La prossima opzione shortcode \u00e8 &quot;Cookie on\/off&quot; ed \u00e8 estremamente utile. Fondamentalmente, ti aiuta a <strong>impostare se vuoi salvare l&#8217;elenco di controllo per un uso futuro o meno<\/strong>. Se i cookie sono attivi, lo stato della checklist verr\u00e0 salvato per gli utenti che hanno effettuato l&#8217;accesso e potranno riprendere da dove avevano interrotto prima di aggiornare o lasciare la pagina. Se non desideri che questa funzionalit\u00e0 sia abilitata, se desideri visualizzare ogni volta una checklist vuota, disattiva semplicemente i cookie.<\/p>\n<p>[nome elenco di controllo frontend = &quot;Nome elenco di controllo&quot; cookie = &quot;disattivato&quot;]<\/p>\n<p>Puoi anche <strong>impostare la durata del cookie, utilizzando l&#8217;attributo giorni<\/strong>. Aggiungi semplicemente il numero di giorni in cui desideri che i cookie durino e nota che il valore predefinito \u00e8 365 giorni.<\/p>\n<p>[nome elenco di controllo frontend=&#8221;Standard&#8221; giorni=&#8221;180\u2033]<\/p>\n<p>Un&#8217;altra opzione interessante che puoi usare \u00e8 quella di <strong>offrire un link per la versione PDF della tua lista di controllo<\/strong>. In questo modo i tuoi visitatori, una volta completata la checklist, possono salvarla sul proprio computer o stamparla. Ci\u00f2 \u00e8 particolarmente conveniente per le liste della spesa, i bagagli per le vacanze e cos\u00ec via.<\/p>\n<p>Lo shortcode per questo \u00e8 [frontend-checklist name=&#8221;ChecklistName&#8221; type=&#8221;pdf&#8221; title=&#8221;My Checklist&#8221; linktext=&#8221;To the Checklist&#8221;].<\/p>\n<p>Il link per il download si trover\u00e0 sotto l&#8217;elenco di controllo. Puoi modificare il test di collegamento predefinito &quot;All&#8217;elenco di controllo&quot; e sostituirlo con il tuo testo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c8919336.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c8919336.jpg\" alt=\"Come creare una lista di cose da fare con un plugin per l&#039;elenco di controllo di WordPress\"><\/a><\/p>\n<h2>Impostazioni avanzate<\/h2>\n<p>Dopo aver impostato la tua lista di controllo, potresti volerla personalizzare e renderla pi\u00f9 adatta al tuo sito web.<\/p>\n<p>Con il plug-in Frontend Checklist, <strong>per impostazione predefinita, la tua checklist ha le stesse impostazioni degli altri moduli utilizzati sul tuo sito<\/strong>. Ci\u00f2 significa la stessa dimensione del carattere, colore, spaziatura e cos\u00ec via. Grazie a questo, il tuo sito web \u00e8 stilisticamente uniforme, ma se vuoi cambiarlo e far risaltare la tua checklist, \u00e8 possibile anche questo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c8d23815.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c8d23815.jpg\" alt=\"Come creare una lista di cose da fare con un plugin per l&#039;elenco di controllo di WordPress\"><\/a><\/p>\n<p>Se desideri personalizzare l&#8217;aspetto della tua checklist e dei suoi elementi, devi <strong>aggiungere il tag HTML &quot;span&quot; a ciascuno degli elementi e definire la classe<\/strong>. In questo caso, la classe \u00e8 &quot;myclist&quot;, ma puoi, ovviamente, usarne una tua. Facciamo questo per assegnare determinati attributi alla classe, attributi che cambieranno l&#8217;aspetto della tua lista di controllo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c919765b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c919765b.jpg\" alt=\"Come creare una lista di cose da fare con un plugin per l&#039;elenco di controllo di WordPress\"><\/a><\/p>\n<p>Dopo aver inserito i tag HTML, dovrai <strong>definire l&#8217;aspetto degli elementi nella classe &quot;myclist&quot;<\/strong>. Per questo, \u00e8 necessario aggiungere alcune righe di CSS, che \u00e8 molto semplice e non richiede alcuna conoscenza particolare di questo linguaggio. <strong>Pensa all&#8217;aggiunta di CSS come all&#8217;aggiunta di determinati attributi a una classe<\/strong>. Basta seguire questi passaggi:<\/p>\n<p>Vai su Aspetto &gt; Personalizza &gt; CSS aggiuntivo.<\/p>\n<p>Alla tua sinistra vedrai un campo in cui puoi inserire il tuo CSS, nel nostro caso la classe &#8220;myclist&#8221;. Puoi seguire le modifiche in tempo reale nel campo a destra.<\/p>\n<p>Vai al Menu e trova la pagina in cui si trova la tua lista di controllo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c9650fbc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c9650fbc.jpg\" alt=\"Come creare una lista di cose da fare con un plugin per l&#039;elenco di controllo di WordPress\"><\/a><\/p>\n<p>In questo esempio, cambieremo il carattere e le sue propriet\u00e0. Nello specifico, assegneremo sei propriet\u00e0 alla nostra classe:<\/p>\n<ul>\n<li><strong>color<\/strong>: per modificare il colore del carattere degli elementi nella checklist<\/li>\n<li><strong>text-shadow<\/strong>: per aggiungere un tocco 3D ai caratteri. I numeri nel codice definiscono la dimensione dell&#8217;ombra rispetto alla dimensione del carattere. Puoi anche sperimentare con l&#8217;aggiunta di colori diversi alle ombre e ai caratteri.<\/li>\n<li><strong>font-weight<\/strong>: per impostare lo spessore del carattere<\/li>\n<li><strong>font-family<\/strong>: ce ne sono molti disponibili, quindi scegli in base alle tue preferenze<\/li>\n<li><strong>font-size<\/strong>: per impostare la dimensione dei caratteri utilizzati per le voci della checklist<\/li>\n<li><strong>padding<\/strong>: per definire il numero di pixel attorno all&#8217;oggetto stesso. I valori espressi si riferiscono a in alto, a destra, in basso e a sinistra, in quest&#8217;ordine, quindi fai attenzione. Nel nostro esempio, \u00e8 solo il riempimento sinistro, ovvero lo spazio tra la casella e l&#8217;elemento nell&#8217;elenco di controllo.<\/li>\n<\/ul>\n<p>text-shadow: 0,5px 1px arancione;<\/p>\n<p>famiglia di caratteri: &#8216;Comic Sans MS&#8217;, Comic Sans, corsivo;<\/p>\n<p>.myclist { colore: #cc615f; text-shadow: 0,5px 1px arancione; peso del carattere: 600; famiglia di caratteri: &#8216;Comic Sans MS&#8217;, Comic Sans, corsivo; Dimensione carattere: 20px; imbottitura: 0 0 0 10px; }<\/p>\n<pre><code>.myclist {\ncolor: #cc615f;\ntext-shadow: 0.5px 1px orange;\nfont-weight: 600;\nfont-family: 'Comic Sans MS', Comic Sans, cursive;\nFont-size:20px;\npadding: 0 0 0 10px;\n}<\/code><\/pre>\n<p>Nota che devi <strong>prestare molta attenzione alla struttura del tuo codice, se vuoi che tutto vada per il verso giusto<\/strong>. La classe \u00e8 definita come .classname. Ovviamente, probabilmente avrai un nome diverso che utilizzerai invece. <strong>Tutte le propriet\u00e0 sono posizionate tra {}<\/strong>. Gli immobili vengono aggiunti come immobile: descrizione dell&#8217;immobile; e questa \u00e8 la struttura che va assolutamente seguita.<\/p>\n<p>Un&#8217;altra cosa interessante che puoi impostare \u00e8 <strong>rendere gli elementi selezionati diversi da quelli non selezionati per rendere la distinzione ancora pi\u00f9 chiara<\/strong>. Per fare ci\u00f2, aggiungerai propriet\u00e0 alla classe .checked .myclist.<\/p>\n<p>A differenza degli elementi non selezionati, quelli selezionati avranno una decorazione testuale: riga attraverso che barra gli elementi selezionati.<\/p>\n<p>decorazione del testo: line-through;}<\/p>\n<p>.checked .myclist { color:#e4d2b8; peso del carattere: 300; decorazione del testo: line-through;}<\/p>\n<pre><code>.checked .myclist {\ncolor:#e4d2b8;\nfont-weight: 300;\ntext-decoration: line-through;}<\/code><\/pre>\n<p>Il risultato sar\u00e0 simile a questo:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c9950153.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-323779-633e5c9950153.jpg\" alt=\"Come creare una lista di cose da fare con un plugin per l&#039;elenco di controllo di WordPress\"><\/a><\/p>\n<p>Come puoi vedere, \u00e8 tutto molto semplice. Segui semplicemente la struttura del codice, sperimenta, gioca con le propriet\u00e0 e fai risaltare il tuo blog con questa aggiunta interessante e utile.<\/p>\n<h2>Pensieri finali<\/h2>\n<p>Il plug-in Frontend Checklist per WordPress \u00e8 un piccolo strumento utile di cui probabilmente non sapevi nemmeno di aver bisogno. Prendi in considerazione l&#8217;aggiunta di una o due liste di controllo al tuo sito Web per aumentare il coinvolgimento degli utenti e far s\u00ec che i tuoi visitatori tornino di pi\u00f9.<\/p>\n<p>Inoltre, ora che sai quanto \u00e8 facile, assicurati di personalizzare la tua checklist, renderla pi\u00f9 personale e in linea con lo stile del tuo blog. E facci sapere i risultati!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Migliora il tuo blog o sito Web WordPress aggiungendo un elenco di cose da fare con la soluzione eccellente, intuitiva e facile da usare chiamata plug-in Frontend Checklist.<\/p>\n","protected":false},"author":1,"featured_media":364328,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[571],"tags":[846],"class_list":["post-368769","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nozioni-di-base-su-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/368769","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=368769"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/368769\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/364328"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=368769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=368769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=368769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}