Bloques de WordPress: Guía final de Gutenberg

Los bloques de WordPress son la característica nueva más grande de WordPress. Con los bloques de WordPress, también conocidos como bloques de Gutenberg, los usuarios pueden experimentar una forma más fácil de crear contenido y páginas ricos de una manera verdaderamente visual.

En este artículo, haremos una inmersión profunda en los bloques de WordPress, cubriendo la historia del nuevo editor de bloques de WordPress ingresado por primera vez en WordPress 5.0. También echaremos un vistazo al impacto de los bloques de WordPress en cómo componen y editan las publicaciones y páginas en su sitio de WordPress. Finalmente, cubriremos un número creciente de complementos de recolección de bloques de WordPress que pueden cambiar drásticamente la forma en que diseña y trabaja con el contenido.
Vamos a empezar.
En esta guía
La historia de WordPress bloquea el nombre del proyecto para el nuevo editor predeterminado de WordPress se llama Gutenberg. El editor Gutenberg ha introducido lo que ahora se llama WordPress Block Editor. Siendo las versiones más esperadas y debatidas de la historia de WordPress, el editor Gutenberg ha sido una desviación dramática del editor clásico anterior que ha existido desde el establecimiento de WordPress.

El objetivo principal de Gutenberg era crear una experiencia de edición de contenido mejor y rica, relacionada con la forma en que las publicaciones y las páginas en WordPress están compuestas y editadas. Más allá de eso, la visión de Gutenberg se extiende más allá del editor de Post / Page, en widgets y bares laterales e incluso en el encabezado y el sótano de un sitio web.
Esencialmente, Gutenberg le permite tomar una publicación o página y dividir el contenido en diferentes “bloques”. Por ejemplo, los bloques de WordPress incluyen un bloque de imágenes, un bloque de párrafo, un bloque de citas, un bloque de título, incluso un bloque de botones. El acalorado debate sobre Gutenberg introdujo por primera vez en WordPress 5.0, WordPress Gutenberg ha sido controvertido en la comunidad de WordPress. Sin embargo, muchos han cambiado con el editor de bloques y, a medida que seguimos viendo el editor mejorado de WordPress, veremos qué tan rápido se agregan características adicionales. Muchos de los miedos discutidos cuando se lanzó por primera vez desaparecen rápidamente, porque vemos una liberación constante de errores y actualizaciones de las características. Si observa la cronología cuando Gutenberg se agregó al núcleo de WordPress, habría visto a muchas personas Estaban bastante molestos y molestos porque el nuevo editor de bloques se incluirá en el núcleo de WordPress. Muchas personas han expresado su insatisfacción de que Gutenberg nunca debería haber sucedido o al menos nunca se ha integrado en el núcleo de WordPress como experiencia implícita del editor. Desafortunadamente, algunas personas creían que sus medios de vida estarían en peligro por el nuevo editor de WordPress Block, que requerirá más actualizaciones de los sitios existentes y que también contribuirá a la desaparición de páginas, que, en los últimos años, han sido ascendido y uso.
Sin embargo, si miramos a Guttenberg ahora, ya no podemos soportar la ira que podríamos sentir. Tampoco podemos continuar descartando a Gutenberg. Está en el núcleo de WordPress. Lo que significa que cuando instala WordPress para iniciar el nuevo sitio, predecirá el editor de bloques de Gutenberg. Los desarrolladores deben comenzar a analizar cómo podemos usar el editor de bloques para su ventaja. Afortunadamente, la comunidad de WordPress es lo suficientemente grande como para que varios desarrolladores que se han comprometido a aprender cómo integrar y adaptar sus propios complementos para trabajar en el editor de bloques como bloques de WordPress. Cuando el editor Gutenberg se agregó por primera vez a WordPress en WordPress 5.0 Core, Hubo una cierta confusión sobre cómo llamarlo. Cuando Gutenberg se insertó en el núcleo de WordPress, el nombre del proyecto fue abandonado. Aunque todavía se llama Gutenberg, el nuevo editor predeterminado de WordPress se llama editor de bloques. El editor de WordPress Block es radicalmente diferente del clásico editor de WordPress, las viejas publicaciones y páginas de WordPress. Con el editor de bloques de WordPress, los usuarios pueden experimentar una forma más fácil de crear contenido y páginas ricos de una manera verdaderamente visual.
El editor de bloques le permite concentrarse en el contenido, que es probablemente los activos más valiosos de su sitio web. El nuevo editor de WordPress también permite a los desarrolladores o agencias crear plantillas personalizadas que permitan a sus clientes una manera fácil de crear contenido nuevo. El editor de bloques analiza el nivel más básico de su página, dividiendo todo en filas. Aún más, puede usar columnas cada fila para dividir su contenido para un mejor control de la ubicación de cada elemento que agregue. El sistema de edición basado en WordPress es realmente notable y puede ser familiar si alguna vez ha usado un complemento de WordPress para el generador de páginas. El resultado es que la experiencia de construir contenido de WordPress se vuelve mucho más visual. El Gutenberg Plus, mientras que Gutenberg ahora se incorpora completamente en WordPress como el nuevo editor de bloques, todavía se desarrolla activamente como complemento Gutenberg disponible en WordPress Plugin Director.
Gutenberg

Con el complemento Gutenberg, puede aprovechar las últimas características agregadas al editor de bloques antes de agregarse al núcleo de WordPress. Instalar y usar el complemento Gutenberg en un sitio de desarrollo es una excelente manera de saber de antemano qué cambios en el editor de bloques vienen en la próxima versión principal de la versión de WordPress.
Por ejemplo, WordPress 5.5 ha lanzado las últimas 10 versiones de la función de complemento Gutenberg en el núcleo de WordPress. ¿Qué son los bloques de WordPress? Para aprovechar al máximo el editor de bloques de WordPress, querrá familiarizarse con todos los elementos predeterminados que incluyen, también conocidos como bloques de WordPress. Aquí tiene muchas opciones familiares, incluida la lista, los párrafos, las citas y más. El bloque está operando en la forma básica de que cada contenido es un bloque. Esto significa que sus publicaciones, sus páginas, cualquier tipo de publicación personalizada que tenga, son todas las colecciones de bloques de WordPress. Una colección de bloques podría ser algo así como una combinación de bloques de títulos, bloques de párrafos, bloques de imágenes, bloques de video y más.
La tabla de bloque de WordPress disponible Esta tabla incluye algunos de los bloques predeterminados de WordPress en WordPress en el nuevo editor de bloques. Player de audio simple.> Muestre una lista de todas las categorías.> Código Fragmentos de código de visualización que respetan Su espacio y pestañas. Muchas columnas, luego agregue los bloques de contenido que desee./TD> Incorporation Videos, imágenes, tweets,
Audio y otro contenido de fuentes externas. TD> Galería Muestre más imágenes en una galería rica. Ayuda a los visitantes (y motores de búsqueda) Comprender la estructura de su contenido. Última publicación muestra una lista de las últimas publicaciones. Cree una lista de marcadores o numerados.> Arrastre la cita , proporcione un interés visual especial en una cita en su texto. más Agregue un elemento “Leer más” separador Cree un descanso entre ideas o secciones con un separador horizontal. /Tr>
distancia Agregue espacio en blanco entre bloques y personalice la altura. El salto a la edición basada en el bloque en WordPress es grande. Si ha utilizado el editor clásico durante mucho tiempo, el cambio será desorientador al principio. Desde nuestra experiencia, la curva de aprendizaje es empinada, pero si obtiene cómo usar bloques de WordPress, incluso puede acelerar cómo compone una publicación.
Si usted es un desarrollador o agencia independiente o incluso alguien que solo construye sitios web de WordPress, desea usar el editor de bloques, porque toda la innovación en WordPress está sucediendo aquí. Como hemos visto con las versiones posteriores de WordPress, Gutenberg continúa mejorando la interfaz, así como el conjunto de características del nuevo editor de bloques. De hecho, el proyecto Gutenberg da forma al futuro de los temas de WordPress. Esto significa que, a medida que continuamos construyendo sitios y WordPress, debemos ser conscientes de todos los cambios que Gutenberg tiene como objetivo abordar, incluso echar un vistazo a la hoja de ruta. El objetivo final del proyecto Gutenberg es simplificar el uso de WordPress. Y ya ha comenzado a hacer esto. Piense en esto cuando finalmente tengamos una edición de sitio, ya no tendremos que aprender a las personas cómo usar widgets. Toda la idea de los widgets desaparecerá. Además de todos estos grandes desarrollos, debe pensar en construir su próximo proyecto con el editor de bloques. Y si continúa leyendo esta publicación, nuestro objetivo es complacer a construir un sitio con el editor de bloques. El editor de bloques y tú:

Editar el contenido en WordPress A medida que comienza a pensar en actualizar los sitios que han existido, una de las mayores preocupaciones puede ser cómo el nuevo editor afecta su contenido existente. Lo último que desea hacer es comenzar a usar una función básica como esta y tener miles de publicaciones (desde la creación de un sitio mayor de 10), de repente pierde el estilo o, lo que es peor, el contenido per se. Afortunadamente, los desarrolladores del Proyecto Gutenberg consideraron esta situación exacta. Su contenido existente se mantendrá y continuará mostrando como lo ha hecho antes. Si utiliza un constructor de páginas u otra forma de editor de contenido y apariencia, continuará mostrándose correctamente. Básicamente, no pasará nada a su contenido existente si actualiza al editor de bloques. ¿Por qué? WordPress se entrega con docenas de bloques, incluido un bloque clásico. De esta manera, su contenido existente se incluirá en un solo bloque clásico hasta que lo convierta manualmente en bloques individuales. El proceso de convertir las publicaciones de WordPress en los bloques de Gutenberg se ve así:
Los bloques individuales pasarán por el contenido e intentarán descubrir el mejor bloque para todo el contenido en el bloque clásico. Puede convertir su bloque clásico en bloques separados separados eligiendo la opción del menú de bloque clásico. Cómo volver al editor clásico puede ocurrir momentos para averiguar que el nuevo editor de bloques no es exactamente compatible con su tema existente o los complementos en ejecución. Si este es el caso, puede deshabilitar el nuevo editor. De instalaciones de bloques que instala el clásico complemento del editor. El complemento del editor clásico fue creado por el equipo de desarrollo de WordPress para ayudar a resolver problemas de compatibilidad con el nuevo editor. También hay para aquellos que necesitan actualizar su versión básica de WordPress, pero no estaban listos para cambiar el contenido en el nuevo editor de bloques. El complemento del editor clásico desactiva el editor de bloques para todo tipo de publicaciones. Es en gran medida un conjunto de todo o nada. Sin embargo, si realmente desea probar el editor de bloques, puede instalar un complemento llamado Gutenberg Manager. Gutenberg Manager es un complemento muy útil que le permite deshabilitar el editor de bloques de ciertos tipos de publicaciones. De esta manera, si usa un generador de páginas o tiene publicaciones personalizadas que aún no desea usar el editor de bloques, puede desactivarlo para esos tipos de contenido. Le permitirá continuar usando el editor de bloques para los tipos de publicaciones que elija. Para instalar este complemento, solo tiene que acceder al director de complementos WP-Admin o agregar un nuevo al hacer una búsqueda de Guttenberg Manager.
El gerente Gutenbergcunicity, del editor de bloques y los bloques de WordPress, si eres como yo y te frustran fácilmente al intentar actualizar un sitio existente, es posible que desee tirar la toalla. Sin embargo, para considerar varias opciones antes de instalar el editor clásico y olvidarnos del uso del editor de bloques. Actualizar y actualizar complementos y temas El primer consejo es asegurarse de actualizar o actualizar todos los complementos y, por supuesto, el tema. El nuevo editor de bloques está en desarrollo solo en los últimos 2 años, por lo que hay altas posibilidades de que cualquiera de los complementos que use se actualice recientemente y se remediará para trabajar con WordPress Blocks. Lo mismo es cierto para los temas. También puede notar que también indicamos la posible necesidad de actualizar sus complementos y tema. No puedo decir cuántas veces he conocido a un sitio de cliente que, por una razón u otra, ha decidido no pagar la suscripción anual o la tarifa anual para renovar sus complementos o temas. Esto significa que es probable que ejecute una versión anterior de ese complemento o se lo vea, por lo que debe pagar para recibir las actualizaciones nuevamente. Los atajos de teclado una forma interesante por la cual el nuevo editor de bloques mejora la capacidad de escritura en su contenido.
Es utilizando los atajos de teclado. Esto reduce la cantidad de interruptor de contexto entre el teclado y el mouse mientras escribe contenido. Si escribe la computadora portátil, es posible que ni siquiera tenga en cuenta el movimiento de su pulgar en la barra espacial hasta el trackpad moviendo el mouse y luego hacia atrás. Un pedido rápido del teclado que será el más útil para usted es cuando tenga que traer el bloque de inserción. Incluí una captura de pantalla de la aparición de la inserción del bloque. Si escribe / en una nueva línea, aparecerá el comando de velocidad. El bloque clásico del bloque clásico está ahí para ayudarlo a eliminar la diferencia entre el flujo de trabajo anterior en el nuevo flujo de trabajo con el nuevo editor. Si por una cierta razón hay algo que no cree que pueda hacer en el nuevo editor de bloques, todo lo que tiene que hacer es agregar un bloque clásico a la página. Puede acceder a la antigua barra de herramientas y a todos esos códigos cortos que estaban disponibles en versiones anteriores de WordPress. Guardar y reutilizar bloques en Gutenberg Una de mis características básicas favoritas del nuevo editor de bloques es la capacidad de guardar y reutilizar bloques para ser utilizados en otras piezas de contenido, también conocidas como bloques reutilizables. Los bloques reutilizables son particularmente útiles para bloggers o propietarios de sitios que a menudo necesitan agregar ciertos fragmentos de contenido a sus artículos o incluso más páginas en su sitio. Para guardar el bloque como un bloque reutilizable, haga clic en el botón de menú ubicado en la esquina derecha de la barra de herramientas de bloque. Luego, desde el menú de selección de ofertas, agregue dos bloques reutilizables y opciones de cotización.
Se le pedirá que proporcione un nombre de bloque. Dé un nombre a su bloque, luego haga clic en el botón de rescate. El editor de bloques ahora guarda el bloque del bloque reutilizable. Para usar ese bloque guardado en otras publicaciones o páginas en su sitio, todo lo que tiene que hacer es mostrar el orden de bloque rápido, desplácese hacia abajo hasta donde escribe reutilizable y luego encuentre el bloque guardado. Si desea administrar todos los bloques reutilizables en la misma ventana, puede hacer clic en el enlace “Administrar todos los bloques reutilizables”. Esto lo llevará a la página del administrador de bloques. Aquí puede editar o eliminar cualquiera de sus bloques reutilizables. También puede exportar bloques reutilizables y usarlos en cualquier otro sitio de WordPress que desee. Consejos de bonificación Para usar bloques de WordPress como profesional, se siente cada vez más cómodo usando el nuevo editor negro, es posible que se pregunte si pasará más tiempo agregando y ajustando bloques, luego creando contenido real. La buena noticia es que el editor de bloques es increíblemente rápido. Incluso para el uso más simple, en unos minutos agregará instantáneamente los bloques de WordPress sin pensar en ello. Pronto se dará cuenta de lo rápido que se ha vuelto el flujo de trabajo con su nuevo enfoque. Y si es un usuario fuerte, hable sobre algunos consejos de bonificación para ayudarlo a trabajar aún más rápido con el nuevo editor. 1. Mueva la barra de bloqueo a la parte superior ahora, hay una barra de instrumentos que aparece en la parte superior de cada bloque de WordPress. Puede mover esta barra de herramientas a la parte superior de la otra.

Todo lo que tiene que hacer es hacer clic en el botón en la esquina superior derecha y luego seleccionar la opción en la barra de herramientas superior. 2. Tire y coloque los medios para crear automáticamente bloques de medios, esta es una característica muy útil y si crea una publicación, destacará más imágenes como una galería. Puede sacarlos fácilmente de la ventana de búsqueda si está en una Mac directamente en el editor de bloques. Esto creará automáticamente un bloque de galería para usted. Puede hacer lo mismo con una sola imagen o archivo de video, y el editor de WordPress creará el bloque para usted. Cómo agregar YouTube, Twitter, Facebook, Vimeo, Otra incorporación de Gutenberg ha introducido Nuevos bloques de incorporación en el editor de bloques. Hay un bloque de WordPress para todos los tipos de incorporación aceptados, incluidos YouTube, Twitter, Facebook, Vimeo, Instagram OH y muchos más. Sin embargo, todo lo que tiene que hacer es copiar e insertar la URL incorporada en cualquier punto del editor de bloques y creará automáticamente un nuevo bloque para usted. Si suministrara una URL de Vimeo, esto crearía automáticamente un bloque de incorporación de Vimeo y mostraría un bloque de incorporación Vimeo y mostraría el video. Vale la pena mirar los bloques de WordPress la siguiente parte de esta guía, exploraremos la gran variedad de complementos de bloques de WordPress. Debe mencionarse que los términos de los complementos de bloqueo y los complementos de recolección de bloques se utilizan de manera intersectable en esta publicación. Esto se debe a que muchos de los complementos enumerados aquí contienen una serie de bloques que puede usar en el editor de bloques.
A medida que más y más personas comienzan a usar el editor de bloques de WordPress, estos complementos de colección de bloques ofrecen una sensación de Wysiwyg más grande, lo que le permite crear hermosos sitios web con solo unos pocos clics. Están diseñados para permitirle cambiar la configuración, agregar / eliminar bloques y cargar su propio contenido, para darle a su página una sensación más personal. Lo sorprendente de esta comunidad es la cantidad de desarrolladores que han visto rápidamente una forma de ingresar a la planta baja de los bloques. Echaremos un vistazo a cuáles son algunos de estos complementos de bloques y cuáles son algunos de los beneficios de usar estos bloques en lugar de solo por los bloques predeterminados entregados con WordPress. Bloques apilados Si está buscando una nueva plataforma para mejorar el editor de bloques de WordPress, debe verificar el apilable. Stackable es uno de los mejores complementos de recolección de bloques que hemos encontrado para WordPress. Tiene 24 bloques, que van desde elementos simples hasta características complejas, como la sede y las cajas de precios. Todos los bloques de complementos están diseñados para ser completamente receptivos, porque el complemento viene tanto en el paquete libre como en el paquete premium. Si está buscando un complemento de bloque integral que le brinde una herramienta sólida para todos los fines y le brinde funcionalidades que no solo son útiles para los bloggers, propietarios de sitios comerciales electrónicos y pequeñas empresas, debe echar un vistazo a apilable.
Ver revisión completa: una revisión de bloque revoltinoso – Gutenberg: WordPress Expandiendo con bloques. Coblocks le ofrece bloques adicionales en la construcción real de filas y columnas, lo que le brinda un verdadero constructor de páginas para Guttenberg. Gracias a su innovador sistema de bloque, le permite crear páginas web increíbles e incluso sitios enteros, con el nuevo editor de WordPress.
En su centro se encuentran los bloques excepcionales de filas y columnas para ayudar a generar áreas de contenido dinámico con un margen receptivo específico y configuraciones de llenado ofrecidas por los únicos coclocks. Cada uno de los bloques de WordPress en coblocks estaba configurado con precisión para proporcionar una experiencia de personalización familiar pero poderosa. Taylor cada bloque a su gusto utilizando nuestros comandos y configuraciones personalizados. Cambie las fuentes, configure el relleno y el borde, combine los colores y más.
Gutenberg Blocks Page Builder – Coblocks
Coblocks te ofrece muchos bloques especializados. Por ejemplo, desde bloques sociales hasta restaurantes o menús de servicios, los coclocks son creados por bloques verdaderamente intuitivos que ofrecen una interfaz fácil de usar. El bloque que me gusta en primer lugar es el bloque de tablas de precios que facilitan la creación rápida de tablas de precios simples pero receptivas, que son adecuadas para una empresa de servicios. Estos bloques especializados incluso completan los temas receptivos para dispositivos móviles y ayudan a crear objetos de aspecto que parecen haberse construido primero en el móvil. Revisión completa del consulado: una revisión de CobloCks: WordPress Block Extension.
Atomic Blocks Atomic Blocks ha sido desarrollado inicialmente por Mike McCall, pero desde entonces ha sido comprado por Studio Press y WP Engine. Los desarrolladores de WordPress Marcos Schratzenstaller y John Parris se unieron y comenzaron a contribuir al complemento. Está disponible en WordPress.org Plugin Director y se puede instalar directamente en su administrador de WordPress.
¿Cuáles son los primeros jugadores en el mercado? Atomic Blocks ha ofrecido una colección de bloques de WordPress para el nuevo editor de blogs de WordPress. Han visto la necesidad de construir rápidamente varios bloques para mejorar su apariencia y sensación de contenido y brindarle más capacidad para usar contenido interactivo.

Ver revisión completa: Una revisión de bloques atómicos: complemento Gutenberg WordPress Block Collection.
Bonificación: el tema de los bloques atómicos del tema del bloque atómico está diseñado para ayudarlo a comenzar con los bloques atómicos del complemento y el nuevo editor de bloques de WordPress. Se integra perfectamente, para que conozca una combinación de opciones de temas y opciones de bloqueo que realmente se ajusten. Tiene estilos elegantes para todos los bloques de editor implícitos, como fotos, galerías, citas, columnas y más. El tema acepta los estilos de alineación amplios del nuevo editor de contenido que se extiende a lo largo de su página. Está claro que el tema Atomic Blocks se integra fácilmente con los bloques atómicos del complemento que agrega páginas para el nuevo editor de WordPress. Los bloques atómicos también agregan bloques de contenido personalizables, como testimonio, notificación, perfil, botón personalizable, acordeón y más. También tiene varias opciones prácticas, como el ancho de contenido, la selección de fuentes, el tamaño de la fuente, el registro y más, para ayudarlo a mejorar su sitio. KadenceWP Blocks Si alguna vez ha pasado algún tiempo en el editor de bloques, comprenderá qué tan limitado puede ser cuando se trata de diseño de diseño. Especialmente cuando vienes de los sitios en los que usaste páginas. Esta es una de las cosas que realmente amo en Kadence WP. Kadence Blocks ofrece una serie de elementos adicionales que le permiten expandir sus opciones para crear páginas dinámicas y flexibles.
La versión gratuita ya es fuerte, le brinda la oportunidad de crear páginas con aspectos complejos, le brinda control sobre columnas, rosa, espacio y más. Sin embargo, Cadence también tiene una versión profesional del complemento de bloqueo. Y la versión Pro es realmente la que quieres obtener. Cadence WP le ofrece una serie de modelos preprotectados, pero no solo se ve bien dadas algunas de las mejores prácticas de diseño, sino que también le permito editar casi todo en cada uno de estos modelos preproyectados. El poder de la cadencia está en su bloque de bloque. El bloque de disposición de la fila le brinda un mejor control de columnas para diferentes tamaños de pantalla, además ofrece herramientas de edición de fila completa, como relleno, fondos, ingredientes de actualización superpuestos, alineación vertical y muchos otros, ya que he construido sitios web con Gutenberg, Kadence WP es probablemente uno de Un pequeño número de complementos de bloques que instalo y cada sitio único. Los bloques profesionales en Kadence WP son el bloque superpuesto de la imagen, el bloque posterior a la cuadrícula / carrusel, el bloque de contenido dividido, el bloque de carrusel del producto, el bloque modal, el bloque de ventana emergente de video y la animación de contaminación.: Expansión del bloque de WordPress.

Vidra Bloqueos en Temo Isle ha creado bloques de nutria, cuyo objetivo es ser uno de los bloques más livianos de los bloques disponibles. Le ofrece 12 bloques con los que puede jugar y personalizar, mientras mantiene un impacto mínimo en el rendimiento de su sitio.
Si eres un blogger, este paquete es realmente para ti. Actualmente, no hay una versión profesional de Otterbox. Cuando intenté crear una página simple con bloques de nutria, descubrí que tomo algunos pasos más en comparación con algunos de los otros bloques que he analizado. Dicho esto, descubrí que era más como lo que experimentaría con páginas, como Beaver Builder. Primero agregue las columnas y luego agregue los bloques que desee en ellas.
Bloques de Gutenberg y Biblioteca de plantillas de Otter
En otros bloques para recolectar bloques, tiene configuraciones alrededor de la cantidad de columnas / características / servicios. Luego tiene algunas configuraciones en cada uno de los bloques. Algunos de los complementos de recolección de bloques intentan ayudar a ahorrar tiempo, pero esto a menudo me llevó a la frustración, porque no pude obtener el diseño deseado.
Ver Revisión completa: WordPress Gutenberg Bloque complementos: Comparación de bloques apilados, atómicos y nutrias.

Advanced Gutenberg Advanced Gutenberg tiene 16 bloques y es uno de los mejores complementos de bloques de WordPress, ya que mejora cómo funciona el editor de bloques.
Advanced Gutenberg le permite filtrar los bloques disponibles en función del rol del usuario e incluye nuevas opciones de personalización para algunos de los bloques de WordPress existentes. Esto significa que no tiene que instalar muchos bloques nuevos y no usar los bloques existentes.
Bloques de Gutenberg: PublishPress Blocks Gutenberg Pluginacest Plugin Editor realmente comienza a exceder los límites del diseño de contenido. Ofrece versiones avanzadas de varios bloques de WordPress más fundamentales, que le brindan opciones de configuración y estilo adicionales. Además, agregue nuevas configuraciones a algunas funciones existentes de editores de bloques. Lo mejor que me gusta de esto es que tienen su propia página de configuración que le permite deshabilitar (deshabilitar) los bloques que no desea usar. En las mismas páginas de configuración, puede cambiar la configuración predeterminada de cada bloque. Esto es increíblemente útil para el sitio web y los trabajadores independientes que crean sitios de clientes. QUBY QUBY se considera no solo un complemento regular de Gutenberg. En cambio, hablamos sobre la verdadera del editor de WordPress Gutenberg y la posibilidad de disfrutar de toneladas de opciones de estilo superior.

Tiene un constructor de diseño junto con la impresión y el estilo e incluso un control receptivo que realmente hace que el editor de bloques de Gutenberg. Quebly ofrece muchas secciones preparadas para importar y usar con el editor de bloques de Gutenberg. Esto le permite ahorrar tiempo mientras desarrolla sus hermosos y amigables sitios web con conversión. Realmente te da la idea de que el editor de bloques de Gutenberg es de hecho solo un constructor de páginas. Además, hay una serie de bloques exclusivos que mejoran la capacidad del editor Gutenberg. Con su enorme colección de bloques exclusivos, fácil de personalizar y usar como principiantes, no es sorprendente que uno de los complementos de bloques de más rápido crecimiento sea colmemente. Viene rápidamente con 32 bloques de gutenberg personalizados, que le permiten diseñar cualquier página como algo simple como página de la página de destino, con algunas imágenes y un texto, tal vez un botón o dos, para algo más complejo, como una completa Menú o restaurante de productos. Suplementos finales para Gutenberg Si proviene de un constructor de páginas, especialmente Elementor o Beaver Builder, un nombre que probablemente sabrá es Brain Force o Astra. Gutenberg Final Complets le ofrece la mejor biblioteca de suplementos disponibles para bloques.
Actualmente, hay 20 de los mejores programas de finalización que se han convertido en bloques de WordPress y actualmente son gratuitos, donde no necesita pagarlos, por lo que es extremadamente útil usar algunos de sus bloques como un sitio que construye su. Si usa Astra como tema de WordPress, que es uno de mis equipos favoritos y hablé sobre el entrenamiento de Ithems, tendrá una cierta familiaridad con los complementos finales para Guttenberg. Como un usuario duradero de formularios de gravedad, uno de mis suplementos favoritos le brinda la oportunidad de formar sus formularios de gravedad. Por lo tanto, los suplementos finales le ofrecen un estilo o una forma de gravedad. Le permite estilizar los campos, otras opciones de color, incluida la apariencia del botón y el estilo, y eventualmente administrar los mensajes. Si no es un usuario de Gravity Forms, pero tal vez un usuario de Forms 7 de contacto, puede tener la oportunidad de usar el Formulario de contacto 7 con el último bloque adicional. Revisión completa del consulado: un kit de fantasma y suplementos finales de Gutenberg: Extension WordPress con bloques.
Ghostkit Ghostkit es una colección y extensión de los bloques de Gutenberg. Actualmente, tiene 21 bloques con este complemento. En su mayor parte, verá bloques de WordPress muy similares a los que encontrará en otros complementos.

Sin embargo, Ghostkit adopta un enfoque para agregar lo que llaman extensiones de bloque. Las extensiones de bloques son esencialmente características adicionales disponibles para los bloques de Gutenberg que están registrados en el editor de bloques. En muchos casos, esto es cierto para los bloques del kit GOST y los bloques básicos. Es posible tener problemas al tratar de ver si estas extensiones están disponibles con otros bloques. Revisión completa del consulado: un kit fantasma y suplementos finales de Gutenberg: extensión de WordPress.

Ultimate Blocks – Gutenberg Blocks Plugin que se quejó como complemento Gutenberg Bloggers y especialistas en marketing, Plugin Ultimate Blocks – Gutenberg Blocks tiene como objetivo facilitar increíblemente un contenido mejor y más cautivador con Gutenberg.
Ultimate Blocks actualmente tiene 19 bloques en su colección. Uno de mis bloques favoritos en esta colección es el bloque de filtración de contenido. Permite a los usuarios filtrar contenido en función de varias selecciones. Todavía son bastante nuevos, solo están en un 2.x.
Ultimate Blocks – complemento de bloques gutenberg
Bloqueo de Gutenberg para Page Builder – Kiken Blocks con Kiken Blocks para Gutenberg, se maximiza la experiencia de sus páginas con el nuevo editor. Kiken Blocks tiene bloques únicos y creativos que lo ayudarán a crear y diseñar rápidamente, buenas páginas y publicaciones como profesional.
Bloqueo de Gutenberg para Page Builder – Kiken Blocks

Gutenberg Blocks – QodeBlock QodeBlocks Collection es una colección de bloques de construcción de páginas para el nuevo editor de bloques de Gutenberg. La versión actual llega al conjunto de 14 bloques con un grado diferente de opciones de estilo en el bloque. Estos bloques son hermosos. QodeBlocks todavía está en desarrollo porque recientemente han publicado una versión 1.0. Me complace ver lo que tienen en la tienda y los comprobaré si continuarán desarrollándose.
Gutenberg Blocks Collection – QodeBlock
Bloques de luz – Gutenberg Blocks Page Builder

Independientemente del tipo de sitio o página de destino que desee crear, Easy Blocks es la solución perfecta. Sus bloques de WordPress para marketing, como acción de llamadas, botones, testimonios, medidores, logotipos. Sus bloques para servicios, como una caja de funciones, una red de funciones, un precio o mesa social, como una acción social, una cuadrícula de Instagram. Incluso hay un encabezado personalizable, un aspecto del contenido y muchos más. También presenta la capacidad de tener múltiples columnas con múltiples estilo para ayudarlo a cualquier tipo de página de destino o producto o servicio desde cero. Easy Blocks viene con 20 bloques que tendrán experiencia en el editor de Gutenberg. Hay una serie de bloques adicionales que están desarrollando y serán arrebatados a tiempo. Kit Blocks: el kit de bloques de Gutenberg para Freelancers Blocks es otro conjunto de bloques de Guenberg con la idea de que apuntaban al contenido de los editores y a los trabajadores independientes. Actualmente tiene 10 bloques disponibles, pero se analizan que continúan agregando más como continuo para desarrollar el complemento.

Una cosa que me pareció interesante sobre este conjunto de complementos es que esto hizo una tonelada de investigación para determinar qué tipo de bloques se necesitarían reales para cualquier tipo de desarrollo de sitios web. Es una lista de opciones basadas en aquellos bloques seleccionados que piensan para diseñar y proporcionan de forma gratuita a cualquier persona que quisiera usar el complemento. Esto hizo posible que cualquier BeInner para un profesional independiente use realmente este kit de plugin.blocks – Gutenberg Blocks para trabajadores independientes
Si bien Blocks Kit es de naturaleza simple, descubrí que es fácil usar todos sus bloques y no parecía mucho peso adicional de la página o tener ningún rendimiento en mi sitio. Un párrafo Si está buscando un pequeño conjunto de bloques adicionales que desea tener disponibles para su sitio, debe verificar este. Pensamientos finales sobre complementos de bloque Hay una serie de incógnitas que estamos viendo en el espacio temático de WordPress cuando entramos en el mundo del nuevo editor de WordPress. Cuando pensamos en los cambios que probablemente aparecerán en los próximos meses, es difícil saber dónde pasar su tiempo como desarrollador de bloques. Si todavía desea jugar a lo seguro con su sitio, creo que Otter Blocks es una buena opción para aquellos que quieren vivir en el mundo de CSS. Extracto de bloques de WordPress Hay la cantidad de complementos de bloques de WordPress adicionales que funcionan para proporcionarle cambios de funcionalidad general en el editor de bloques, por lo que es el ajuste en esta sección. Se trata de agregar valor a todo Gutenberg o editor de bloques. Complemento de gutenberg (el proyecto)
Gutenberg

Como se mencionó anteriormente en la publicación, el complemento Gutenberg es un proyecto muy activo y, por lo tanto, todavía tiene un complemento separado que puede instalar para tomar los relés antes de que se incluya en WordPress Core. Si desea consultar algunas de esas nuevas características antes de que WordPress se actualice para incluir la versión más reciente de Gutenberg, puede instalar este complemento y que esas características estén disponibles de inmediato. Animación de bloques: animaciones CSS para Gutenberg Blocksblocks Animación: animaciones CSS para Gutenberg Blocks
Este complemento de animación de bloques agrega una configuración de animación a cada bloque, pero está registrado con el editor de bloques. Esto significa que agrega un momento de animación CSS que esté disponible para bloquear con Guttenberg. Hay tres configuraciones para agregar a la configuración del bloque. La primera de la animación la segunda es el retraso y el tercero es la velocidad. Cada uno tiene un menú desplegable con algunas opciones diferentes que puede seleccionar. Diseño de bloques adicionales, estilo, CSS para cualquier bloque de gutenberg
Diseño de bloques adicionales, estilo, CSS para cualquier bloque de gutenberg

Este complemento le permite personalizar cualquier elemento creado en el editor de bloques Gutenberg con más de 60 opciones. Funciona con todos los bloques de Guenberg, lo que significa que si tiene un complemento que tiene un bloque o tiene un complemento que tiene varios bloques registrados con el editor de bloques, todo esto será editable con este complemento. De esta manera, puede expandir sus bloques . Gutenberg esencial con varias opciones de diseño sin alcanzar ninguna línea de código. Incluso agregaron un editor de CSS que permite a los usuarios que desean cambiar sus bloques de Gutenberg utilizando el código CSS. Como un bono adicional, el estilista trabajará con ciertas páginas constructores: Elementor
Constructor de castor
Compositor visual

Compositor en vivo
Rey compositor

Fusion Page Builder
Page Builder Sandwich
En negrita

También puede usar este complemento para personalizar los estilos de formulación creados con los siguientes complementos de formulación:

Forma ninja
Formulario de contacto 7
Formulario de contacto de WPFFORMS
Formas de caldera
Formularios de luz para MailChimp
Fórmulas formidables
Deshabilitar los bloques de Gutenberg – Gerente de bloques
Deshabilitar los bloques de Gutenberg – Gerente de bloques
Analizamos una serie de complementos para bloques de Gutenberg y probablemente instaló más en este momento. El problema es que si agrega algunos complementos de colecciones de bloques, el editor de bloques puede estar rápidamente lleno. Por esta razón, se creó el complemento Disable Gutenberg Blocks. Este complemento le permite deshabilitar los bloques que no necesita o sus clientes. Esto puede ser extremadamente útil si dice que le gusta un bloque de precios en una colección, y otras colecciones también incluyen una caja de precios OH, puede eliminar a los demás. Para usar este complemento, todo lo que tiene que hacer es ir al WP-Admin, luego acceder a la configuración y luego apagar los bloques allí, le dará una lista de bloques registrados y puede comenzar a deshabilitar aquellos que no desea aparecer dentro del bloque Gutenberg. Probablemente sea evidente, pero lo diré de todos modos, si descubre que elimina todos los bloques de una colección específica, probablemente debería deshacerse de todo el complemento. Creación de bloques de WordPress personalizados antes de los bloqueos de WordPress, si usted es un desarrollador que quería agregar un cierto código al editor de contenido, debe insertarlo directamente en el editor clásico. O debe seguir la ruta de los códigos cortos de WordPress. Un código corto es algo que podría agregar fácilmente a su contenido. Se abrió con un soporte cuadrado y se ha cerrado con un soporte cuadrado. Sin embargo, con el nuevo editor de bloques, el uso de códigos cortos probablemente se convertirá en algo del pasado.
Si usa un complemento existente que tiene un código corto para incorporar esa parte del contenido o la de su publicación, debe tener una solución visual, para que pueda ver cómo se ve en la página. Cuando miras qué bloques de WordPress hay en el editor, realmente ves que son solo muchos campos personalizados. Ahora se guardan en un lugar diferente de la base de datos que en el pasado. Esto significa que hay más complementos que pueden crear características adicionales para permitirle crear bloques muy fácilmente con muchas de las mismas características utilizando campos personalizados. Si desea más control sobre un bloque o desea construir funciones en su complemento en un bloque de WordPress, las siguientes dos herramientas lo ayudarán a comenzar. Bloquee el laboratorio para pensarlo por un minuto. Si piensa en los bloques de WordPress en el nivel más rudimentario, todos los bloques son campos personalizados. Sin embargo, la diferencia son los campos y tipos de valores que usa para cada bloque. Con Block Lab, puede agregar nuevos bloques al editor y asignarles una categoría.
Para cada bloque, puede agregar tantos campos personalizados que desee elegir entre una amplia gama de preajuste. Sin embargo, necesitará saber cómo crear plantillas HTML simples para personalizar cada aparición en el bloque. Aquí puedo ayudarlo a describir el proceso para que tenga una idea de qué esperar. Los campos personalizados Advanced Advanced Fields personalizados son probablemente el complemento más utilizado para cualquier persona que trabaje con campos personalizados. Se ha construido durante mucho tiempo durante muchos años de actividad, por lo que no es de extrañar que también construyan funcionalidades para construir y registrar bloques de WordPress con el nuevo editor. ACF le permite crear bloques personalizados en unos minutos en lugar de horas. . Lo mejor de todo, si ya sabe cómo escribir PHP y HTML simples, puede hacerlo y dejar que ACF Pro haga todo lo posible para crear en su bloque.
Campos personalizados avanzados
ACF Pro ha simplificado el proceso hasta solo tres pasos. 1. Registre un bloque Si está familiarizado con el registro de un tipo de publicación en el WP, podrá grabar un bloque con ACF Pro. La función utiliza un formato muy similar al registro de un tipo de publicación, pero en este caso podemos registrar un bloque. 2. Cree un grupo de campo una vez que haya registrado el siguiente paso del bloque que necesita hacer es crear un campo de grupo. Una cosa que debemos saber aquí es que todos y cada uno de los campos ACF se pueden usar en su bloque para que no tenga limitaciones de lo que está bloqueado puede o no puede hacer. Una vez que haya creado el grupo de campo, debe configurar la ubicación. Use la regla de bloqueo para seleccionar el tipo de bloque recién registrado. 3. Juega el bloque al final, el último paso del proceso es que debes decirle cómo jugar el bloque. Este es esencialmente el mismo proceso que utilizó para mostrar campos personalizados, sin embargo, HTML y PHP estarán envueltos en una función. En la función PHP anteriormente, mencionamos un conjunto de llamadas. Esta es la función PHP que reproducirá sus bloques HTML. Aquí escribirá todo el código personalizado para sus bloques. Esto es realmente todo lo que existe. Puede crear un bloque de estos pasos con ACF Pro. El alcance de los bloqueos ACF Al usar un bloque escrito con ACF, guardará los datos en el valor del trabajo subrayando en lugar de la tabla WP_PostMeta, como lo hacen los meta cuadros cuando se usa el editor clásico. Este es un cambio menor en su pensamiento cuando ha utilizado el complemento ACF Pro para el lugar donde sus datos.
se guardará en la base de datos. Ya sea que lo ames o lo odies, la forma en que Gutenberg almacena sus datos permite mucha flexibilidad. Los bloques ACF se pueden insertar varias veces dentro de la misma publicación, se pueden reordenar, editar y limpiar sin hinchazón en la mesa de metal. ¿Quiere paso a paso cómo construir bloques de gutenberg personalizados? Vea este curso de capacitación para averiguar cómo usar campos personalizados avanzados para construir bloques de WordPress: cómo crear bloques personalizados de Gutenberg utilizando campos personalizados avanzados.
Una mejor manera de construir bloques de WordPress mientras le he ofrecido dos formas en que podría usar complementos para construir bloques, oh, esta no es la forma oficial en que se construyen los bloques. El editor de bloques presenta una adicción mucho más pesada para que un desarrollador conozca y comprenda cómo escribir JavaScript. Desde un punto de vista histórico, WordPress se ha construido principalmente utilizando PHP, que muchos desarrolladores han aprendido a lo largo de los años. Esto significa que podría haber una curva de aprendizaje para los desarrolladores que no se han tomado el tiempo para aprender JavaScript. Los bloques de Gutenberg se crean principalmente utilizando el React JavaScript. Si desea adoptar un enfoque más nativo para construir bloques de WordPress, debe consultar una publicación de blog de Ahmad Awais, crear el conjunto de herramientas Guten Block: ¡Lanzamiento, introducción, filosofía y muchos más!
Al crear un proyecto GitHub Create Guten Block para ayudarlo a crear bloques de Gutenberg un poco más fáciles.Hay muchos otros tutoriales allí para descubrir cómo crear un bloque de WordPress usando React y JavaScript.Si esto le interesa y usted quiere aprender a hacer, le animo a que investigue y encuentre esos tutoriales e incluso una carrera o curso para ayudarlo a comenzar con reaccionamientos y bloques.Conclusión:
Bloques de WordPress y futuros WordPress Como puede ver, los bloques de WordPress cambian el curso de WordPress. Este es un momento increíble para estar en la comunidad de WordPress como desarrollador, constructor de sitios o creador de sitios. Los bloques de WordPress continúan cambiando la ruta actual de WordPress. Ahora tenemos las herramientas incorporadas nativas para competir con soluciones alojadas por sitios web como Squarespace, WIX y muchas más. Vi cómo los desarrolladores ya han aparecido en tan poco tiempo para construir y crear colecciones de complementos de bloques muy potentes que nos permitan usar el editor de bloques de una manera nueva. Yo, si eres propietario de un sitio o eres independiente o constructor de sitios y comienza a trabajar con la construcción de nuevos sitios en 2020, te animo a que intentes construir algunos sitios con el editor de bloques. Creo que te sorprenderá cuánto puedes hacer con el editor negro que no requiere que se implementen algunos otros complementos. (Aunque debe instalar una serie de complementos de bloques, realmente puede instalar una colección de bloques y limitar los recursos que obtienen en línea para el front-end). En términos de rendimiento, veo que el editor de bloques y los complementos se bloquean como un Manera de mantener su rendimiento muy rápido y fácil. Anteriormente, antes de usar el editor de bloques, puede tener complementos que se cargan en cada página, si ese complemento es necesario en una página o no. Finalmente, la transición al editor de bloques y los bloques de WordPress ayudan a los desarrolladores a escribir un código mejor y más eficiente.
Nos permite, como constructores de propietarios de sitios y sitios, crear sitios que funcionen bien en el cuadro, porque ahora se utilizan las herramientas adecuadas. Contenido adicional: Guía definitiva para el editor de bloques de WordPress
Descargar ahora
AJ Morris
AJ aporta más de dos décadas de experiencia trabajando y desarrollando sitios de membresía con una amplia gama de clientes.



Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Biblioteca Divi: explorarea posibilităților de sincronizare selectivă a bibliotecii Divi

Biblioteca Divi: explorarea posibilităților de sincronizare selectivă a bibliotecii Divi

Leave a Reply

Your email address will not be published. Required fields are marked *