{"id":210,"date":"2025-11-19T16:45:59","date_gmt":"2025-11-19T15:45:59","guid":{"rendered":"http:\/\/www.unaltrabrusciano.it\/sblog\/?p=210"},"modified":"2025-11-19T16:47:09","modified_gmt":"2025-11-19T15:47:09","slug":"ti-diamo-il-benvenuto-nelleditor-gutenberg","status":"publish","type":"post","link":"http:\/\/www.unaltrabrusciano.it\/sblog\/index.php\/2025\/11\/19\/ti-diamo-il-benvenuto-nelleditor-gutenberg\/","title":{"rendered":"Ti diamo il benvenuto nell’editor Gutenberg"},"content":{"rendered":"\n
<\/span>
\n

Di montagne e macchine da stampa<\/p>\n<\/div><\/div>\n\n\n\n

L’obiettivo di questo nuovo editor \u00e8 di rendere l’aggiunta di contenuto con formattazione avanzata in WordPress semplice e piacevole. L’intero articolo \u00e8 composto da pezzi di contenuto<\/em> \u2014un po’ 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

Quello che stai leggendo adesso \u00e8 un 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’articolo…<\/p>\n\n\n\n

… come questo, allineato a destra.<\/p>\n\n\n\n

Anche i titoli sono blocchi separati, i quali aiutano a strutturare e organizzare il tuo contenuto.<\/p>\n\n\n\n

Un’immagine vale pi\u00f9 di mille parole<\/h2>\n\n\n\n

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
\"Panorama\n\t
Se il tuo tema lo supporta vedrai un pulsante “larghezza ampia” nella barra degli strumenti dell’immagine. Provalo.<\/figcaption>\n<\/figure>\n<\/div>\n\n\n

Prova a selezionare e rimuovere o modificare la didascalia, ora non devi pi\u00f9 stare attento nel selezionare l’immagine o altro testo per errore e rovinarne la presentazione.<\/p>\n\n\n\n

Lo strumento di inserimento<\/em><\/h2>\n\n\n\n

Immagina che tutto quello che WordPress pu\u00f2 fare sia disponibile velocemente e nella stessa posizione dell’interfaccia. Nessuna necessit\u00e0 di capire tag HTML e classi o ricordare le complicate sintassi dei shortcode. \u00c8 l’anima che sta dietro allo strumento di inserimento \u2014il pulsante (+)<\/code> che vedi vicino all’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

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

    \n\t\n\t
  • Testi e titoli<\/li>\n\t\n\t\n\t
  • Immagini e video<\/li>\n\t\n\t\n\t
  • Gallerie<\/li>\n\t\n\t\n\t
  • Oggetti da incorporare come YouTube, Tweet o altri articoli di WordPress.<\/li>\n\t\n\t\n\t
  • Blocchi di layout come pulsanti, immagini a tutto schermo (hero), separatori, ecc ecc.<\/li>\n\t\n\t\n\t
  • Ed elenchi<\/em> come questo naturalmente \ud83d\ude42<\/li>\n\t\n<\/ul>\n\n\n\n
    \n\n\n\n

    Modifiche visuali<\/h2>\n\n\n\n

    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

    \n\t\n\t

    L’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>\n\t\n\tMatt Mullenweg, 2017<\/cite>\n<\/blockquote>\n\n\n\n

    L’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

    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

    \n\t\n\t
    \"\"<\/figure>\n\t\n\t\n\t
    \"\"<\/figure>\n\t\n\t\n\t
    \"\"<\/figure>\n\t\n<\/figure>\n\n\n\n

    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

    Formattazione avanzata dei media<\/h2>\n\n\n\n

    Se combini i nuovi allineamenti a larghezza ampia<\/strong> e a larghezza piena<\/strong> con le gallerie, puoi creare un layout multimediale molto avanzato, molto velocemente:<\/p>\n\n\n\n

    \"L'accessibilit\u00e0<\/figure>\n\n\n\n

    Certo, l’immagine a larghezza piena pu\u00f2 essere molto grande. Ma qualche volta l’immagine lo merita.<\/p>\n\n\n\n

    \n\t\n\t
    \"\"<\/figure>\n\t\n\t\n\t
    \"\"<\/figure>\n\t\n<\/figure>\n\n\n\n

    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

    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

    \n