Una gira de editor de Gutenberg para WordPress

Es el tema candente del año: el proyecto Gutenberg. Si aún no lo ha probado, es posible que se pregunte qué es toda la agitación. Si aún no lo sabe, Gutenberg es una nueva interfaz para editar publicaciones y páginas en WordPress. Actualmente es un complemento, pero hay planes para integrarlo en el núcleo de WordPress. Por lo tanto, tiene sentido familiarizarse con él lo antes posible. En esta publicación, le daré una visita guiada por Gutenberg y trabajaré en algunas de las herramientas y funciones. Nota: Gutenberg todavía está en desarrollo activo, y el equipo del proyecto solicita comentarios. Esto significa que es probable que experimente algunos cambios antes de incorporarse al núcleo. Sin embargo, las características principales permanecerán.

El corazón de Gutenberg: los bloques de Gutenberg se basan en el bloque. Esta es una sección de contenido de cada publicación o página que se utiliza para crear, editar y eliminar contenido. Un bloque puede contener texto, una o más imágenes (incluidas diapositivas y presentaciones de diapositivas), video y más. En el caso del texto, cada párrafo, lista o título tiene su propio bloque. Cada bloque se puede mover a su contenido, lo que facilita cambiar las cosas al editar una publicación. También puede ajustar la configuración para cada bloque, como estilo y apariencia.
Gutenberg también cambia la apariencia del editor de publicaciones. En lugar de las pestañas para el texto de apariencia y visualización (o código), ve una interfaz de edición más limpia y puede cambiar las vistas para un bloque individual. Y en lugar de las metaboxas familiares en el lado derecho, hay una interfaz que recuerda a Customizer. Cuando abres una nueva publicación, las cosas parecen muy vacías: echar un vistazo a algunos de los elementos específicos de la pantalla, mientras trabajas en una nueva publicación. Agregar contenido agregar contenido con Gutenberg puede parecer un poco desalentador al principio. ¿Cómo se crea todos esos bloques para poder insertar contenido?

Texto de contenido La respuesta es que no. Empiece a escribir como suele hacer. Si desea un nuevo párrafo, presione la tecla de retorno: el sistema creará automáticamente un nuevo párrafo para usted en un nuevo bloque. Para crear una lista, inicie el tipo y luego seleccione el símbolo del párrafo anterior y a la izquierda de su bloque en el menú desplegable, seleccione la lista. Si es una escritura como yo y prefiere usar la tecla Tab en el teclado, no puede con Gutenberg, porque la tecla Tab se usa para navegar por los bloques, pero parece funcionar en ello.
Para crear cualquier otro tipo de bloque, puede hacer clic en el icono + en el lugar relevante de su publicación o, si no tiene ningún bloque en el que esté trabajando actualmente, presionando la tecla Tab creará y navegará un nuevo bloque en los bloques existentes. Esto solo funciona si estás en un bloque de texto. Después de haber creado el bloque, haga clic en el icono del tipo de bloque que cree: hay uno para cada texto, título y imagen.

Para crear un título, haga clic en el icono H y luego ingrese el texto. También puede seleccionar qué nivel de título es. Además, puede crear bloques de citas y subcapters seleccionando esas opciones después de hacer clic en el icono + para agregar el bloque. Como verá, se accede a los tipos de bloques más utilizados a través de este icono +, mientras que los habituales se acceden mediante iconos directos a la derecha. Imagini Al seleccionar el icono de la imagen, su interfaz se presentará. En el bloque, sin ingresar La herramienta de carga de medios:
Luego puede editar el subtítulo justo en el bloque y hay botones en los que puede hacer clic en los enlaces y formatear la leyenda. También puede establecer la alineación utilizando los iconos sobre la imagen, así como editarla. En lugar de seleccionar un tamaño entre pequeño, mediano y grande, puede usar la herramienta de cambio de tamaño para cambiar el tamaño manual de la imagen (con el mouse) a cualquier tamaño que desee. Esto tiene la ventaja de la flexibilidad, pero podría significar que su apariencia se vuelve más desordenada que con las imágenes estándar. Y hay problemas de accesibilidad, que el equipo del proyecto está trabajando actualmente.

Si alinea una imagen a la izquierda o a la derecha, aparecerá automáticamente un bloque de texto al lado, por lo que puede agregar texto que se envuelve alrededor de ella.

Y si agrega un bloque de texto más pequeño junto a una imagen y luego agrega la segunda, ambos flotarán correctamente:

Crearlos es un poco difícil ahora: no puede usar la tecla Tab, pero debe presionar el icono + para agregar un nuevo bloque o los iconos a la derecha de la imagen. Y parece que no puede elegir colocar texto debajo de una imagen alineada a la derecha o izquierda; solo tiene que continuar hasta llegar a la parte inferior de la imagen. Todavía hay algunos errores con esto, ¡así que continúe volviendo a ver cuando se resuelva! Las galerías pueden convertir un bloque de imágenes en una galería haciendo clic en el icono de la imagen en la parte superior izquierda y luego seleccionando la transformación en: Galería. También puede usar el mismo icono para devolverlo.

Una vez que haya creado una galería, tiene la opción de subir más fotos, aunque solo podría agregar imágenes cargadas; no pude convencerla de que me permita agregar más fotos de la biblioteca de medios. Si desea agregar más imágenes simultáneamente, ya sea desde la computadora o desde la biblioteca de medios, la mejor manera de hacerlo es usar el icono + para crear una nueva galería (en lugar de presionar la tecla Tab), seleccionando la galería y luego. Agregar sus imágenes Si convierte una imagen existente, no tendrá la opción de agregar más imágenes de la biblioteca de medios y será más difícil agregar más imágenes simultáneamente. ¡Este es otro error que estoy seguro se resolverá!

Editando sus bloques para editar un bloque, haga clic en él y comience a editar. Puede editar texto, cambiar imágenes y más. También puede eliminar un bloque pasando con el mouse sobre el lado derecho del bloque y haciendo clic en el icono de basura que aparece. Para reordinar los bloques, tírelos alrededor de la pantalla con el mouse o use las teclas de flecha que aparecen con el mouse sobre el lado izquierdo de cada bloque: puede convertir un bloque a otro bloque desde el mismo tipo de grupo haciendo clic en el icono superior izquierdo o en los puntos de suspensión correctos. No puede cambiar un bloque de texto a un bloque de imágenes, por ejemplo, pero puede cambiar un párrafo en una lista, título o citado y puede cambiar los bloques de imágenes en las galerías y viceversa.
Pasando con el mouse sobre el bloque, también puede acceder a la barra de formato, lo que le brinda acceso a algunas formaciones básicas dependiendo del tipo de bloque. Entonces, para un bloque de texto, puede formar la alineación, el peso del texto, etc., y para una imagen puede editar la alineación y agregar enlaces. Esta barra de formato también le da acceso al icono del enlace:

Al hacer clic en los puntos de suspensión a la derecha del bloque, le brinda acceso a varias opciones, incluida la visualización del código, duplicar el bloque y convertirlo en un bloque compartido. Bloques compartidos: la duplicación de contenido en las publicaciones, una característica de Gutenberg, quien creo que es realmente interesante es el bloque compartido. Este es un bloque que le permite duplicar fácilmente los contenidos en publicaciones y páginas en su sitio. Si alguna vez ha usado un complemento para crear botones de acción en la parte inferior de cada publicación o tal vez agregar un fragmento de información en el sitio en varias páginas , esta nueva característica es que cree un bloque compartido, simplemente cree un bloque de cualquier tipo en una publicación donde desee aparecer. Luego coloque el cursor sobre los puntos de suspensión a la derecha y seleccione los conversos en el bloque compartido. Déle a su bloque a su bloqueo (verá en la captura de pantalla a continuación que no he hecho esto y conduce a la confusión). Luego, cuando abra otra publicación y haga clic en el icono + para agregar un nuevo bloque, seleccione la opción compartida y seleccione el bloque que desea agregar.

Los bloques compartidos que agregas ni siquiera deberían provenir de publicaciones publicadas. Por lo tanto, puede crear un boceto de publicación con todos los bloques compartidos en él, luego puede agregarlos a las otras publicaciones cuando lo necesite. ¡Dulce! Configuración de documentos en Gutenberg Cuando se encuentre en el editor de publicaciones en Gutenberg, notará que a la derecha, las metaboxes familiares han sido reemplazadas por un menú que se asemeja al menú de personalización. Puede usar esto para trabajar con el bloque que está editando actualmente seleccionando el bloqueo en la parte superior o editando las publicaciones seleccionando el documento. Las opciones que tiene en la vista del documento incluye todo lo que solía ver en Metaboxs y muchas otras:

Condición y visibilidad. Use esta pestaña para publicar su publicación o editar su condición y/o visibilidad. Esto es equivalente a la publicación Metabox. Vaya a reseñas aquí también.
Categorías: asigne las categorías de su publicación y agregue otras nuevas, como lo haría con las categorías de metabox.

Etiquetas: esto funciona con etiquetas de la misma manera y, nuevamente, es equivalente a las etiquetas de Metabox.
Imagen recomendada: esto funciona de la misma manera que el metabox recomendado.

Extracto: use esta pestaña para editar el fragmento. Personalmente, creo que esto está en una posición mucho mejor que la metabox actual, que está oculta bajo contenido.

Discusión – Comentarios a mano aquí; Nuevamente esto se movió del contenido.
Vale la pena guardar su publicación en una diferencia clave cuando se trata de guardar y publicar su publicación porque Gutenberg está construido en JavaScript y no en PHP, es dinámico. Esto significa que sus cambios se guardarán automáticamente mientras trabaja. Ya no tiene que presionar un botón para guardar su publicación como boceto porque Gutenberg lo hará por usted. Cuando venga a publicar su publicación, Gutenberg le preguntará con un cheque que está listo para publicar: este es un cheque útil y ya puedo imaginar cheques adicionales a través de un complemento. Gutenberg: Un poco loco, pero seguramente hay los aspectos de Gutenberg que aún me preocupan. Todavía tiene muchos errores para resolverse, y para mí, como alguien que usa el teclado en la medida de lo posible, espero crear listas sin usar el mouse. Pero hay algunas características que creo que son geniales. Las publicaciones compartidas tienen un gran potencial para evitar el código adicional o la duplicación manual de contenido y me gusta cómo Gutenberg facilita la reordinación del contenido. También creo que las pestañas de la derecha son una mejora para los metaboxs actuales. Todavía no lo instalaría en un sitio en vivo, pero espero hacerlo en el futuro y verlo como un núcleo.
¿Ya has intentado usar Gutenberg? Nos gustaría saber lo que piensas. ¿Cuál es su sentimiento general sobre el nuevo editor de WordPress?
Etiquetas:
Gutenberg
Comunidad de WordPress
Editor de WordPress