Gutenberg

Descrición

Gutenberg é máis que un editor. Aínda que o editor é onde está o enfoque agora mesmo, o proxecto impactará definitivamente en toda a experiencia de publicación, incluida a personalización (a próxima área de enfoque).

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:

  1. O bloque unifica múltiples interfaces. Se agregamos iso na la parte superior da interfaz existente, agregaría complexidade, en vez de eliminala.
  2. Ó 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.
  3. 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.
  4. Considerando que toda a interfaz senta a base para a seguinte prioridade, a persoalización de todo o sitio.
  5. 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.

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?

Comentarios

Terrible Idea

Hate it! Can't modify output with filters, can't easily override CSS, both in html output and CSS alternatives. Adds HUGE bloat to CSS, especially if your theme already uses common frameworks like Foundation.css and Bootstrap.css. (.wp-block-button__link vs .btn) - this is a 'non-tech users' framework - should stay a plugin to mitigate bloat from 'tech' users installations - create docs and code in stronger abilities to integrate external css frameworks

Gutenberg is, well, HORRIBLE!

Look, I've used WordPress for many years, and never ever had a problem with the editor - until now. Gutenberg is arguably the worst editor I've ever seen. While it's intent is noble, the execution is pathetic. Trying to write a blog is impossible - seriously. I can't access the blocks below a certain space, and there is seemingly no way to get to them. It's obvious I'm missing something, but having been at this a few years, it shouldn't be so difficult to figure this editor out. In the meantime, I've transitioned to blogging via LinkedIn and Facebook, dropping WordPress until I find a way out of Gutenberg hell! I'd appreciated any hints on how to make this editor work. I use OptimizePress's Smartheme, if that will help.

Overly complex and not intuitive

I don't know why they choose this Plugin as default editor, but when I showed it to the people who should use it they didn't want me to update. Lucky for me I test WordPress updates always on a Local-Test-Server so I just didn't bother with that editor in the live environment. But when I was playing around with that thing it felt not really intuitive, why fix was was not broken. I've seen this a lot on many projects/websites these days. It's trendy to make things more difficult. I always though Software should make the life more easy instead of getting you more work? It should not be rocket since to write something with some basic formatting. I mean when its more easy to write it in plain HTML, then something went really wrong Now I installed the Disable-Gutenberg Plugin and everything is like before!^-^

Real world usage…

The UI for the plugin is a nightmare, for instance, I find myself mousing over several areas of the block UI elements to find the block configure/options menu. I have no clue where things are. This plugin component has potential but the UI/UX just needs to trashed and redone, by a different designer.
Ler todas as 2.565 opinións

Colaboradores e desenvolvedores

“Gutenberg” é un software de código aberto. As seguintes persoas colaboraron con este plugin.

Colaboradores

“Gutenberg” foron traducidas ao 44 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

Bug fixes in 5.1.1:

  • Fixes a Firefox regression causing block content to be deleted.

Features:

  • Add a new Search block.
  • Add a new Calendar block.
  • Add a new Tag Cloud block.

Enhancements:

  • Add micro-animations to the editor UI:
    • Opening Popovers.
    • Opening Sidebars.
  • Restore the block movers for the floated blocks.
  • Consistency in alignment options between archives and categories blocks.
  • Set the minimum size for form fields on mobile.
  • Disable the block navigation in the code editor mode.
  • Consistency for the modal styles.
  • Improve the FormToggle styling when used outside of WordPress context.
  • Use the block icons in the media placeholders.
  • Fix rounded corners for the block svg icons.
  • Improve the CSS specificity of the paragraph block styles.
  • Require an initial click on embed previews before being interactive.
  • Improve the disabled block switcher styles.
  • Do not split paragraph line breaks when transforming multiple paragraphs to a list.
  • Enhance the Quote block styling for different text alignments.
  • Remove the left padding from the Quote block when it’s centered.
  • A11y:
    • Improve the permalink field label.
    • Improve the region navigation styling.
  • Remove the 3 keywords limit for the block registration.
  • Add consistent background colors to the hovered menu items.
  • Allow the editor notices to push down the content.
  • Rename the default block styles.

Bug Fixes:

  • Fix a number of formatting issues:
    • Multiple formats.
    • Flashing backgrounds when typing.
    • Highlighted format buttons.
    • Inline code with backticks.
    • Spaces deleted after formats.
    • Inline boundaries styling issues.
    • Touch Bar format buttons.
  • Fix a number of list block writing flow issues:
    • Allow line breaks in list items.
    • Empty items not being removed.
    • Backspace merging list items.
    • Selecting formats at the beginning of list items.
  • Fix the color picker styling.
  • Set default values for the image dimensions inputs.
  • Fix sidebar panels spacing.
  • Fix wording of the nux tip nudging about the sidebar settings.
  • Fix the translator comments pot extraction.
  • Fix the plugins icons color overriding.
  • Fix conflicting notices styles when using editor styles.
  • Fix controls recursion in the redux-routine package.
  • Fix the generic embed block when using Giphy as provider.
  • Fix the i18n message used in the Gallery block edit button.
  • Fix the icon size of the block switcher menu.
  • Fix the loading state of the FlatTermSelector (tags selector).
  • Fix the embed placeholders styling.
  • Fix incorrectly triggered auto-saves for published posts.
  • Fix missing classname in the Latest comments block.
  • Fix HTML in shortcodes breaking block validation.
  • Fix JavaScript errors when typing quickly and creating undo levels.
  • Fix issue with mover colors in dark themes.
  • Fix internationalisation issue with permalink slugs.

Various:

  • Implement the inline format boundaries without relying on the DOM.
  • Introduce the Registry Selectors in the data module.
  • Introduce the Registry Controls in the data module.
  • Allow extending the latest posts block query by using get_posts.
  • Extend the range of allowed years in the DateTime component.
  • Allow null values for the DateTime component.
  • Do not render the FontSizePicker if no sizes defined.
  • Add className prop support to the UrlInput component.
  • Add inline image resizing UI.

Chore:

  • Update lodash and deasync dependencies.
  • Use addQueryArgs consistently to generate WordPress links.
  • Remove merged PHP code (partial).
  • Disable CSS animations in e2e tests.
  • Add ESLint rules to:
    • ensure the consistency of the import groups.
    • protect against invalid sprintf use.
  • Add e2e tests for tags creation.
  • Add the feature flags setup.
  • Implement block editor styles using a filter.

Documentation:

  • Add a new tutorial about the editor notices.
  • Add JavaScript build tools documentation.
  • Enhance the block’s edit/save documentation and code examples.
  • Add e2e test utils documentation.

Mobile:

  • Add bottom sheet settings for the image block.
  • Implement the media upload options sheet.
  • Implementing Clear All Settings button on Image Settings.
  • Avoid hard-coded font family styling for the image blocks.
  • Improve the post title component.
  • Fix the bottom sheet styling for RTL layouts.
  • Support the placeholder prop in the RichText component.