Benvenuto nell’editor Gutenberg

Di montagne e macchine da stampa

L’obiettivo di questo nuovo editor รจ di rendere l’aggiunta di contenuto con formattazione avanzata in WordPress semplice e piacevole. L’intero articolo รจ composto da pezzi di contenuto โ€”un po’ simili ai mattoncini LEGOโ€” 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.

Quello che stai leggendo adesso รจ un blocco di testo il piรน semplice di tutti i blocchi. Il blocco di testo ha le sue opzioni per essere liberamente mosso nell’articolo…

… come questo, allineato a destra.

Anche i titoli sono blocchi separati, i quali aiutano a strutturare e organizzare il tuo contenuto.

Un’immagine vale piรน di mille parole

Gestire immagini e media con la massima attenzione รจ un obiettivo primario del nuovo editor. Speriamo che troverai gli aspetti di aggiungere didascalie o di rendere le tue foto a larghezza piena piรน facili e solidi di prima.

Panorama stupendo
Se il tuo tema lo supporta vedrai un pulsante “larghezza ampia” nella barra degli strumenti dell’immagine. Provalo.

Prova a selezionare e rimuovere o modificare la didascalia, ora non devi piรน stare attento nel selezionare l’immagine o altro testo per errore e rovinarne la presentazione.

Lo strumento di inserimento

Immagina che tutto quello che WordPress puรฒ fare sia disponibile velocemente e nella stessa posizione dell’interfaccia. Nessuna necessitร  di capire tag HTML e classi o ricordare le complicate sintassi dei shortcode. รˆ l’anima che sta dietro allo strumento di inserimento โ€”il pulsante (+) che vedi vicino all’editorโ€” 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รฌ ogni tipo di possibilitร  per formattazioni avanzate e pubblicazione.

Provalo, potresti scoprire cosa WordPress puรฒ giร  aggiungere nei tuoi articoli che non ti aspetti. Ecco un elenco di cosa puoi trovare in questo momento:

  • Testi e titoli
  • Immagini e video
  • Gallerie
  • Oggetti da incorporare come YouTube, Tweet o altri articoli di WordPress.
  • Blocchi di layout come pulsanti, immagini a tutto schermo (hero), separatori, ecc ecc.
  • Ed elenchi come questo naturalmente ๐Ÿ™‚

Modifiche visuali

Un enorme beneficio dei blocchi รจ 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:

L’editor proverร  a creare una nuova esperienza di costruzione di pagine e articoli che agevolerร  la scrittura di articoli con formattazione avanzata, e con i โ€œblocchiโ€ renderร  semplice quello che oggi รจ ottenuto con shortcode, HTML personalizzato ed embed discovery di โ€œprovenienza incertaโ€.

Matt Mullenweg, 2017

L’informazione corrispondente alla fonte della citazione รจ un campo di testo separato, simile alle didascalie sotto le immagini, cosรฌ la struttura della citazione รจ protetta anche se selezioni, modifichi o rimuovi la fonte. รˆ sempre facile aggiungerla di nuovo.

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.

Puoi cambiare la quantitร  di colonne delle tue gallerie trascinando un selettore nel blocco inspector della barra laterale.

Formattazione avanzata dei media

Se combini i nuovi allineamenti a larghezza ampia e a larghezza piena con le gallerie, puoi creare un layout multimediale molto avanzato, molto velocemente:

L'accessibilitร  รจ importante โ€” non dimenticare l'attributo alt dell'immagine

Certo, l’immagine a larghezza piena puรฒ essere molto grande. Ma qualche volta l’immagine lo merita.

Quella sopra รจ una galleria con sole due immagini. รˆ 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.

Qualsiasi blocco puรฒ usufruire di questi allineamenti. Anche i blocchi incorporati hanno i loro e sono giร  predisposti per essere responsivi:

Puoi sviluppare qualsiasi blocco tu voglia, statico o dinamico, decorativo o semplice. Ecco il blocco di una citazione in evidenza:

Il codice รจ poesia

La comunitร  di WordPress

Se vuoi imparare di piรน su come sviluppare blocchi aggiuntivi o sei interessato a dare una mano al progetto, vai al repository su GitHub.


Grazie per aver testato Gutenberg!

๐Ÿ‘‹

Se ti รจ piaciuto condividilo

Lascia un commento

Il tuo indirizzo email non sarร  pubblicato. I campi obbligatori sono contrassegnati *

Torna in alto