Descrizione
Gutenberg è più di un editor. Mentre l’editor è l’obiettivo immediato, il progetto alla fine avrà un impatto sull’intera esperienza di pubblicazione inclusa la personalizzazione (la prossima area su cui ci concentreremo).
Editing al centro
L’editor creerà una nuova esperienza di costruzione di pagine e articoli che agevolerà la scrittura di articoli complessi e con i “blocchi” renderà semplice quello che oggi è prodotto da shortcode, HTML personalizzato ed embed discovery di “provenienza incerta”. — Matt Mullenweg
Una cosa che distingue WordPress dagli altri sistemi è che ti permette di creare un complesso layout per gli articoli come lo immagini — ma solo se conosci HTML e CSS e sviluppi il tuo tema personalizzato. Pensando all’editor come a uno strumento che ti permette di scrivere articoli complessi e creare magnifici layout, possiamo trasformare WordPress in qualcosa che gli utenti amano, al contrario di qualcosa che scelgono solo perché è quello che usano tutti.
Gutenberg vede l’editor come qualcosa che è più di un campo per il contenuto, rivisitando un layout che è rimasto sostanzialmente invariato per quasi un decennio.
Ecco perché stiamo osservando l’intera schermata di modifica, invece che solo il campo del contenuto:
- Il blocco unifica più interfacce. Se lo aggiungiamo sopra l’interfaccia esistente, aggiungerebbe la complessità, invece di rimuoverlo.
- Rivisitando l’interfaccia, possiamo modernizzare la scrittura, l’editing e l’esperienza editoriale, concentrandoci su usabilità e semplicità a beneficio sia degli utenti nuovi che di quelli occasionali.
- Quando l’interfaccia del singolo blocco è al centro della scena, mostra un percorso chiaro davanti agli sviluppatori per creare blocchi premium, superiori a shortcode e widget.
- Riteniamo l’intera interfaccia depositaria di solide fondamenta per il prossimo obiettivo, la personalizzazione dell’intero sito.
- Esaminare l’intera schermata dell’editor ci dà la possibilità di modernizzare drasticamente le fondamenta e fare un ulteriore passo verso un futuro più fluido e potenziato da JavaScript che fa completamente leva sulle WordPress REST API.
Blocchi
I blocchi sono l’evoluzione unificatrice di quello che ora è coperto in modi diversi da shortcode, contenuti incorporati, widget, formati dei post, custom post type, opzioni dei temi, meta-box e altri elementi di formattazione. Abbracciano la mole di funzionalità di cui WordPress è capace, con la chiarezza di una esperienza utente coerente.
Immagina un blocco “dipendente” personalizzato che un cliente può trascinare nella pagina Chi siamo per visualizzare in automatico fotografia, nome e biografia. Un intero universo di plugin i quali estendono tutti WordPress nella stessa maniera. Menu e widget semplificati. Utenti che capiscono e usano immediatamente WordPress — e il 90% dei plugin. Questo ti permette di comporre articoli meravigliosi come questo esempio.
Leggi le FAQ per le risposte alle più comuni domande sul progetto.
Compatibilità
Gli articoli saranno retro-compatibili e gli shortcode continueranno a funzionare. Stiamo costantemente esaminando come i metabox altamente personalizzati potranno essere adattati e stiamo cercando soluzioni da un plugin che disabiliti Gutenberg allo stabilire automaticamente se Gutenberg debba essere caricato o meno. Mentre ci assicuriamo che la nuova esperienza dalla scrittura alla pubblicazione sia user-friendly, ci impegniamo anche per trovare una buona soluzione per i siti esistenti altamente personalizzati.
Le tappe di Gutenberg
Gutenberg avrà tre fasi pianificate. La prima, prevista per essere inserita in WordPress 5.0, si focalizza sull’esperienza di modifica degli articoli e l’implementazione dei blocchi. Questa fase iniziale si concentra su un approccio che predilige il contenuto. L’uso dei blocchi, come spiegato in dettaglio sotto, ti permette di concentrarti su come sarà mostrato il tuo contenuto senza la distrazione di altre opzioni di configurazione. Questo in sostanza aiuterà gli utenti a presentare il loro contenuto in un modo coinvolgente, diretto e visivo.
Questi elementi fondamentali apriranno la strada alle fasi due e tre, pianificate per il prossimo anno, per andare oltre l’articolo nei template della pagina e, in definitiva, per la piena personalizzazione del sito.
Gutenberg è un grande cambiamento e ci saranno modi per garantire che le funzionalità esistenti (come shortcode e meta-box) continuino a funzionare consentendo agli sviluppatori il tempo e i percorsi per una transizione efficace. In definitiva, aprirà nuove opportunità per gli sviluppatori di plugin e temi per servire meglio gli utenti attraverso una esperienza visiva più accattivante che sfrutta un set di strumenti supportato dal core.
Contributori
Gutenberg è realizzato da diversi contributori e volontari. Puoi consultare la lista completa nel file CONTRIBUTORS.md.
Experiments
- Navigation block:
- Support color customization.
- Improve the Link edition UI.
- Block Content Areas:
- Implement a frontend template loader based on the wp_template CPT.
- Add a temporary UI to edit wp_template CPT posts.
- Aggiunto un nuovo blocco titolo del sito.
New APIs
- Aggiunto il componente ScrollLock.
- Add @wordpress/base-styles package to share the common variables/mixins used by the WordPress packages.
- Add Platform component to allow writing platform (web, mobile) specific logic.
- Add isInvalidDate prop to DatePicker.
- @wordpress/env improvements:
- Support custom ports.
- Support using it for themes.
- Add a new experimental React hook to support colors in blocks.
- Add a new experimental DimentionControl component.
Various
- Storybook:
- Add a story for the CheckboxControl component.
- Add a story for the Dashicon component.
- Add a story for the ColorPalette component.
- Add a story for the ColorPicker component.
- Add a story for the ExternalLink component.
Add knobs to the ColorIndicator Story.
- Several other enhancements to existing stories.
- Linting fixes for Storybook config.
- Fix Lint warnings triggered by JSDoc definitions.
- Reorganize e2e tests specs into three folders: editor, experimental and plugin.
- Pulizia dei test e2e saltati.
- Add a link to Storybook from the Gutenberg playground.
- Optimize the @wordpress/compose package to support tree-shaking.
- Code Quality:
- Refactor the Button block edit function to use a functional component.
- Change the name of the accumulated variables in reduce functions.
- Remove wrapper around the Table block cells.
- Fix several issues related to Node 12 becoming LTS.
- Add the Block Inspector to the Gutenberg playground.
Documentazione
- Enhance the Git workflow documentation.
- Clarify block naming conventions.
- Tweaks e typos: 1, 2.
Blocchi
Questo plugin fornisce 14 blocchi.
- core/archives
- Gutenberg
- core/rss
- Gutenberg
- core/legacy-widget
- Gutenberg
- core/social-link-
- Gutenberg
- core/categories
- Gutenberg
- core/block
- Gutenberg
- core/latest-comments
- Gutenberg
- core/search
- Gutenberg
- core/shortcode
- Gutenberg
- core/calendar
- Gutenberg
- core/tag-cloud
- Gutenberg
- core/site-title
- Gutenberg
- core/navigation-menu
- Gutenberg
- core/latest-posts
- Gutenberg
FAQ
- Come posso inviare un feedback o contribuire in caso di bug?
-
Ci piace ricevere report sui bug, suggerimenti di caratteristiche e qualsiasi altro feedback! Vai alla pagina delle segnalazioni su GitHub per cercare segnalazioni esistenti o aprirne di nuove. Cerchiamo di contenere tutte le segnalazioni riportate nel forum del plugin, ma otterrai una risposta più veloce (ed eviteremmo la duplicazione degli sforzi) centralizzando tutto nel repository su GitHub.
- Come posso contribuire?
-
Abbiamo chiamato “Gutenberg” questo progetto di editor perché è una grande impresa. Ci lavoriamo ogni giorno su GitHub, e ci piacerebbe che ci aiutassi a costruirlo. Se vuoi darci il tuo feedback, il modo più facile è unirti a noi nel nostro canale Slack,
#core-editor
.Vedi anche CONTRIBUTING.md.
- Dove posso leggere maggiori informazioni su Gutenberg?
-
- Gutenberg, o la Nave di Teseo, con esempi di ciò che Gutenberg potrà fare nel futuro
- Panoramica tecnica sull’editor
- Principi di design e best practice per il design dei blocchi
- WP Post Grammar Parser
- Aggiornamenti dello sviluppo su make.wordpress.org
- Documentazione: creazione di blocchi, riferimenti e linee guida
- Domande frequenti aggiuntive
Recensioni
Crediti e riconoscimenti
“Gutenberg” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.
Collaboratori“Gutenberg” è stato tradotto in 46 lingue. Grazie ai traduttori per i loro contributi.
Traduci “Gutenberg” nella tua lingua.
Ti interessa lo sviluppo?
Esplora il Codice segui il Repository SVN iscriviti al Log delle Modifiche. Puoi farlo tramite RSS con un lettore di feed.
Changelog (registro delle modifiche)
Features
- Support gradients in Cover block.
- Add a breadcrumb bar to support block hierarchy selection.
Enhancements
- Cover block: change the minimum height input step size to one.
- Allow setting a display name for blocks based on their content in the BlockNavigator.
- Hide the gradients panel if an empty set of gradients is explicitly defined.
- Do not transform list items into paragraphs when deleting first list item and list is not empty.
- Replace inline styles with classnames for the gradient palette.
- Preserve list attributes (start, type and reversed) when pasting or converting HTML to blocks.
Bugs
- Clear local autosaves after successful saves.
- Fix the columns block width overflow issue when using more than two columns.
- Fix the Link Rel input not showing the saved value of the link rel attribute.
- Fix JavaScript errors triggered when using links without href in HTML mode.
- Move the default list styles to the theme editor styles.
- Fix Invalid import statement for deprecated call in the Modal component.
- Fix a small visual glitch in the Publish button.
- Prevent blank page when using the Media Modal Edit Image “back” button.
- Allow the shortcode transform to apply to all the provided shortcode aliases.
- Fix JavaScript error triggered when using arrows on an empty URLInput.
- Fix extra margins added to Gallery blocks by list editor styles.
- Fix custom button background color not reflected on reload.
- Preserve List block attributes when splitting into multiple lists.
- Fix checkbox styles when used in metaboxes.
- Make the FontSizePicker style independent from WordPress core styles.
- Fix overlapping controls in the Inline Image formatting toolbar.
- Fix strikethrough formatting when copy/pasting from Google Docs in Safari.
- Allow media upload post processing for all 5xx REST API responses.