{"id":853,"date":"2021-01-14T22:27:32","date_gmt":"2021-01-14T21:27:32","guid":{"rendered":"https:\/\/hizi.it\/web\/?p=853"},"modified":"2021-01-15T00:21:37","modified_gmt":"2021-01-14T23:21:37","slug":"ti-diamo-il-benvenuto-nelleditor-gutenberg","status":"publish","type":"post","link":"https:\/\/hizi.it\/web\/aggiornamenti\/ti-diamo-il-benvenuto-nelleditor-gutenberg\/","title":{"rendered":"Ti diamo il benvenuto nell&#8217;editor Gutenberg"},"content":{"rendered":"\n<div class=\"wp-block-cover has-background-dim alignwide\" style=\"background-image:url(https:\/\/cldup.com\/Fz-ASbo2s3.jpg)\"><div class=\"wp-block-cover__inner-container\">\n<p class=\"has-text-align-center has-large-font-size\">Di montagne e macchine da stampa<\/p>\n<\/div><\/div>\n\n\n\n<p>L&#8217;obiettivo di questo nuovo editor \u00e8 di rendere l&#8217;aggiunta di contenuto con formattazione avanzata in WordPress semplice e piacevole. L&#8217;intero articolo \u00e8 composto da <em>pezzi di  contenuto<\/em> \u2014un po&#8217; simili ai mattoncini LEGO\u2014 che puoi muovere e con cui puoi interagire. Muovi il puntatore e noterai i vari blocchi evidenziarsi con bordi e frecce. Premi le frecce per riposizionare velocemente i blocchi, evitando la paura di perdere qualcosa durante il copia e incolla.<\/p>\n\n\n\n<p>Quello che stai leggendo adesso \u00e8 un <strong>blocco di testo<\/strong> il pi\u00f9 semplice di tutti i blocchi. Il blocco di testo ha le sue opzioni per essere liberamente mosso nell&#8217;articolo&#8230;<\/p>\n\n\n\n<p class=\"has-text-align-right\">&#8230; come questo, allineato a destra.<\/p>\n\n\n\n<p>Anche i titoli sono blocchi separati, i quali aiutano a strutturare e organizzare il tuo contenuto.<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"Un%E2%80%99immagine_vale_piu_di_mille_parole\"><\/span>Un&#8217;immagine vale pi\u00f9 di mille parole<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Gestire immagini e media con la massima attenzione \u00e8 un obiettivo primario del nuovo editor. Speriamo che troverai gli aspetti di aggiungere didascalie o di rendere le tue foto a larghezza piena pi\u00f9 facili e solidi di prima.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/cldup.com\/cXyG__fTLN.jpg\" alt=\"Panorama stupendo\"\/><figcaption>Se il tuo tema lo supporta vedrai un pulsante &#8220;larghezza ampia&#8221; nella barra degli strumenti dell&#8217;immagine. Provalo.<\/figcaption><\/figure><\/div>\n\n\n\n<p>Prova a selezionare e rimuovere o modificare la didascalia, ora non devi pi\u00f9 stare attento nel selezionare l&#8217;immagine o altro testo per errore e rovinarne la presentazione.<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"Lo_strumento_di_inserimento\"><\/span>Lo strumento di <em>inserimento<\/em><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Immagina che tutto quello che WordPress pu\u00f2 fare sia disponibile velocemente e nella stessa posizione dell&#8217;interfaccia. Nessuna necessit\u00e0 di capire tag HTML e classi o ricordare le complicate sintassi dei shortcode. \u00c8 l&#8217;anima che sta dietro allo strumento di inserimento \u2014il pulsante <code>(+)<\/code> che vedi vicino all&#8217;editor\u2014 che ti permette di scorrere tutti i blocchi di contenuto disponibili e aggiungerli nel tuo articolo. Plugin e temi possono registrare i loro propri blocchi, offrendo cos\u00ec ogni tipo di possibilit\u00e0 per formattazioni avanzate e pubblicazione.<\/p>\n\n\n\n<p>Provalo, potresti scoprire cosa WordPress pu\u00f2 gi\u00e0 aggiungere nei tuoi articoli che non ti aspetti. Ecco un elenco di cosa puoi trovare in questo momento:<\/p>\n\n\n\n<ul><li>Testi e titoli<\/li><li>Immagini e video<\/li><li>Gallerie<\/li><li>Oggetti da incorporare come YouTube, Tweet o altri articoli di WordPress.<\/li><li>Blocchi di layout come pulsanti, immagini a tutto schermo (hero), separatori, ecc ecc.<\/li><li>Ed <em>elenchi<\/em> come questo naturalmente \ud83d\ude42<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"Modifiche_visuali\"><\/span>Modifiche visuali<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Un enorme beneficio dei blocchi \u00e8 che puoi modificarli dove sono e modificare il tuo contenuto direttamente. Invece di avere campi per modificare cose come la fonte di una citazione o il testo di un pulsante, puoi cambiare direttamente il contenuto. Prova a modificare la citazione seguente:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>L&#8217;editor prover\u00e0 a creare una nuova esperienza di costruzione di pagine e articoli che agevoler\u00e0 la scrittura di articoli con formattazione avanzata, e con i \u201cblocchi\u201d render\u00e0 semplice quello che oggi \u00e8 ottenuto con shortcode, HTML personalizzato ed embed discovery di \u201cprovenienza incerta\u201d.<\/p><cite>Matt Mullenweg, 2017<\/cite><\/blockquote>\n\n\n\n<p>L&#8217;informazione corrispondente alla fonte della citazione \u00e8 un campo di testo separato, simile alle didascalie sotto le immagini, cos\u00ec la struttura della citazione \u00e8 protetta anche se selezioni, modifichi o rimuovi la fonte. \u00c8 sempre facile aggiungerla di nuovo.<\/p>\n\n\n\n<p>I blocchi possono essere qualsiasi cosa di cui hai bisogno. Per esempio potresti voler aggiungere una citazione non invasiva come parte della composizione del tuo testo, oppure potresti preferire visualizzarne una gigante. Tutte queste opzioni sono disponibili con lo strumento di inserimento.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img src=\"https:\/\/cldup.com\/n0g6ME5VKC.jpg\" alt=\"\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img src=\"https:\/\/cldup.com\/ZjESfxPI3R.jpg\" alt=\"\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img src=\"https:\/\/cldup.com\/EKNF8xD2UM.jpg\" alt=\"\"\/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p>Puoi cambiare la quantit\u00e0 di colonne delle tue gallerie trascinando un selettore nella gestione del blocco della barra laterale.<\/p>\n\n\n\n<h2><span class=\"ez-toc-section\" id=\"Formattazione_avanzata_dei_media\"><\/span>Formattazione avanzata dei media<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Se combini i nuovi allineamenti <strong>a larghezza ampia<\/strong> e <strong>a larghezza piena<\/strong> con le gallerie, puoi creare un layout multimediale molto avanzato, molto velocemente:<\/p>\n\n\n\n<figure class=\"wp-block-image alignfull\"><img src=\"https:\/\/cldup.com\/8lhI-gKnI2.jpg\" alt=\"L'accessibilit\u00e0 \u00e8 importante \u2014 non dimenticare l'attributo alt dell'immagine\"\/><\/figure>\n\n\n\n<p>Certo, l&#8217;immagine a larghezza piena pu\u00f2 essere molto grande. Ma qualche volta l&#8217;immagine lo merita.<\/p>\n\n\n\n<figure class=\"wp-block-gallery alignwide columns-2 is-cropped\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img src=\"https:\/\/cldup.com\/_rSwtEeDGD.jpg\" alt=\"\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img src=\"https:\/\/cldup.com\/L-cC3qX2DN.jpg\" alt=\"\"\/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p>Quella sopra \u00e8 una galleria con sole due immagini. \u00c8 un modo facile di creare layout ad impatto visivo, senza dover combattere con i float. Puoi anche riconvertire facilmente la galleria in immagini individuali, utilizzando la funzione di cambio blocco.<\/p>\n\n\n\n<p>Qualsiasi blocco pu\u00f2 usufruire di questi allineamenti. Anche i blocchi incorporati hanno i loro e sono gi\u00e0 predisposti per essere responsivi:<\/p>\n\n\n\n<figure class=\"wp-block-embed alignwide is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"The Mountain\" src=\"https:\/\/player.vimeo.com\/video\/22439234?dnt=1&amp;app_id=122963\" width=\"500\" height=\"281\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Puoi sviluppare qualsiasi blocco tu voglia, statico o dinamico, decorativo o semplice. Ecco il blocco di una citazione in evidenza:<\/p>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>Il codice \u00e8 poesia<\/p><cite>La comunit\u00e0 di WordPress<\/cite><\/blockquote><\/figure>\n\n\n\n<p class=\"has-text-align-center\">\n\t<em>\n\t\tSe vuoi imparare di pi\u00f9 su come sviluppare blocchi aggiuntivi o sei interessato a dare una mano al progetto, vai al <a href=\"https:\/\/github.com\/WordPress\/gutenberg\">repository su GitHub<\/a>.\t<\/em>\n<\/p>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link\" href=\"https:\/\/github.com\/WordPress\/gutenberg\">Aiuta a costruire Gutenberg<\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"has-text-align-center\">Grazie per aver testato Gutenberg!<\/p>\n\n\n\n<p class=\"has-text-align-center\">\ud83d\udc4b<\/p>\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_15 counter-hierarchy counter-decimal ez-toc-grey\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">sommario<\/p>\n<span class=\"ez-toc-title-toggle\"><a class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" style=\"display: none;\"><i class=\"ez-toc-glyphicon ez-toc-icon-toggle\"><\/i><\/a><\/span><\/div>\n<nav><ul class=\"ez-toc-list ez-toc-list-level-1\"><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/hizi.it\/web\/aggiornamenti\/ti-diamo-il-benvenuto-nelleditor-gutenberg\/#Un%E2%80%99immagine_vale_piu_di_mille_parole\" title=\"Un&#8217;immagine vale pi\u00f9 di mille parole\">Un&#8217;immagine vale pi\u00f9 di mille parole<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/hizi.it\/web\/aggiornamenti\/ti-diamo-il-benvenuto-nelleditor-gutenberg\/#Lo_strumento_di_inserimento\" title=\"Lo strumento di inserimento\">Lo strumento di inserimento<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/hizi.it\/web\/aggiornamenti\/ti-diamo-il-benvenuto-nelleditor-gutenberg\/#Modifiche_visuali\" title=\"Modifiche visuali\">Modifiche visuali<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/hizi.it\/web\/aggiornamenti\/ti-diamo-il-benvenuto-nelleditor-gutenberg\/#Formattazione_avanzata_dei_media\" title=\"Formattazione avanzata dei media\">Formattazione avanzata dei media<\/a><\/li><\/ul><\/nav><\/div>\n","protected":false},"excerpt":{"rendered":"<p class=\"qua-blog-post-description\">L&#8217;obiettivo di questo nuovo editor \u00e8 di rendere l&#8217;aggiunta di contenuto con formattazione avanzata in WordPress semplice e piacevole. L&#8217;intero articolo \u00e8 composto da pezzi di contenuto \u2014un po&#8217; simili ai mattoncini LEGO\u2014 che puoi muovere e con cui puoi interagire. Muovi il puntatore e noterai i vari blocchi evidenziarsi con bordi e frecce. Premi [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/hizi.it\/web\/wp-json\/wp\/v2\/posts\/853"}],"collection":[{"href":"https:\/\/hizi.it\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hizi.it\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hizi.it\/web\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/hizi.it\/web\/wp-json\/wp\/v2\/comments?post=853"}],"version-history":[{"count":3,"href":"https:\/\/hizi.it\/web\/wp-json\/wp\/v2\/posts\/853\/revisions"}],"predecessor-version":[{"id":874,"href":"https:\/\/hizi.it\/web\/wp-json\/wp\/v2\/posts\/853\/revisions\/874"}],"wp:attachment":[{"href":"https:\/\/hizi.it\/web\/wp-json\/wp\/v2\/media?parent=853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hizi.it\/web\/wp-json\/wp\/v2\/categories?post=853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hizi.it\/web\/wp-json\/wp\/v2\/tags?post=853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}