Cómo usar Gutenberg: Guía rápida para el nuevo editor de bloques de WordPress

contenido
El concepto principal del editor de bloques de WordPress
Su Majestad, WordPress Blocks
GetWid 34+ Bloques únicos para Gutenberg WordPress
Conclusión sobre cómo trabajar en WordPress Block Editor
Inmediatamente después del lanzamiento de WordPress 5.0, hubo una gran incertidumbre sobre cómo usar este nuevo editor de WordPress Gutenberg. ¿Cómo trabajar con una interfaz revolucionaria, cómo usar Gutenberg y comenzar a administrar los bloques como un elemento fundamental de un sitio web? En nuestro tutorial para el editor de WordPress Block, aclararemos toda la información sobre el editor de Gutenberg y cómo trabajar con él.
Tinymce (editor de texto de WordPress Rich de Alias) ha sido y probablemente es amado por muchas personas, la antigua interfaz conocida con modos visuales y de texto. El nuevo editor de WordPress de Gutenberg, a su vez, es absolutamente diferente, que tiene un nuevo concepto y moderniza todo el proceso de construcción de un sitio web. Creé este tutorial de Gutenberg para bloquear y bloquear temas para que lo entienda de una vez por todas cómo trabajar con él. El concepto principal del editor de Bloque de WordPress Gutenberg Block es el elemento clave de Gutenberg. Entonces, ahora, con el editor de WordPress Gutenberg, cualquier sitio web consta de varios bloques, que combinan entre sí, integran y personalizan.
Esto es muy simple tan pronto como lo ves: todo el sitio consiste en bloques, eche un vistazo:

A – Imagen Gutenberg B Bloque B – Bloque Gutenberg C – Bloque de Gutenberg D – Bloque de distancia de Gutenberg – La sección del bloque de Gutenberg literalmente construye un sitio web agregando bloques, es exactamente como un constructor o incluso LEGO (para comprender mejor el concepto). Un enfoque tan fácil de entender abre todas las puertas de aquellos que no son conocedores de tecnología, para los usuarios de WordPress, que pueden comenzar a usarlo simplemente, porque no hay un código necesario, lo que implica un conocimiento profundo de la programación. Con el nuevo WordPress Editor. Gutenberg ¡Todo es más simple!
Publicaciones seleccionadas manualmente para ti
5 de marzo de 2020 Agregue más fácilmente soporte para temas para los bloques de Gutenberg con kit de estilo GetWid

12 de noviembre de 2019 Bloques GetWid: Gutenberg Post -Custom Block Block

24 de octubre de 2019 Bloques GetWid: Publicaciones recientes Gutenberg Block

Volviendo a la interfaz, trabaja con bloques y lo que ve en el back-end es casi lo que recibirá en el frente. Te hace más experiencia visual y ahorra tiempo, no tienes que verificar constantemente cómo cambia el front-end. Su Majestad, WordPress bloquea antes de trabajar con WordPress Blocks, obviamente debe tener al menos uno en el espacio del editor. Por defecto, tiene un título para dar un nombre a su publicación.
Para agregar un nuevo bloque, haga clic en uno de los “círculos más”, hay tres opciones para elegir. Un ícono que está en la parte superior es el pegajoso, mientras que los otros dos se vuelven visibles solo cuando pasa el mouse sobre el bloque.

También puede agregar un bloque escribiendo su nombre inmediatamente después de la barra oblicua (esto es útil cuando ya ha tenido algo de experiencia y sabe el nombre de cada bloque) “Hola, Gutenberg”, este es nuestro título e incluso debajo, Puede ver claramente el campo en el que debe escribir cualquier contenido cautivador que desee que se muestre en el sitio.

Tan pronto como escriba cualquier contenido, hay una hermosa barra de herramientas con configuraciones básicas, como alineación de texto, en negrita, cursiva, agregando enlace y haciendo clic en la flecha pequeña, obteniendo el código, la imagen en línea y la presa.

Si observa la barra de herramientas a la derecha, verá más opciones para cambiar el texto, a saber, la configuración del tamaño de la fuente, el fondo y el tamaño del texto e incluso hay una sección de clase CSS avanzada, donde puede agregar líneas de código personalizadas para mayo. Muchas opciones.

El gran trabajo del editor Gutenberg WordPress es que cualquier bloque que cree se puede guardar en bloques reutilizables y luego usarse varias veces sin crearlos nuevamente. Esta función es excelente para aquellos que enfrentan sitios web todos los días, escribo contenido variado para blogs, etc.

Para guardar los bloques personalizados, siga las instrucciones más simples.

Tan pronto como haya creado un bloque reutilizable y lo haya guardado, puede encontrarlo haciendo clic en la lista de bloques> reutilizable.
Si hace clic en Administrar todos los bloques reutilizables, será redirigido a la página con todos los bloques que ha creado hasta ahora, desde donde puede eliminar o exportar para usar otros sitios web en el futuro. Probablemente haya notado varias pestañas que incluyen diferentes bloques. Vamos a arrojar un poco de luz sobre ellos.

Formateo: estos bloques son excelentes herramientas para administrar todo el contenido de la página (Pullquote, tabla, verso, HTML personalizado, etc.). Los elementos de apariencia, usanlos para mostrar el contenido según lo desee: con espacio, separador, descanso de página, columnas de bloqueas (y más), puede reorganizar sin esfuerzo el contenido, para que se vea holístico. Hay filtros de bloque que lo ayudarán. Widgets, con su ayuda, puede mostrar categorías, últimos comentarios y publicaciones, archivos, calendario y muchos otros widgets en Gutenberg. Incorporación: agregue contenido de recursos de tercera parte, como YouTube, Twitter, Instagram, Facebook, etc.

Cerca de la configuración de bloqueo justo en la parte superior, hay otra pestaña para administrar su sitio: documento.

En esta sección debe escribir la URL de la babosa (esto se verá la publicación de la publicación), establecer una imagen recomendada (la primera imagen al lado del título de la publicación, que se verá en la lista de publicaciones), permita los comentarios en POST y establezca Los atributos de la página., elija la plantilla (depende del tema que use) y conecte a la página principal si desea que esta página sea la secundaria. Yendo más a los bloques, otro bloque de WordPress que es uno de los más utilizados es el bloque de imágenes. Agrégalo haciendo clic en el botón Plus, escribiendo por flash (/ imagen) o simplemente se desliza y colóquelo desde el escritorio. No debes subirlos cada vez.
Comience a editar su imagen cambiando el tamaño del borde (simplemente extravelo directamente de la imagen), escriba una leyenda debajo, agregue texto alternativo (esto influye en su clasificación de búsqueda de SEO), elija el tamaño de la imagen, las dimensiones de la imagen, agregue un enlace a la imagen y use la sección CSS avanzada si ya es un uso experimentado.


Para hacer que el contenido sea más cautivador y que contenga imágenes en vivo, use el bloque de la galería. Los aspectos se crearán automáticamente inmediatamente después de haber elegido las imágenes deseadas en el editor de bloques.

Hack: escribiendo en el teclado Shift+Al+H, la lista de códigos cortos aparecerá en la pantalla, lo que lo ayudará a navegar a través del editor, los últimos cambios, acciones de recuperación o cancelación, modificación de opciones, etc.
Con el editor de Gutenberg, se le enfatiza para cambiar la posición de cada bloque sin esfuerzo, haciendo clic en las flechas (como se muestra a continuación) o tirando de los bloques manuales con el indicador del mouse ubicado entre las flechas. Estructuradas. Ejemplo en el editor de bloques:

Justo en la parte superior del lado derecho en el espacio de edición, encontrará cuatro botones.

Vista previa: así es como se ve su sitio en el front-end. Verifique esto sin la publicación real de la página. Publicar: su publicación será vista por todos los usuarios de Internet en el editor de bloques. Configuración: al hacer clic en la rueda, el panel de configuración correcto desaparecerá y presionará nuevamente, aparecerá. Más: más características que para la configuración. Al hacer clic en este botón, recibirá varias opciones, a saber: la barra de herramientas anterior: la configuración de modificación predeterminada aparecerá como un encabezado pegajoso en la parte superior de la publicación, dependiendo del bloque que use. MODO DE SPARLIGHT, todo, los bloques con los que no trabaja serán semitransparentes, de modo que la atención se centre solo cuando sea necesario, solo en el bloque con el que trabaja. Modo de pantalla completo: con él, no vea la interfaz de WordPress a la izquierda y tendrá un mejor UX, en otras palabras, nada te distrae.

Todas las configuraciones ofrecidas por Gutenberg son más que suficientes para crear contenido genial, original y atractivo para un sitio web de cualquier escala, especialmente si está dispuesto a ejecutar un blog personal y presentar su empresa y productos. Sin embargo, Gutenberg no solo le deja los bloques predeterminados, porque algunos usuarios avanzados, especialmente, pueden querer tener más opciones de personalización y otros nuevos bloques interesantes para jugar. En este sentido, Gutenberg le permite integrar cualquier bloque de bloques en él, que interactuará perfectamente con Gutenberg, su tema y diseño. Complementos adicionales para Gutenberg, o suplementos, son colecciones de nuevos bloques personalizados, que amplían en gran medida las opciones de base de la base de bloques de Gutenberg y ayuda a crear pancartas atractivas, plantillas de bloque, CTA, comerciales, etc. Para ayuda y referencias, está el manual de Gutenberg. GetWid 34+ Bloques únicos para Gutenberg WordPress ¿Cómo crear bloques en WordPress? No es necesario si tiene una maravillosa biblioteca de bloques a mano. GetWid es un suplemento gratuito que le brinda más de 34 bloques adicionales para Gutenberg WordPress Block Editor, que puede integrarse fácilmente en su sitio web. Con GetWid, no tiene que ser un diseñador de bloques para crear contenido extraordinario. El concepto principal detrás de GetWid es hacerlos tan nativos de Gutenberg WordPress. Así es como se ven en la búsqueda:

GetWid Blocks aumenta constantemente su número, ¡por lo que 34+ no es el final! Hay bloques muy fuertes en la colección GetWid, que sin duda le impresionarán con la funcionalidad rica en posiciones: bloque de sección, bloque de banner, bloques deslizantes únicos para imágenes y medios de comunicación, bloque de mazorca y muchos otros bloques fuertes, que no puede usar costos . ! Aunque actualmente hay muchos suplementos de bloque diferentes, no todos son gratuitos y ofrecen una amplia gama de funciones para el editor de bloques de WordPress. Instale GetWid en su sitio web de Gutenberg y no necesitará buscar complementos o bloques de terceros para su sitio, incluido todo lo que necesita. Y en el futuro, habrá más actualizaciones y más bloques, que se crean según las necesidades de las personas. Los temas de bloqueo de temas de WordPress, utilizados para este tutorial de bloques de WordPress, solo se construyen con bloques GetWid y se llama GetWid Basic Theme, una plantilla de bloque perfecta. Este es un tema multifuncional gratuito, que será adecuado para ejecutar un sitio web de cualquier escala y tipo (blog, cartera, etc.). Verifique la conclusión de la demostración de bloque sobre cómo trabajar en el editor de bloques de WordPress Gutenberg es el nuevo editor implícito de WordPress comenzando con la versión 5.0. Este editor de WordPress es revolucionario, porque el elemento principal del sitio web es un bloque, y no escribe código manual, sino simplemente querido y