Descargar

Gutenberg

Por Gutenberg Team

Descripción

Gutenberg es más que un editor. Aunque el editor es donde está el enfoque ahora mismo, el proyecto impactará definitivamente en toda la experiencia de publicación, incluida la personalización (la próxima área de enfoque).

Descubre más sobre el proyecto.

Enfoque en la edición

El editor creará una nueva experiencia de creación de páginas y entradas que hará que escribir publicaciones enriquecidas no conlleve esfuerzo alguno, y que tendrá “bloques” para hacer fácil lo que actualmente requiere shortcodes, HTML personalizado, o los imprevisibles incrustados automáticos. — Matt Mullenweg

Una cosa que distingue a WordPress de otros sistemas es que te permite crear estructuras de publicaciones tan completas como te puedas imaginar — pero sólo si sabes HTML y CSS y construyes tu propio tema a medida. Al pensar en el editor como una herramienta que te permite escribir publicaciones ricas y crear hermosos diseños, podemos transformar WordPress en algo que los usuarios aman de WordPress, en lugar de algo que eligen porque es lo que todos los demás usan.

Gutenberg considera el editor como algo más que un campo de contenido, y revisita un diseño que ha permanecido prácticamente inalterado durante casi una década. Esto nos permite diseñar holísticamente una experiencia de edición moderna y construir una base para lo que vendrá.

He aquí por qué estamos mirando toda la pantalla de edición, en lugar de solo el campo de contenido:

  1. El bloque unifica múltiples interfaces. Si agregamos eso en la parte superior de la interfaz existente, agregaría complejidad, en lugar de eliminarla.
  2. Al volver a visitar la interfaz, podemos modernizar la experiencia de escritura, edición y publicación, teniendo en cuenta la facilidad de uso y la simplicidad, lo que beneficia tanto a los usuarios nuevos como a los ocasionales.
  3. Cuando la interfaz de bloque singular toma el centro del escenario, muestra un camino claro hacia adelante para que los desarrolladores creen bloques premium, superiores a shortcodes y widgets.
  4. Considerando que toda la interfaz sienta la base para la siguiente prioridad, la personalización de todo el sitio.
  5. Centrarnos en el editor a pantalla completa también nos brinda la oportunidad de modernizar drásticamente los cimientos y dar pasos hacia un futuro más fluido basado en JavaScript que aproveche al máximo la API REST de WordPress.

Bloques

Los bloques son la evolución unificadora de lo que ahora está cubierto, de diferentes maneras, mediante shortcodes, incrustaciones, widgets, formatos de publicación, tipos de contenido personalizados, opciones de tema, meta-boxes y otros elementos de formato. Adoptan la amplitud de la funcionalidad que WordPress es capaz de ofrecer, con la claridad de una experiencia de usuario consistente.

Imagina un bloque “empleado” personalizado que un cliente puede arrastrar a una página Acerca de para mostrar automáticamente una imagen, nombre y biografía. Todo un universo de plugins que extienden WordPress de la misma manera. Menús y widgets simplificados. Usuarios que pueden entender y usar instantáneamente WordPress — y el 90% de los plugins. Esto te permitirá redactar fácilmente publicaciones hermosas como este ejemplo.

Consulta las FAQ para obtener respuestas a las preguntas más comunes sobre el proyecto.

Compatibilidad

Las publicaciones son compatibles con versiones anteriores, y los shortcodes seguirán funcionando. Estamos explorando continuamente cómo se pueden acomodar metaboxes altamente personalizados, y estamos buscando soluciones que van desde un plugin para deshabilitar Gutenberg hasta detectar automáticamente si cargar Gutenberg o no. Si bien queremos asegurarnos de que la nueva experiencia de edición desde la escritura hasta la publicación sea fácil de usar, nos comprometemos a encontrar una buena solución para sitios existentes altamente personalizados.

Las etapas de Gutenberg

Gutenberg tiene tres etapas planificadas. La primera, destinada a la inclusión en WordPress 5.0, se centra en la experiencia de edición posterior y la implementación de bloques. Esta fase inicial se centra en un enfoque de el primero primero. El uso de bloques, como se detalla anteriormente, le permite enfocarse en cómo se verá su contenido sin la distracción de otras opciones de configuración. Esto finalmente ayudará a todos los usuarios a presentar su contenido de una manera atractiva, directa y visual.

Estos elementos fundacionales allanarán el camino para las etapas dos y tres, planificadas para el próximo año, para ir más allá de la publicación en plantillas de página y, en última instancia, la personalización completa del sitio.

Gutenberg es un gran cambio, y habrá formas de garantizar que la funcionalidad existente (como los shortcodes y los meta-boxes) continúe funcionando mientras que da a los desarrolladores el tiempo y los caminos para la transición de manera efectiva. En última instancia, abrirá nuevas oportunidades para que los desarrolladores de plugins y temas brinden un mejor servicio a los usuarios a través de una experiencia más atractiva y visual que aproveche un conjunto de herramientas respaldadas por el core.

Colaboradores

Gutenberg está construido por muchos colaboradores y voluntarios. Consulte la lista completa en CONTRIBUTORS.md .

Preguntas frecuentes

¿Cómo puedo enviar sugerencias o pedir ayuda sobre un fallo?

¡Nos encanta que nos informes de fallos, sugerencias de características o cualquier otra idea! Por favor, pásate por la página de problemas en GitHub para buscar problemas existentes o informar de uno nuevo. Aunque tratamos de hacer un seguimiento de los problemas aquí, en el foro del plugin, obtendrás una respuesta más rápida (y se reduce la duplicación de esfuerzos) manteniendo todo centralizado en el repositorio de GitHub.

¿Cómo puedo colaborar?

Estamos llamando a este proyecto de editor “Gutenberg” porque es una gran empresa. Estamos trabajando en ello todos los días en GitHub, y nos encantaría que nos ayudaras a construirlo. También puedes enviarnos tus comentarios, lo más fácil es unirte a nosotros en nuestro canal de Slack, #core-editor.

Ver también CONTRIBUTING.md.

¿Dónde puedo leer más acerca de Gutenberg?

Reseñas

از گوتنبرگ خوشم می‌آید

نگارش مقاله رو سخت‌تر و طولانی‌تر می‌کند، ولی استفاده از بلوک‌ها برایم لذت‌بخش است.
متاسفانه به نظر می‌رسد با هسته وردپرس همخوانی مناسبی ندارد. و با افزونه‌های خاصی مشکل پیدا می‌کند،
در صورتی که در ویرایشگر کلاسیک در حال نوشتن مقاله یا متنی باشید،سرعت کار بسیار بیشتر است و به دلیل حالت بصری ویرایشگر کلاسیک و سادگی آن، تمرکز بیشتری به دست می‌اید.
استفاده از گتنبرگ
راه‌حل: نوشتن مقاله را در یک ویرایشگر مناسب مانند(ویرایشگر‌کلاسیک، سندنگار گوگل و غیره) به اتمام برسانید، سپس وارد با گتنبرگ آن را بچینید.!!
زمان‌بر است…

Missing blocks (shortcodes) Clap Clap Clap

So, I’m in the middle of adding gutenberg support for custom types to our themes, where I parse the content to display the medias in the archives or headers, and I manage to use a mix of HTML parsing with Gutenberg core functions to extract the IDs of galleries and similar stuff.

When at a certain point it comes to convert the Audio post types with playlists to match the new Gutenberg blocks, and it looks I can’t even create one.
Then I digg a bit and…. TADAAAAAAA!!!!! There is no Playlist equivalent in Gutenberg.

And then I find out as well that other usual elements are NOT ready in gutenberg
https://github.com/WordPress/gutenberg/issues/283

So what would a user need to do in your opinion? Upload the mp3s separately, copy the ID and manually write a shortcode into the theme?
Or developers are supposed to develop the block and when the offical one comes out trash the custom one as useless?

So you are now pushing this cold soup down the throat of any WP user and it is not even a full beta yet! Wow… good job.

Really impressed.

If the world was working like this you could buy a car without the wheels.
Really smart guys.

Nono good, good.
Congrats.

Such a relieve! Finally, a native page builder.

I feel I have to say a word of encouragement to the development team of Gutenberg, so many people express too much hate about the plugin.

For me other popular visual page builders like Divi, Visual Composer, etc are just too heavy, clumsy, and sometimes too slow. And they feel alien and unnatural to WordPress experience.

The day Gutenberg notice appeared in admin panel, it’s been a great relief. It IS a relief that this thing is being implemented! Finally, WordPress has it’s own “native” visual builder. And it just looks and feels natural to WordPress.

Some have mentioned it would be good idea to keep the classic editor and offer Gutenberg as a plugin in future. May be worth considering this scenario depending on user feedback. For example, some developers might prefer to stick with the Classic editor and use a third party builder. I just hope there will be a decent compatibility between Classic and Gutenberg.

A lot of effort has been made to develop the plugin up to this stage. It’s normal to have bugs and glitches early in the development. This is why it’s still being tested and not offered by default. But I hope the development team will continue to work on it and make it stable. Keep up the good work!

Good idea, poor implementation

Totally messed up the WordPress admin interface. I wasn’t even able to access the sidebar to reach the Plugin link to disable Gutenberg.

What’s the point of this tiny editor window and all this unused white space? This makes it impossible to edit a post with large images.

I like that I can edit the HTML of a certain paragraph. I also like that someone tried something totally new. Unfortunately, this project totally failed.

Very Bad!

I updated the plugin today to 4.0.0 version and now i can’t edit an existing nor create a new post…Only a blank page appears

Leer todas las 1.398 reseñas

Colaboradores y desarrolladores

“Gutenberg” es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

“Gutenberg” ha sido traducido a 39 idiomas. Gracias a los traductores por sus contribuciones.

Traduce “Gutenberg” a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN , o suscríbete al log de desarrollo por RSS .

Registro de cambios

Latest

New Features

  • Add ability to change overlay color in Cover Image.
  • Introduce new Font Size Picker with clear labels and size comparison.
  • Introduce new RichText data structure to allow better manipulation of inline content.
  • Add Pullquote style variation and color palette support.
  • Add support for post locking when multiple authors interact with the editor.
  • Add an alternative block appender when the container doesn’t support the default block (paragraph).
  • Improve the UI and interactions around floats.
  • Add option to skip PublishSidebar on publishing.
  • Add support for shortcode embeds that enqueue scripts.
  • Add a button to exit the Code Editor.
  • Introduce a reusable ResizableBox component.
  • Style nested <ul>s with circles instead of normal bullets.
  • Show hierarchical terms sorted by name and allow them to be filterable through search. Hide the filter box if there are fewer than 8 terms.
  • Improve messaging around invalid block detection.
  • Use text color for links when a paragraph has a color applied.
  • Allow extended usage of the controls API in resolvers within data layer.
  • Ensure that a default block is inserted (and selected) when all other blocks are removed.
  • Enhance the block parser to support multiple type, in accordance with JSON schema.
  • Add a larger target area for resize drag handles.
  • Add media button to classic block.
  • Add control to toggle responsive mechanism on embed blocks.
  • Update sidebar design to have a lighter feeling.
  • Update resolvers in data layer to rely on controls instead of async generators.
  • Set template validity on block reset.
  • Remove dirty detection from Meta Boxes to reduce false positives of “unsaved changes”.
  • Show “Publish: Immediately” for new drafts by inferring floating date.
  • Add a slight transition to Full Screen mode.
  • Improve spacing setup in Gallery Block.
  • Remove additional side padding from blocks.
  • Improve the reusable blocks “Export as JSON” link.
  • Enforce a default block icon size to allow flex alignment and fix unaligned labels.
  • Consider single unmodified default block as empty content.
  • Only display URL input field when “Link To” is set for Image Block.
  • Make backspace behavior consistent among Quote, Verse and Preformatted.
  • Expose refresh method from Dropdown component.
  • Omit style tags when pasting.
  • Use best fitting embed aspect ratio if exact match doesn’t exist.
  • Avoid dispatching undefined results in promise middleware.
  • Change keyboard shortcut for removing a block to access + z.
  • Replace the Full Screen mode “x” icon with a back arrow.
  • Make drag handle visible on hover while in nested contexts.
  • Pass the tab title to the TabPanel component for situations where it may need to be highlighted.
  • Allow setting no alignment when a default alignment exists.
  • Improve title and appender margin fix.
  • Avoid focusing on the close button on modal and try a modal appear animation.
  • Change the URL Input label to match Classic.
  • Adjust media upload source for RichText.
  • Handle edge cases in with-constrained-tabbing and add tests.
  • Set a consistent input field width in media placeholders.
  • Add a hover state to sidebar panel headers.
  • Change settings title from “Writing” to “View”.
  • Convert the “tools” menu group into internal plugin.
  • Normalize data types and fix default implementation in parser.
  • Cleanup CSS specificity issues on Button component for portability.
  • Display error when attempting to embed URLs that can’t be embedded and don’t generate a fallback.
  • Update some edit and save button labels and styles for consistency.
  • Make “Manage Reusable Blocks” a link instead of an icon button.

Bug Fixes

  • Fix issue with Enter and the Read More block.
  • Fix menu item hover colors.
  • Fix issue with editor styles and fullscreen mode.
  • Fix popover link repositioning.
  • Fix Space Block layout issues on small screens.
  • Fix custom classNames for dynamic blocks.
  • Fix spacing of post-publish close button in other languages.
  • Fix Async Generator resolvers resolution.
  • Fix issue with Spacer Block not being resizable when using unified toolbar and spotlight mode.
  • Fix grammar.md manifest entry and update data docs.
  • Fix issue with region focus on the header area on IE11.
  • Fix reusable block broken button dimensions on IE11.
  • Fix issues with dropping blocks after dragging when calculating new block index.
  • Fix InnerBlock templates sync conditions to avoid a forced locking.
  • Fix typo in @wordpress/api-fetch README.md.
  • Fix regression with Button Block placeholder text.
  • Fix dropzone issue in Edge (event.dataTransfer.types not being an array).
  • Fix documentation for registerBlockStyle arguments and clarify getSaveElement filter.
  • Fix raw transforms not working in Edge when pasting content.
  • Fix a regression where wide images would cause horizontal scrollbars.
  • Fix issue with gallery margin while typing a caption.
  • Fix Block alignment CSS rules affecting nested blocks.
  • Fix CSS issue with nested paragraph placeholder.
  • Fix links in docs and add documentation for isPublishSidebarEnabled.
  • Fix shortcode package dependencies.
  • Fix overscroll issues locking scroll up on long pages.
  • Fix reference to SVG component in docs.
  • Fix Table Block header and body column misalignment.
  • Fix an issue where inserting like breaks would throw an error.
  • Fix regressions with placeholder text color (Cover Image, captions).
  • Fix Editor Styles regression.
  • Fix faulty Jed state after setLocaleData.
  • Fix small line-height issue in editor style.
  • Fix Pullquote margin regressions.
  • Fix issues with File Block and new RichText structures.
  • Fix Writing Flow E2E test.
  • Fix issues with “tips” popup margins.
  • Fix issue with mentions after rich text value merge.
  • Fix clipping issue with Instagram embed.
  • Fix ESNext example code.
  • Fix usage of tabs / spaces in parser code.
  • Fix Classic Block toolbar regression.
  • Fix issues with Table Block alignments.
  • Fix inserter misalignment regression.

Other Changes

  • Minor i18n fixes after deprecations were removed.
  • Rename parameter from mapStateToProps to mapSelectToProps in withSelect.
  • Rename AccessibleSVG to SVG and make it work with React Native.
  • Change createObjectUrl to createBlobURL.
  • Clean up Sass variables, comments, reduce complexity.
  • Move Classic Block to packages.
  • Move HTML Block into the blocks library package.
  • Move embed scripts into the body in preview documents.
  • Ensure that the return value of apiFetch is always a valid Promise object in Firefox.
  • Allow negative numbers in order field for Page Attributes.
  • Make sure the demo page loads without marking itself as having changes.
  • Refactor MediaUpload, MediaPlaceholder, and mediaUpload to support arrays with multiple supported types.
  • Add new icons to dashicons package.
  • Add link to “add_theme_support” docs.
  • Remove glob and just include necessary files.
  • Remove unused isButton prop.
  • Remove Vine embed.
  • Replace length check with RichText.isEmpty in Image Block.
  • Replace TinyMCE function to decode entities with existing Gutenberg package.
  • Extract the edit-post module as a reusable package.
  • Pass editor initial settings as direct argument.
  • Pass feature image ID to media upload component.
  • Pass all available properties in the media object.
  • Replace element-closest with registered vendor script.
  • Add new handbook introduction and docs about “blocks as the interface”.
  • Add utils to the wp-data script dependencies.
  • Disable alternate diff drivers in setup script.
  • Clarify RichText.Content readme docs.
  • Document isDefault option for block styles.
  • Update Panel component documentation.
  • Update full post content test fixtures.
  • Add ESLint rule about not allowing string literals in IDs.
  • Add a test for the new Code → Preformatted transform and use snapshots.
  • Add E2E test to visit demo page and verify errors.
  • Add E2E tests for list creation.
  • Update Redux to the latest version.

Mobile

  • Add the React Native entry point to more packages.
  • Need to define isRichTextValueEmpty for mobile.
  • Have Travis run mobile tests that use the parent code.
  • Wire onEnter to requestHTMLWithCursor command in RichText.

Meta

Valoraciones

Ver todas

Soporte

Problemas resueltos en los últimos dos meses:

158 de 294

Ver el foro de soporte