Di montagne e macchine da stampa

L'obiettivo di questo nuovo editor è quello di rendere semplice e piacevole l'aggiunta di contenuti ricchi a WordPress. Questo post è composto da contenuti-simili ai mattoncini LEGO, che si possono spostare e con cui si può interagire. Muovendo il cursore, i diversi blocchi si illuminano con contorni e frecce. Premete le frecce per riposizionare rapidamente i blocchi, senza temere di perdere qualcosa nel processo di copia e incolla.

Quello che state leggendo ora è un blocco testo il blocco più elementare di tutti. Il blocco di testo ha i suoi controlli per essere spostato liberamente all'interno del post...

... come questo, che è allineato a destra.

Anche le intestazioni sono blocchi separati, il che aiuta a delineare e organizzare i contenuti.

Un'immagine vale più di mille parole

La gestione delle immagini e dei media con la massima cura è uno degli obiettivi principali del nuovo editor. Si spera che gli aspetti relativi all'aggiunta di didascalie o all'utilizzo a tutta larghezza delle immagini siano molto più semplici e solidi rispetto al passato.

Bellissimo paesaggio
Se il vostro tema lo supporta, vedrete il pulsante "wide" sulla barra degli strumenti delle immagini. Provate.

Provate a selezionare e rimuovere o modificare la didascalia, ora non dovrete stare attenti a selezionare per errore l'immagine o altro testo e rovinare la presentazione.

Il Inseritore Strumento

Immaginate che tutto ciò che WordPress può fare sia disponibile rapidamente e nello stesso punto dell'interfaccia. Non c'è bisogno di capire i tag HTML, le classi o di ricordare la complicata sintassi dei codici brevi. Questo è lo spirito che sta alla base dell'inseritore, il (+) che si trova nell'editor e che consente di sfogliare tutti i blocchi di contenuto disponibili e di aggiungerli al post. I plugin e i temi sono in grado di registrare i propri, aprendo ogni tipo di possibilità di editing e pubblicazione.

Provate, potreste scoprire cose che WordPress può già aggiungere ai vostri post e che non conoscevate. Ecco un breve elenco di ciò che è possibile trovare attualmente:

  • Testo e titoli
  • Immagini e video
  • Gallerie
  • Embed, come YouTube, Tweets o altri post di WordPress.
  • Blocchi di layout, come pulsanti, immagini principali, separatori, ecc.
  • E Elenchi come questo, naturalmente 🙂

Editing visivo

Un grande vantaggio dei blocchi è che si possono modificare sul posto e manipolare direttamente i contenuti. Invece di avere campi per modificare elementi come la fonte di una citazione o il testo di un pulsante, è possibile modificare direttamente il contenuto. Provate a modificare la seguente citazione:

L'editor cercherà di creare una nuova esperienza di creazione di pagine e post che renda semplice la scrittura di post ricchi di contenuti e che disponga di "blocchi" per rendere semplice ciò che oggi potrebbe richiedere shortcode, HTML personalizzato o la scoperta di embed "carne misteriosa".

Matt Mullenweg, 2017

Le informazioni corrispondenti alla fonte della citazione sono un campo di testo separato, simile alle didascalie delle immagini, in modo che la struttura della citazione sia protetta anche se si seleziona, modifica o rimuove la fonte. È sempre facile aggiungerla di nuovo.

I blocchi possono essere qualsiasi cosa. Ad esempio, potreste voler aggiungere una citazione discreta come parte della composizione del testo, oppure preferire una citazione stilizzata gigante. Tutte queste opzioni sono disponibili nell'inseritore.

È possibile modificare la quantità di colonne nelle gallerie trascinando un cursore nell'ispettore dei blocchi nella barra laterale.

Media Rich

Se si combina il nuovo ampio e a tutto campo allineamenti con le gallerie, è possibile creare un layout molto ricco di contenuti multimediali, in modo molto rapido:

L'accessibilità è importante - non dimenticate l'attributo alt delle immagini

Certo, l'immagine a tutta larghezza può essere piuttosto grande. Ma a volte l'immagine ne vale la pena.

Questa è una galleria con due sole immagini. È un modo più semplice per creare layout visivamente accattivanti, senza dover gestire i galleggianti. È anche possibile convertire facilmente la galleria in immagini singole, utilizzando il selettore di blocchi.

Qualsiasi blocco può optare per questi allineamenti. Anche il blocco embed ne è dotato ed è reattivo fin dall'inizio:

https://vimeo.com/22439234

È possibile creare qualsiasi blocco, statico o dinamico, decorativo o semplice. Ecco un blocco pullquote:

Il codice è poesia

La comunità di WordPress

Se volete saperne di più su come costruire i blocchi aggiuntivi o se siete interessati a contribuire al progetto, visitate il sito web Repository GitHub.


Grazie per aver testato Gutenberg!

👋