{"id":38045,"date":"2023-10-03T15:06:43","date_gmt":"2023-10-03T13:06:43","guid":{"rendered":"https:\/\/www.lemonskin.net\/io\/?p=38045"},"modified":"2026-04-07T16:08:01","modified_gmt":"2026-04-07T14:08:01","slug":"scarti-di-magazzino-della-terra-di-mezzo","status":"publish","type":"post","link":"https:\/\/www.lemonskin.net\/io\/38045\/","title":{"rendered":"Scassettato!"},"content":{"rendered":"\n<p class=\"has-drop-cap\">Questa mattina mi sono svegliato con la meravigliosa notizia che uno dei <em>plugin<\/em> di WordPress che uso maggiormente sul mio blog, Collapse-O-Matic, \u00e8 stato <em>discontinuato<\/em> e a breve sparir\u00e0 dalla faccia della Terra.<\/p>\n\n\n\n<p>Si tratta dei cassettini espandibili che utilizzo in modo massiccio sulle pagine dei <a rel=\"noreferrer noopener\" href=\"https:\/\/www.lemonskin.net\/io\/i-libri-che-ho-letto\/\" data-type=\"page\" data-id=\"15020\" target=\"_blank\">libri<\/a> e dei <a rel=\"noreferrer noopener\" href=\"https:\/\/www.lemonskin.net\/io\/i-videogiochi-a-cui-ho-giocato\/\" data-type=\"page\" data-id=\"1835\" target=\"_blank\">videogiochi<\/a>; ma li uso un po&#8217; ovunque, quando voglio approfondire un argomento senza scrivere chilometri di testo (in realt\u00e0 li scrivo lo stesso chilometri di testo, ma non sono immediatamente visibili).<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>In sostanza questo \u00e8 Collapse-O-Matic:<sup class=\"modern-footnotes-footnote modern-footnotes-footnote--expands-on-desktop \" data-mfn=\"1\" data-mfn-post-scope=\"000000000000073b0000000000000000_38045\"><a href=\"javascript:void(0)\"  role=\"button\" aria-pressed=\"false\" aria-describedby=\"mfn-content-000000000000073b0000000000000000_38045-1\">1<\/a><\/sup><span id=\"mfn-content-000000000000073b0000000000000000_38045-1\" role=\"tooltip\" class=\"modern-footnotes-footnote__note\" tabindex=\"0\" data-mfn=\"1\">Tecnicamente <em>*era*<\/em> Collapse-O-Matic. Dal momento che alla fine ho rimosso il <em>plugin<\/em>, ho dovuto necessariamente sostituirlo con un&#8217;immagine statica (che rende l&#8217;idea di come fosse esteticamente).<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"334\" src=\"https:\/\/www.lemonskin.net\/io\/wp-content\/uploads\/2023\/10\/Collapse-O-Matic-cassetto.png\" alt=\"\" class=\"wp-image-41285\" srcset=\"https:\/\/www.lemonskin.net\/io\/wp-content\/uploads\/2023\/10\/Collapse-O-Matic-cassetto.png 730w, https:\/\/www.lemonskin.net\/io\/wp-content\/uploads\/2023\/10\/Collapse-O-Matic-cassetto-300x137.png 300w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<p>La faccio corta: \u00e8 tutta mattina che sto sperimentando con due tag standard HTML di cui ignoravo l&#8217;esistenza, &lt;details&gt; e &lt;summary&gt;, che sostanzialmente fanno la stessa cosa. Ho investito qualche ora di lavoro e sono arrivato a una soluzione molto simile alla precedente:<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" open><summary>Ciao, sono anch&#8217;io un cassettino espandibile<\/summary>\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" open><summary>Anch&#8217;io sono un cassettino ricorsivo<\/summary>\n<p>Copia di Ciao bella gioia!<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" open><summary>E io pure<\/summary>\n<p>Copia di Ciao cipollino!<\/p>\n<\/details>\n<\/details>\n\n\n\n<details class=\"wp-block-details info is-layout-flow wp-block-details-is-layout-flow\"><summary>Nota<\/summary>\n<p>Se vedi una scritta con un triangolino invece del cassettino, \u00e8 perch\u00e9 il tuo browser ha ancora una vecchia versione del CSS: vuota la cache.<\/p>\n<\/details>\n\n\n\n<p>A livello tecnico sono infinitamente pi\u00f9 comodi da usare, perch\u00e9 esiste un apposito blocco di Gutenberg (l&#8217;editor di WordPress) che permette di modificarli in modalit\u00e0 visuale. Col plugin era tutta una serie di codici HTML. Anche personalizzarli (per esempio gestire i margini, che qui sono pi\u00f9 ottimizzati rispetto al <em>plugin<\/em> che mi faceva uscire pazzo) \u00e8 pi\u00f9 semplice. Inoltre in questo modo ho un&#8217;estesione in meno di cui preoccuparmi, quindi meno complicazioni causate da aggiornamenti errati, mancata compatibilit\u00e0 con nuove versioni di WordPress e fine del supporto da parte dello sviluppatore (come \u00e8 accaduto in questo caso).<\/p>\n\n\n\n<p>Di contro ci sono un po&#8217; di svantaggi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Perdo un po&#8217; di dinamicit\u00e0: i cassettini si aprono e si chiudono all&#8217;improvviso, prima c&#8217;era un simpatico effetto visivo. Ma non \u00e8 importante, posso tranquillamente farne a meno.<\/li>\n\n\n\n<li>Non ho pi\u00f9 la possibilit\u00e0 di aprire automaticamente un cassettino cliccando su un&#8217;ancora HTML. Questo \u00e8 gi\u00e0 pi\u00f9 limitante, perch\u00e9 \u00e8 un sistema che utilizzavo molto frequentemente nelle pagine dei <em>libri<\/em> e dei <em>videogiochi<\/em>. Probabilmente si potrebbe replicare con una funzione JavaScript, ma per il momento non \u00e8 fondamentale.<\/li>\n\n\n\n<li>Ho centinaia di articoli da aggiornare: bisogna sostituire il vecchio codice con quello nuovo (e nelle pagine dei <em>libri<\/em> e dei <em>videogiochi<\/em> ci sono centinaia di cassettini!). Questo mi porter\u00e0 via settimane.<\/li>\n<\/ul>\n\n\n\n<p>Vabb\u00e8, comincio. Non sono da escludersi casini pi\u00f9 o meno importanti durante la lettura degli articoli fino a quando non avr\u00f2 terminato i lavori.<\/p>\n\n\n\n<p>Esiste un Santo dispensatore di infinita pazienza? Ne avrei decisamente bisogno&#8230;<\/p>\n\n\n\n<div class=\"wp-block-getwid-anchor\" id=\"aggiornamento\"><\/div>\n\n\n\n<details class=\"wp-block-details aggiornamento is-layout-flow wp-block-details-is-layout-flow\" open><summary>Aggiornamento: 9 ottobre 2023<\/summary>\n<p>Ho finalmente terminato i lavori: il sito \u00e8 nuovamente operativo al 100%.<\/p>\n\n\n\n<p>Non solo, mi sono anche sbizzarrito a creare differenti stili di cassetti a seconda delle esigenze.<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" open><summary>Cassetti speciali<\/summary>\n<details class=\"wp-block-details info is-layout-flow wp-block-details-is-layout-flow\"><summary>Io sono un cassettino Info<\/summary>\n<p>Contengo informazioni utili come spiegazioni dettagliate e tutorial. Sono speciale, per questo ho un&#8217;iconcina.<\/p>\n\n\n\n<p>Questo \u00e8 un <a href=\"#null\">link<\/a>.<sup class=\"modern-footnotes-footnote modern-footnotes-footnote--expands-on-desktop \" data-mfn=\"2\" data-mfn-post-scope=\"000000000000073b0000000000000000_38045\"><a href=\"javascript:void(0)\"  role=\"button\" aria-pressed=\"false\" aria-describedby=\"mfn-content-000000000000073b0000000000000000_38045-2\">2<\/a><\/sup><span id=\"mfn-content-000000000000073b0000000000000000_38045-2\" role=\"tooltip\" class=\"modern-footnotes-footnote__note\" tabindex=\"0\" data-mfn=\"2\">Questa \u00e8 una nota con un <a href=\"#null\">link<\/a> all&#8217;interno.<\/span><\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details aggiornamento is-layout-flow wp-block-details-is-layout-flow\"><summary>Io sono un cassettino Aggiornamento<\/summary>\n<p>Contengo informazioni sugli aggiornamenti di un articolo. Sono speciale, per questo ho un&#8217;iconcina.<\/p>\n\n\n\n<p>Questo \u00e8 un <a href=\"#null\">link<\/a>.<sup class=\"modern-footnotes-footnote modern-footnotes-footnote--expands-on-desktop \" data-mfn=\"3\" data-mfn-post-scope=\"000000000000073b0000000000000000_38045\"><a href=\"javascript:void(0)\"  role=\"button\" aria-pressed=\"false\" aria-describedby=\"mfn-content-000000000000073b0000000000000000_38045-3\">3<\/a><\/sup><span id=\"mfn-content-000000000000073b0000000000000000_38045-3\" role=\"tooltip\" class=\"modern-footnotes-footnote__note\" tabindex=\"0\" data-mfn=\"3\">Questa \u00e8 una nota con un <a href=\"#null\">link<\/a> all&#8217;interno.<\/span><\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details antiquato is-layout-flow wp-block-details-is-layout-flow\"><summary>Io sono un cassettino Antiquato<\/summary>\n<p>Segnalo quando un articolo \u00e8 obsoleto. Sono speciale, per questo ho un&#8217;iconcina.<\/p>\n\n\n\n<p>Questo \u00e8 un <a href=\"#null\">link<\/a>.<sup class=\"modern-footnotes-footnote modern-footnotes-footnote--expands-on-desktop \" data-mfn=\"4\" data-mfn-post-scope=\"000000000000073b0000000000000000_38045\"><a href=\"javascript:void(0)\"  role=\"button\" aria-pressed=\"false\" aria-describedby=\"mfn-content-000000000000073b0000000000000000_38045-4\">4<\/a><\/sup><span id=\"mfn-content-000000000000073b0000000000000000_38045-4\" role=\"tooltip\" class=\"modern-footnotes-footnote__note\" tabindex=\"0\" data-mfn=\"4\">Questa \u00e8 una nota con un <a href=\"#null\">link<\/a> all&#8217;interno.<\/span><\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details alert is-layout-flow wp-block-details-is-layout-flow\"><summary>Io sono un cassettino Alert<\/summary>\n<p>Contengo informazioni molto importanti, come warning e spoiler. Sono speciale, per questo ho un&#8217;iconcina.<\/p>\n\n\n\n<p>Questo \u00e8 un <a href=\"#null\">link<\/a>.<sup class=\"modern-footnotes-footnote modern-footnotes-footnote--expands-on-desktop \" data-mfn=\"5\" data-mfn-post-scope=\"000000000000073b0000000000000000_38045\"><a href=\"javascript:void(0)\"  role=\"button\" aria-pressed=\"false\" aria-describedby=\"mfn-content-000000000000073b0000000000000000_38045-5\">5<\/a><\/sup><span id=\"mfn-content-000000000000073b0000000000000000_38045-5\" role=\"tooltip\" class=\"modern-footnotes-footnote__note\" tabindex=\"0\" data-mfn=\"5\">Questa \u00e8 una nota con un <a href=\"#null\">link<\/a> all&#8217;interno.<\/span><\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details domanda is-layout-flow wp-block-details-is-layout-flow\"><summary>Io sono un cassettino Domanda<\/summary>\n<p>Contengo domande e risposte. Sono speciale, per questo ho un&#8217;iconcina. Inoltre ho il titolo allineato a sinistra.<\/p>\n\n\n\n<p>Questo \u00e8 un <a href=\"#null\">link<\/a>.<sup class=\"modern-footnotes-footnote modern-footnotes-footnote--expands-on-desktop \" data-mfn=\"6\" data-mfn-post-scope=\"000000000000073b0000000000000000_38045\"><a href=\"javascript:void(0)\"  role=\"button\" aria-pressed=\"false\" aria-describedby=\"mfn-content-000000000000073b0000000000000000_38045-6\">6<\/a><\/sup><span id=\"mfn-content-000000000000073b0000000000000000_38045-6\" role=\"tooltip\" class=\"modern-footnotes-footnote__note\" tabindex=\"0\" data-mfn=\"6\">Questa \u00e8 una nota con un <a href=\"#null\">link<\/a> all&#8217;interno.<\/span><\/p>\n<\/details>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" open><summary>Cassetti normali<\/summary>\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Io sono un cassettino normale<\/summary>\n<p>Non ho niente di speciale.<\/p>\n\n\n\n<p>Questo \u00e8 un <a href=\"#null\">link<\/a>.<sup class=\"modern-footnotes-footnote modern-footnotes-footnote--expands-on-desktop \" data-mfn=\"7\" data-mfn-post-scope=\"000000000000073b0000000000000000_38045\"><a href=\"javascript:void(0)\"  role=\"button\" aria-pressed=\"false\" aria-describedby=\"mfn-content-000000000000073b0000000000000000_38045-7\">7<\/a><\/sup><span id=\"mfn-content-000000000000073b0000000000000000_38045-7\" role=\"tooltip\" class=\"modern-footnotes-footnote__note\" tabindex=\"0\" data-mfn=\"7\">Questa \u00e8 una nota con un <a href=\"#null\">link<\/a> all&#8217;interno.<\/span><\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details blu is-layout-flow wp-block-details-is-layout-flow\"><summary>Io sono un cassettino blu<\/summary>\n<p>Questo \u00e8 un <a href=\"#null\">link<\/a>.<sup class=\"modern-footnotes-footnote modern-footnotes-footnote--expands-on-desktop \" data-mfn=\"8\" data-mfn-post-scope=\"000000000000073b0000000000000000_38045\"><a href=\"javascript:void(0)\"  role=\"button\" aria-pressed=\"false\" aria-describedby=\"mfn-content-000000000000073b0000000000000000_38045-8\">8<\/a><\/sup><span id=\"mfn-content-000000000000073b0000000000000000_38045-8\" role=\"tooltip\" class=\"modern-footnotes-footnote__note\" tabindex=\"0\" data-mfn=\"8\">Questa \u00e8 una nota con un <a href=\"#null\">link<\/a> all&#8217;interno.<\/span><\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details verde is-layout-flow wp-block-details-is-layout-flow\"><summary>Io sono un cassettino verde<\/summary>\n<p>Questo \u00e8 un <a href=\"#null\">link<\/a>.<sup class=\"modern-footnotes-footnote modern-footnotes-footnote--expands-on-desktop \" data-mfn=\"9\" data-mfn-post-scope=\"000000000000073b0000000000000000_38045\"><a href=\"javascript:void(0)\"  role=\"button\" aria-pressed=\"false\" aria-describedby=\"mfn-content-000000000000073b0000000000000000_38045-9\">9<\/a><\/sup><span id=\"mfn-content-000000000000073b0000000000000000_38045-9\" role=\"tooltip\" class=\"modern-footnotes-footnote__note\" tabindex=\"0\" data-mfn=\"9\">Questa \u00e8 una nota con un <a href=\"#null\">link<\/a> all&#8217;interno.<\/span><\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details giallo is-layout-flow wp-block-details-is-layout-flow\"><summary>Io sono un cassettino giallo<\/summary>\n<p>Questo \u00e8 un <a href=\"#null\">link<\/a>.<sup class=\"modern-footnotes-footnote modern-footnotes-footnote--expands-on-desktop \" data-mfn=\"10\" data-mfn-post-scope=\"000000000000073b0000000000000000_38045\"><a href=\"javascript:void(0)\"  role=\"button\" aria-pressed=\"false\" aria-describedby=\"mfn-content-000000000000073b0000000000000000_38045-10\">10<\/a><\/sup><span id=\"mfn-content-000000000000073b0000000000000000_38045-10\" role=\"tooltip\" class=\"modern-footnotes-footnote__note\" tabindex=\"0\" data-mfn=\"10\">Questa \u00e8 una nota con un <a href=\"#null\">link<\/a> all&#8217;interno.<\/span><\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details rosso is-layout-flow wp-block-details-is-layout-flow\"><summary>Io sono un cassettino rosso<\/summary>\n<p>Sono simile al cassetto Alert, ma ho il bordo pi\u00f9 sottile, non ho l&#8217;iconcina e il mio contenuto \u00e8 rosso.<\/p>\n\n\n\n<p>Questo \u00e8 un <a href=\"#null\">link<\/a>.<sup class=\"modern-footnotes-footnote modern-footnotes-footnote--expands-on-desktop \" data-mfn=\"11\" data-mfn-post-scope=\"000000000000073b0000000000000000_38045\"><a href=\"javascript:void(0)\"  role=\"button\" aria-pressed=\"false\" aria-describedby=\"mfn-content-000000000000073b0000000000000000_38045-11\">11<\/a><\/sup><span id=\"mfn-content-000000000000073b0000000000000000_38045-11\" role=\"tooltip\" class=\"modern-footnotes-footnote__note\" tabindex=\"0\" data-mfn=\"11\">Questa \u00e8 una nota con un <a href=\"#null\">link<\/a> all&#8217;interno.<\/span><\/p>\n<\/details>\n<\/details>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>Questa mattina mi sono svegliato con la meravigliosa notizia che uno dei plugin di WordPress che uso maggiormente sul mio blog, Collapse-O-Matic, \u00e8 stato discontinuato e a breve sparir\u00e0 dalla faccia della Terra. Si tratta dei cassettini espandibili che utilizzo in modo massiccio sulle pagine dei libri e dei videogiochi; ma li uso un po&#8217;&hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","jetpack_post_was_ever_published":true,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2],"tags":[47,111362],"class_list":["post-38045","post","type-post","status-publish","format-standard","hentry","category-sito-web","tag-aggiornamenti","tag-lrx"],"acf":[],"author_meta":{"display_name":"lock","author_link":"https:\/\/www.lemonskin.net\/io\/author\/lock\/"},"featured_img":null,"jetpack_featured_media_url":"","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/www.lemonskin.net\/io\/category\/sito-web\/\" class=\"advgb-post-tax-term\">sito web<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">sito web<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/www.lemonskin.net\/io\/category\/sito-web\/\" class=\"advgb-post-tax-term\">aggiornamenti<\/a>","<a href=\"https:\/\/www.lemonskin.net\/io\/category\/sito-web\/\" class=\"advgb-post-tax-term\">lrx<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">aggiornamenti<\/span>","<span class=\"advgb-post-tax-term\">lrx<\/span>"]}},"comment_count":"2","relative_dates":{"created":"Pubblicato 3 anni fa","modified":"Aggiornato 6 giorni fa"},"absolute_dates":{"created":"Pubblicato il 3 Ottobre 2023","modified":"Aggiornato il 7 Aprile 2026"},"absolute_dates_time":{"created":"Pubblicato il 3 Ottobre 2023 15:06","modified":"Aggiornato il 7 Aprile 2026 16:08"},"featured_img_caption":"","series_order":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts\/38045","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/comments?post=38045"}],"version-history":[{"count":1,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts\/38045\/revisions"}],"predecessor-version":[{"id":49082,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts\/38045\/revisions\/49082"}],"wp:attachment":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/media?parent=38045"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/categories?post=38045"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/tags?post=38045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}