Descrición
The block editor was introduced in core WordPress with version 5.0 but the Gutenberg project will ultimately impact the entire publishing experience including customization (the next focus area). This beta plugin allows you to test bleeding-edge features around editing and customization projects before they land in future WordPress releases.
Descubre máis sobre o proxecto.
Enfoque na edición
O editor creará unha nova experiencia de creación de páxinas e entradas que fará que escribir publicacións enriquecidas non implique esforzo algún, e que terá “bloques” para facer fácil o que actualmente require shortcodes, HTML personalizado, ou os imprevisibles incrustados automáticos. — Matt Mullenweg
Unha cousa que distingue a WordPress doutros sistemas é que che permite crear estructuras de publicacións tan completas como te podas imaxinar — pero só se sabes HTML e CSS e constrúes o teu propio tema a medida. Ao pensar no editor como unha ferramienta que che permite escribir publicacións ricas e crear fermosos deseños, podemos transformar WordPress en algo que os usuarios aman de WordPress, en lugar de algo que elixen porque é o que todos os demáis empregan.
Gutenberg considera o editor como algo máis que un campo de contido, e revisita un deseño que permaneceu prácticamente inalterado durante case unha década. Isto permítenos deseñar holísticamente unha experiencia de edición moderna e construir unha base para o que virá.
Velaquí por que estamos a mirar toda a pantalla de edición, en lugar de só o campo de contido:
- O bloque unifica múltiples interfaces. Se agregamos iso na la parte superior da interfaz existente, agregaría complexidade, en vez de eliminala.
- Ó volver a visitar a interfaz, podemos modernizar a experienza da escritura, edición e publicación, tendo en conta a facilidade de uso e a simplicidade, o que beneficia tanto aos usuarios novos como aos ocasionais.
- Cando a interfaz de bloque singular toma o centro do escenario, mostra un camino claro para que os desenvolvedores creen bloques premium, superiores a shortcodes e widgets.
- Considerando que toda a interfaz senta a base para a seguinte prioridade, a persoalización de todo o sitio.
- Centrarnos no editor a pantalla completa brindanos tamén a oportunidade de modernizar drásticamente os cimentos e dar pasos de cara a un futuro máis fluido basado en JavaScript que aproveite ao máximo a API REST de WordPress.
Bloques
Os bloques son a evolución unificadora do que agora está cuberto, de diferentes maneiras, mediante shortcodes, incrustacións, widgets, formatos de publicación, tipos de contido personalizados, opcións de tema, meta-boxes e outros elementos de formato. Adoptan a amplitude da funcionalidade que WordPress é capaz de ofrecer, coa claridade dunha experiencia de usuario consistente.
Imaxina un bloque “empleado” persoalizado que un cliente pode arrastrar a unha páxina Acerca de para mostrar automáticamente unha imaxe, nome e biografía. Todo un universo de plugins que extenden WordPress da misma forma. Menús e widgets simplificados. Usuarios que poden entender e usar instantáneamente WordPress — e o 90% dos plugins. Esto permitirá redactar fácilmente publicacións fermosas como este exemplo.
Consulta as FAQ para obter respostas ás dúbidas máis comúns sobre o proxecto.
Compatibilidade
As publicacións son compatibles con versións anteriores, e os shortcodes seguirán funcionando. Estamos explorando continuamente cómo se poden acomodar metaboxes altamente persoalizados, e estamos buscando solucións que van dende un plugin para deshabilitar Gutenberg ata detectar automáticamente si cargar Gutenberg ou non. Se ben queremos asegurarnos de que a nova experiencia de edición dende a escritura ata a publicación sexa fácil de usar, comprometemonos a encontrar unha boa solución para sitios existentes altamente persoalizados.
As etapas de Gutenberg
Gutenberb planea ter tres etapas. A primeira, con inclusión prevista en WordPress 5.0 enfocada na experiencia de editar a publicación e na implementación de bloques. Esta fase inicial está enfocada na perspectiva de priorizar o contido. O uso de bloques como detallamos máis arriba, permiteche enfocarte na aparencia do contido sen a distración doutras opcións de configuración. Isto axudará a todos os usuarios a presentar o seu contido de forma completa, directa e visual.
Estes elementos fundacionais cimentarán o camiño das etapas dous e tres, planeadas para o ano que vén, para levar a publicación alén dentro de modelos e, finalmente, unha total personalización.
Gutenberb é un gran cambio e haberá maneiras de asegurar que a funcionalidade existente (como códigos curtos e metacaixas) continúen funcionando mentres se lles permite aos desenvolvedores o tempo e o modo para facer a transición efectiva. Ao final, abrirá novas oportunidades aos desenvolvedores de complementos e temas para servirlles aos usuarios unha máis completa e visual experiencia que se beneficiará dun conxunto de ferramentas facilitadas polo núcleo.
Contribuíntes
Gutenberg está sendo construído por moitos colaboradores e voluntarios. Aquí tes a lista completa CONTRIBUTORS.md.
Blocks
Este plugin proporciona 17 bloques.
- core/categories
- Gutenberg
- core/block
- Gutenberg
- core/site-title
- Gutenberg
- core/tag-cloud
- Gutenberg
- core/post-title
- Gutenberg
- core/latest-comments
- Gutenberg
- core/archives
- Gutenberg
- core/calendar
- Gutenberg
- core/social-link-
- Gutenberg
- core/legacy-widget
- Gutenberg
- core/navigation
- Gutenberg
- core/latest-posts
- Gutenberg
- core/shortcode
- Gutenberg
- core/search
- Gutenberg
- core/post-content
- Gutenberg
- core/template-part
- Gutenberg
- core/rss
- Gutenberg
Preguntas frecuentes
- Como podo enviar suxestións ou pedir axuda sobre un erro?
-
Encántanos que nos informes de erros, suxestións de características ou calquera outra idea! Por favor, pásate polapáxina de problemas en GitHub para procurar problemas existentes ou informar dun novo. Aínda que tratamos de facer un seguemento dos problemas aquí, no foro do plugin, obterás unha resposta máis rápida (e redúcese a duplicación de esforzos) mantendo todo centralizado no repositorio de GitHub.
- Como podo axudar?
-
Chamámoslle a este proxecto de editor «Gutenberg» porque é un gran traballo de fondo. Traballamos nel cada día en GitHub e encantaríanos contar coa túa axuda en construílo. Tamén serás benvido/a en comentarios, o máis doado é unirte na nosa Canle de Slack,
#core-editor
.Ver tamén CONTRIBUTING.md.
- Onde pode ler máis sobre Gutenberg?
-
- Gutenberg, ou o Barco de Teseo, con exemplos do que Gutenberg podería facer no futuro
- Panorama do editor técnico
- Principios de deseño e mellores prácticas de deseño de bloques
- Procesador de corrección gramatical de publicación de WP
- Actualizacións do desenvolvemento en make.wordpress.org
- Documentación: Creación de bloques, referencias e guías
- Cuestións frecuentes adicionais
Comentarios
Colaboradores e desenvolvedores
“Gutenberg” é un software de código aberto. As seguintes persoas colaboraron con este plugin.
Colaboradores“Gutenberg” foron traducidas ao 46 locales. Grazas a os desenvolvedores polas súas colaboacións.
Traducir “Gutenberg” ao teu idioma.
Interesado no desenvolvemento?
Revisa o código, bota unha ollada aorepositorio SVN, ou subscríbete ao log de desenvolvemento por RSS.
Rexistro de cambios
Features
- Adding a menu to visually switch between edit and navigation modes and announce the mode changes to screen reader users.
- Support adding a caption to the Table block.
- Implement a Welcome Guide modal.
Enhancements
- Use a Fixed Block Toolbar on Mobile Web.
- Block UI:
- Remove the parent block from the block title component.
- Remove dashed outlines for child and parent blocks.
- Remove hover styles.
- Navigation block:
- Keep a single place to trigger the “Open in a new tab” option.
- Fix overflow by allowing wrapping of menu items.
- Fix double click to open the appender.
- Add a type=submit to the search suggestion buttons.
- Support justifying the menu items.
- Use correct classnames for navigation link block save output.
- Remove the inspector controls.
- Improve the block multi-selection:
- A11y: Use the browser’s selection default color.
- Polish the styles.
- Responsive multi-selection.
- Allow pasting on multi-selection.
- Improve the Image blocks replacement flow/UI.
- Disable the HTML mode in the Cover block.
- Add friendly offline error messages on Rest API request failures.
- Round the focal point coordinates.
- Popover & Dropdowns: Consistently and smoothly adjust the position on scroll.
- Remove clearing the block selection on sidebar tab switch.
- Separate editor notices by border instead of margin.
- Allow drag and dropping images into the featured image box.
Bug Fixes
- Prevent resized Image blocks from overlapping the boundaries of the block.
- Fix wrong link to attachment page after replacing images.
- Fix Media & Text block: “Crop image to fill entire column” reset on image change.
- Fix the Snackbar notices position.
- Save the Verse block line breaks as single characters.
- Remove has-background-dim-NaN classname from the Cover block.
- Normalize the keys of the apiFetch preloaded data to avoid unnecessary Rest API calls.
- Fix CSS styles of the ColorPicker component.
- Update the Inspector slots to use the bubblesVirtually slots Fixing RichText usage in Inspector controls.
- Move the Modals and Popovers to the right position in the DOM.
- Fix alignment of date picker days when used in block.
- Fix alignment of ToggleControl label.
- Fix the toggled state in the block toolbar buttons.
- Fix the multi-select inspector padding.
- Fix the behavior that allows writing by clicking anywhere in the canvas.
- Prevent private posts with a future date from becoming public on update.
- Fix useColors crashes if contrast checkers are not specified.
- Render metaboxes as a single seemless unit to fix styling issues for themes with colored backgrounds.
- Fix the FontSizePicker custom option.
- Fix reusable blocks showing up as too tall.
- Fix Drop Cap + alignment producing a gap between paragraphs.
- Fix Cover to Image block transform when no image is used in the Cover block.
- Ensure empty classname is not output onto table element.
- Fix scrolling the sidebar on mobile.
- I18: Fix the Code block example string.
APIs
- Support a disabled prop in the RichText component.
- Add a new CustomSelectControl component.
- Add a new TextHighlight component.
- Add a new CustomGradientPicker component.
- Add useViewportMatch React hook to the @wordpress/compose package.
- Allowing changing the aXe config in the @wordpress/just-puppeteer-axe package.
Experiments
- Block Content Areas:
- Add a demo templates directory.
- Add the Template Part block.
- Add documentation for the current state of the experiment.
- Widgets screen:
- Clear the block selection when clicking outside the widget areas.
- APIs:
- Add a new __experimentalResolveSelect API to the data package.
- Add color detection and contrast checks support to the useColors hook.
Documentation
- Improvements to the Getting Started documentation.
- Include TypeScript type checking in Testing Overview.
- Add JSDoc recommendations.
- Reintroduce NodeJS LTS support commitment.
- Typos and tweaks: 1, 2, 3, 4, 5, 6.
Performance
- Avoid rerendering the EditorRegions component on each click.
- Flatten and simplify the align hook rendering.
- Shim the meta attribute source on block registration.
Various
- Storybook: Add StoryShots integration to generate unit tests.
- Work on the stability of e2e tests: 1, 2, 3, 4, 5.
- Use consistent theme colors and font sizes in e2e tests.
- Travis: Skip the deploy stage on PRs.
- And a Travis job to check the IE11 compatibility of the produced JavaScript builds.
- Avoid usage of editor store on block editor reusable blocks inserter.
- Replace the fs-extra dependency with rimraf.
- RSS block: Remove PHP 5.2 compatibility code.
- Update the Columns block to use the Patterns API.
- Refactor the BlockToolbar component to use React hooks.
- Refactor the BlockDraggable component for a simpler React tree.
- Refactor the BlockHTML component to use React hooks.
- Refactor the BlockList component to use React hooks.
- Refactor the BlockInsertionPoint component to use React hooks.
- Split @wordpress/urls into multiple modules/files to allow better tree-shaking.
- Improve the Storybook setup to allow updates on style changes.
- Enforce consistent usage of Button and ToolbarGroup components.
- Use the colors hook in the Paragraph block.
- Add missing actions and tests for lockPostAutosaving, unlockPostAutosaving.
- Collapse passed tests in Travis jobs.
- Add side effects property to the @wordpress/components package to allow tree-shaking.
- Add a script to perform patch releases for old npm package versions.
- Reuse the URLInput component in the Social Links block and disable suggestions.
- Improve and simplify reusable block styles.
- Refactor the Gallery edit component to be semi-cross-platform.
- Run tests using the same environment version used for development.
- Add CPU/Network slowdown configuration options to the e2e tests setup.
- Enable Type checking for the @wordpress/token-list package.
- Move the changelog.txt and readme.txt files to the Github repository.