[{"data":1,"prerenderedAt":337},["ShallowReactive",2],{"componenti-media":3},{"id":4,"title":5,"body":6,"description":324,"extension":28,"meta":325,"navigation":331,"path":332,"published":331,"seo":333,"sitemap":334,"stem":335,"__hash__":336},"docs\u002Fdocs\u002Fcomponenti\u002Fmedia.md","Immagini e video",{"type":7,"value":8,"toc":315},"minimark",[9,14,23,77,82,91,95,101,149,152,155,184,188,194,226,230,235,242,246,253,257,263,295,299,311],[10,11,13],"h2",{"id":12},"aggiungere-unimmagine-con-didascalia","Aggiungere un'immagine con didascalia",[15,16,17,18,22],"p",{},"Usa ",[19,20,21],"code",{},"image-caption"," quando vuoi mostrare una sola immagine con una breve spiegazione sotto.",[24,25,30],"pre",{"className":26,"code":27,"language":28,"meta":29,"style":29},"language-md shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","::image-caption\n---\nsrc: \u002Farts\u002Fcmm-81-counterspell.webp\nalt: \"Counterspell\"\ncaption: \"Una didascalia esplicativa sotto l'immagine\"\n---\n::\n","md","",[19,31,32,41,48,54,60,66,71],{"__ignoreMap":29},[33,34,37],"span",{"class":35,"line":36},"line",1,[33,38,40],{"class":39},"sTEyZ","::image-caption\n",[33,42,44],{"class":35,"line":43},2,[33,45,47],{"class":46},"sMK4o","---\n",[33,49,51],{"class":35,"line":50},3,[33,52,53],{"class":39},"src: \u002Farts\u002Fcmm-81-counterspell.webp\n",[33,55,57],{"class":35,"line":56},4,[33,58,59],{"class":39},"alt: \"Counterspell\"\n",[33,61,63],{"class":35,"line":62},5,[33,64,65],{"class":39},"caption: \"Una didascalia esplicativa sotto l'immagine\"\n",[33,67,69],{"class":35,"line":68},6,[33,70,47],{"class":46},[33,72,74],{"class":35,"line":73},7,[33,75,76],{"class":39},"::\n",[21,78],{"alt":79,"caption":80,"src":81},"Counterspell","Una didascalia esplicativa sotto l'immagine","\u002Farts\u002Fcmm-81-counterspell.webp",[83,84,85],"note",{},[15,86,87,90],{},[19,88,89],{},"alt"," descrive l'immagine a chi non può vederla: scrivilo sempre.",[10,92,94],{"id":93},"mostrare-più-immagini-in-un-carosello","Mostrare più immagini in un carosello",[15,96,17,97,100],{},[19,98,99],{},"image-carousel"," per foto di mazzi o per più angolazioni di una carta fisica. Il lettore scorre le immagini una alla volta.",[24,102,104],{"className":26,"code":103,"language":28,"meta":29,"style":29},"::image-carousel\n---\nimages:\n  - \u002Farts\u002Fcmm-81-counterspell.webp\n  - src: \u002Fsets\u002Flord-of-the-rings.webp\n    alt: \"Lord of the Rings\"\n---\n::\n",[19,105,106,111,115,120,128,135,140,144],{"__ignoreMap":29},[33,107,108],{"class":35,"line":36},[33,109,110],{"class":39},"::image-carousel\n",[33,112,113],{"class":35,"line":43},[33,114,47],{"class":46},[33,116,117],{"class":35,"line":50},[33,118,119],{"class":39},"images:\n",[33,121,122,125],{"class":35,"line":56},[33,123,124],{"class":46},"  -",[33,126,127],{"class":39}," \u002Farts\u002Fcmm-81-counterspell.webp\n",[33,129,130,132],{"class":35,"line":62},[33,131,124],{"class":46},[33,133,134],{"class":39}," src: \u002Fsets\u002Flord-of-the-rings.webp\n",[33,136,137],{"class":35,"line":68},[33,138,139],{"class":39},"    alt: \"Lord of the Rings\"\n",[33,141,142],{"class":35,"line":73},[33,143,47],{"class":39},[33,145,147],{"class":35,"line":146},8,[33,148,76],{"class":39},[99,150],{":images":151},"[\"\u002Farts\u002Fcmm-81-counterspell.webp\",{\"src\":\"\u002Fsets\u002Flord-of-the-rings.webp\",\"alt\":\"Lord of the Rings\"}]",[15,153,154],{},"Ogni immagine si può scrivere in due modi:",[156,157,158,166],"ul",{},[159,160,161,162,165],"li",{},"solo il percorso, se non ti serve altro (",[19,163,164],{},"- \u002Farts\u002Fcmm-81-counterspell.webp",");",[159,167,168,169,172,173,175,176,179,180,183],{},"con ",[19,170,171],{},"src"," e ",[19,174,89],{},", per aggiungere la descrizione (",[19,177,178],{},"- src: ..."," e sotto ",[19,181,182],{},"alt: ...",").",[10,185,187],{"id":186},"inserire-un-video-youtube","Inserire un video YouTube",[15,189,17,190,193],{},[19,191,192],{},"video-embed"," per far guardare il video direttamente nella pagina. Il lettore vede la miniatura e preme per avviarlo.",[24,195,197],{"className":26,"code":196,"language":28,"meta":29,"style":29},"::video-embed\n---\nurl: https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=fVY4Qyg4ozo\ntitle: Notiziario Pauper 23 gennaio 2022\n---\n::\n",[19,198,199,204,208,213,218,222],{"__ignoreMap":29},[33,200,201],{"class":35,"line":36},[33,202,203],{"class":39},"::video-embed\n",[33,205,206],{"class":35,"line":43},[33,207,47],{"class":46},[33,209,210],{"class":35,"line":50},[33,211,212],{"class":39},"url: https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=fVY4Qyg4ozo\n",[33,214,215],{"class":35,"line":56},[33,216,217],{"class":39},"title: Notiziario Pauper 23 gennaio 2022\n",[33,219,220],{"class":35,"line":62},[33,221,47],{"class":46},[33,223,224],{"class":35,"line":68},[33,225,76],{"class":39},[192,227],{"title":228,"url":229},"Notiziario Pauper 23 gennaio 2022","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=fVY4Qyg4ozo",[231,232,234],"h3",{"id":233},"far-partire-il-video-da-un-punto-preciso","Far partire il video da un punto preciso",[15,236,237,238,241],{},"Se l'indirizzo contiene un tempo (per esempio ",[19,239,240],{},"&t=50s","), il video parte da quel momento.",[231,243,245],{"id":244},"inserire-una-playlist","Inserire una playlist",[15,247,248,249,252],{},"Al posto del video scrivi l'indirizzo della playlist: ",[19,250,251],{},"https:\u002F\u002Fwww.youtube.com\u002Fplaylist?list=...",". Il lettore riproduce la lista.",[10,254,256],{"id":255},"segnalare-un-video-con-una-scheda","Segnalare un video con una scheda",[15,258,17,259,262],{},[19,260,261],{},"video-preview"," per consigliare un video correlato, di solito a fine articolo. È una scheda compatta con la miniatura: chi la preme va su YouTube, in un'altra scheda del browser, senza vedere il video nella pagina.",[24,264,266],{"className":26,"code":265,"language":28,"meta":29,"style":29},"::video-preview\n---\nurl: https:\u002F\u002Fyoutu.be\u002FuLo23nq_4bQ\ntitle: Titolo del video\n---\n::\n",[19,267,268,273,277,282,287,291],{"__ignoreMap":29},[33,269,270],{"class":35,"line":36},[33,271,272],{"class":39},"::video-preview\n",[33,274,275],{"class":35,"line":43},[33,276,47],{"class":46},[33,278,279],{"class":35,"line":50},[33,280,281],{"class":39},"url: https:\u002F\u002Fyoutu.be\u002FuLo23nq_4bQ\n",[33,283,284],{"class":35,"line":56},[33,285,286],{"class":39},"title: Titolo del video\n",[33,288,289],{"class":35,"line":62},[33,290,47],{"class":46},[33,292,293],{"class":35,"line":68},[33,294,76],{"class":39},[261,296],{"title":297,"url":298},"Titolo del video","https:\u002F\u002Fyoutu.be\u002FuLo23nq_4bQ",[300,301,302],"tip",{},[15,303,304,305,307,308,310],{},"Vuoi che il lettore guardi il video senza uscire dall'articolo? Usa ",[19,306,192],{},". Vuoi solo rimandare a un video? Usa ",[19,309,261],{},".",[312,313,314],"style",{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":29,"searchDepth":43,"depth":50,"links":316},[317,318,319,323],{"id":12,"depth":43,"text":13},{"id":93,"depth":43,"text":94},{"id":186,"depth":43,"text":187,"children":320},[321,322],{"id":233,"depth":50,"text":234},{"id":244,"depth":50,"text":245},{"id":255,"depth":43,"text":256},"Come inserire negli articoli un'immagine con didascalia, un carosello, un video YouTube o una scheda che rimanda a un video.",{"readingTime":326},{"text":327,"minutes":328,"time":329,"words":330},"2 min read",1.17,70200,234,true,"\u002Fdocs\u002Fcomponenti\u002Fmedia",{"title":5,"description":324},{"loc":332},"docs\u002Fcomponenti\u002Fmedia","qObC1WPtWoRm55Baajn5oWdRya8U5oq0gtttONtgBYg",1793451519949]