Pregunta sobre Gutenberg de Wordpress:

Bloque contenedor

Un usuario preguntó 👇

¡Hola! Pensé que con la versión reciente (WP 5.2) obtendríamos un solo bloque de contenedor / carpeta / columna, pero no lo veo después de la actualización. ¿Sigue sucediendo esto? Actualmente estoy construyendo los sitios web más pirateados porque no tengo esta funcionalidad. Los bloques de una sola columna o los bloques de carpetas / contenedores son cruciales para los desarrolladores web. ¿Alguna noticia sobre esto?

(@hozefasmile)

Hace 1 año, 9 meses

Creo que el bloque de columna actual en sí mismo se puede usar como un bloque contenedor de carpetas. Si agregamos una columna con una sola columna primero en ella, agreguemos nuevamente una columna que contenga múltiples columnas o columnas individuales adentro. De esta manera, las columnas anidadas pueden crear una solución de envoltura completa para agrupar varias filas (con varias columnas) y varios bloques en su interior.

Pero una función rápida deseada en el bloque de columnas es una función plegable. De modo que podamos romper fácilmente el bloque de la columna principal exterior cuando sea necesario para ver diferentes partes de la página (bloques exteriores) y podamos arrastrar toda la sección hacia arriba y hacia abajo según sea necesario (con un pequeño arrastre, ya que caerá, tomando menos altura). Además, si podemos mostrar un nombre para la columna principal que se mostrará en el editor, habrá otro punto más para identificar qué columna está en la sección.

(@talldanwp)

Hace 1 año, 9 meses

Hola @vitamincee, hay un nuevo bloque de grupo en el plugin Gutenberg, pero desafortunadamente no se lanzó en WordPress 5.2. El desarrollo no se completó completamente a tiempo para su inclusión en 5.2.

Tengo entendido que debería estar en la versión 5.3.

(@hozefasmile)

Hace 1 año, 9 meses

Hola @talldanwp, ¿Quieres decir que este nuevo grupo de bloques es la alternativa al bloque de columnas, un gran problema en la versión reciente de un bloque de columnas que estoy viendo es que ahora no permite tener una columna, su valor es mínimo establecido en 2, ¿por qué no le gustó este cambio de función al bloque de columnas?

Lanzador de hilos

(@vitamincee)

Hace 1 año, 9 meses

¡Gracias @talldanwp! Suspenderé algunos desarrollos hasta que se publique.

(@talldanwp)

Hace 1 año, 9 meses

Hola @hozefasmile, el bloque de grupo se verá como una columna. Tiene algunas características adicionales que lo distinguen de una columna, como la capacidad de establecer un color de fondo, y algunas otras planificadas también (la capacidad de agrupar una opción de bloque usando un atajo de teclado o una opción de menú, tal vez imágenes de fondo). Las opciones de alineación también deben comportarse de manera ligeramente diferente, mientras que alinea el bloque al ancho completo, el contenido debe permanecer estrecho (si el tema lo admite).

(@francishunger)

Hace 1 año, 9 meses

En realidad, ya se ha renovado en el _Plugin_ de Gutenberg, por lo que cuando instale el plugin sobre su palabra 5.2 existente, obtendrá Gutenberg 5.5. y con el Grupo.

Esta es una adición muy necesaria y estoy feliz de verla. Especialmente permite el funcionamiento sin aditivos adicionales.

Lanzador de hilos

(@vitamincee)

Hace 1 año, 9 meses

¡¡Gracias por señalarme esto @francishunger !! ¡No tenía idea de que pudieras instalar Gutenberg como un plugin además de WP 5.2! Lo acabo de hacer y puedo continuar con este proyecto, pensé que tenía que posponerlo. ¡¡¡Gracias!!!

(@hozefasmile)

Hace 1 año, 9 meses

@francishunger, lo usé realmente más prometedor, puedo agrupar por grupo y esto me libera de la delimitación del bloque de columnas, ahora puedo proporcionar clases de arranque en mi camino para diseños tipo contenedor-> fila-> col-md-3 srl. Esto da libertad para diseñar nuestras páginas.

Pero una sugerencia que me gustaría mencionar para este bloque en particular, debería ser desplegable. Para que podamos ver fácilmente partes de toda la página y también será útil arrastrar todo el grupo hacia arriba y hacia abajo (no es necesario desplazarse mucho).

(@hozefasmile)

Hace 1 año, 7 meses

@talldanwp, en la última actualización de gutenberg, un bloque de grupo ahora está creando un div contenedor interno dentro de su div principal, y eso me está causando muchos problemas. Principalmente uso bootstrap para diseñar temas. Ahora, si quiero organizar como contenedor> fila> col-6, etc. No puedo hacer eso usando blockchain.

En el pasado, solo creaba un bloque, pero le asignaba una clase «contenedor», luego creaba un bloque de grupo dentro de ese grupo y le asignaba un nombre de clase «fila» y luego nuevamente creaba un bloque de grupo dentro de él con el nombre de clase «col-6» A él. hacer que mi diseño de arranque funcione.

Pero ahora que el grupo está creando automáticamente un div contenedor interno, ahora no tengo libertad para dar mi propia estructura de clases.

Por favor, ¿hay alguna forma de blockchain sin crear un div div contenedor interno? Por favor, dame una solución; de lo contrario, todo el desarrollo de temas basado en bootstrap se romperá.

(@dagu)

Hace 1 año, 7 meses

@hozefasmile Por lo que puedo decir, no hay forma de deshacerse de ese contenedor interno.

Una solución es usar un script para la fachada y agregar la fila de clase a ese contenedor interno. Pero también limita el uso de varias capas dentro del mismo contenedor.

En lugar de poder contener> fila + fila + fila… tendrías un contenedor> fila / fila> fila / fila> fila.

Agregue esto a su scripts.js.

$(".bootstrap-fix .container > .wp-block-group__inner-container").addClass("row").removeClass("wp-block-group__inner-container");

Sin embargo, es un poco trivial y solo funciona con ciertas instancias y nuevas actualizaciones si cambian el diseño / nombre de la clase que desea corregir.

Entonces, al agregar contenido que ya no agregaría 3 bloques de grupo, solo agregaría un grupo de bloques (con una clase de contenedor personalizada y el script apilaría la clase con el contenedor interno creado por WP) y luego solo los bloques agrupan sus columnas .

También recomendaría eliminar la clase interna de los bloques de los grupos de columnas.

$(".bootstrap-fix .row > div > .wp-block-group__inner-container").removeClass("wp-block-group__inner-container");

Utilizo una clase .bootstrap-fix para la sección de contenido de mis páginas personalizadas por si acaso, para asegurarme de que no haya ningún conflicto con mi diseño codificado.

También limita el uso de materiales de alineación centrados en el artículo / autor-autor … porque ya no puede agregar clases al contenedor en una fila.

Terminé agregando otro script en el que agregué esas 2 clases (alineación / autor) al grupo de contenedores y se corrieron una a la otra.

Todo es muy predecible pero no pude encontrar una alternativa.

Y sí, el navegador no tiene javascript, lo descompone todo.

Esta respuesta fue modificada hace 1 año, 7 meses.

(@hozefasmile)

Hace 1 año, 7 meses

@dagu Es demasiado hacky y no es compatible en todos los casos.

Este plugin utiliza un método muy simple para eliminar el gancho de filtro para eliminar Div externa de cualquier tipo de bloque que crea, consulte la URL https://lazyblocks.com/documentation/blocks-code/php/

add_filter( 'lazyblock/my_block_slug/frontend_allow_wrapper', '__return_false' );

@talldanwp, ¿no podemos implementar un gancho de filtro tan simple para eliminarlo de un bloque de grupo en wordpress?

(@dagu)

Hace 1 año, 7 meses

@hozefasmile oh sí, estoy de acuerdo, muy hacky.

personalmente terminé creando mi propio bloque usando un plugin, duplicado del grupo de bloques existente con el plugin gutenberg. es básicamente una cuestión de eliminar ese div.

no parece un asunto complicado … aunque admito que no estoy tan familiarizado con él y esto es muy nuevo para mí, así que tal vez ese contenedor tenga algún tipo de propósito que no puedo ver en este momento .

<div className={ classes } style={ styles }>
<div className="wp-block-group__inner-container">
<InnerBlocks
renderAppender={ ! hasInnerBlocks && InnerBlocks.ButtonBlockAppender }
/>
</div>
</div>

que sigue siendo un enfoque trivial y trivial, ya que todas las actualizaciones pueden perderse con actualizaciones futuras; si el plugin no funciona / se elimina por algún motivo, todo el contenido se pierde, ni siquiera puede conservar el html. Hasta donde puedo decir, este es un problema conocido con todos los bloques que contienen otros bloques (componente InnerBlocks); otros han hablado de esto en otros lugares.

por cierto, ese también es el caso con el plugin oficial de gutenberg, si elimina el plugin por cualquier motivo, no puede guardar el contenido, no vale la pena convertirlo a html.

la única forma de conservar el contenido que conozco es utilizar un plugin de editor clásico y abrir la página directamente con el editor clásico. que conserva el contenido / html / diseño.

todo es muy profético, no importa cómo se mire.

la única solución correcta para usted ahora es intentar atraer al diseñador para que diseñe algo que no requiera estas características. :))

(@talldanwp)

Hace 1 año, 6 meses

@hozefasmile Perdón por la demora en la respuesta. Es una gran lástima que bootstrap ya no sea compatible. No creo que se haya considerado el caso de uso principal del grupo de bloques, que se trata principalmente de organizar el contenido en lugar de crear un sistema de cuadrícula.

¿Alguna vez ha considerado ver bloques en la tienda de plugins? Hice una búsqueda en «bloque de cuadrícula de arranque» y parece que hay algunos plugins que pueden satisfacer sus necesidades.

(@hozefasmile)

Hace 1 año, 6 meses

@talldanwp, no se trata del uso de bloques, sino de personalizar la salida html del bloque, muchos bloques, incluido este grupo de bloques, crean una etiqueta div adicional para el bloque, en muchos casos no necesitamos que este extra tenga un div en la salida, por lo que un filtro simple se necesita una función para eliminar un div adicional para cualquier bloque en particular, como un bloque de grupo en este caso, mencioné un ejemplo de un plugin arriba y veo simplemente que ese plugin permite eliminar la función de filtro div adicional

(@talldanwp)

Hace 1 año, 6 meses

> no para el uso de bloques, sino para personalizar la salida del bloque html.

@hozefasmile No estaría de acuerdo cortésmente. La cadena de bloques no se consideró durante el desarrollo para admitir bootstrap, no según lo previsto. Esa es toda la razón de su caso. Puede usar un filtro para eliminar el div (hay muchos filtros de bloque: https://developer.wordpress.org/block-editor/developers/filters/block-filters/), pero existe la posibilidad de cambiarlo siempre en el futuro, el bloque volvería a plantear problemas de compatibilidad. Este es un bloque que ni siquiera se ha lanzado en el corazón de WordPress.

Por otro lado, esperamos mantener un bloqueo de un plugin destinado a ser utilizado con bootstrap con el objetivo de seguir trabajando con bootstrap. Es menos probable que tenga problemas de compatibilidad en el futuro, por lo que creo que es la mejor solución para su problema.

De todos modos, aquí hay algunos antecedentes adicionales sobre por qué el extra div Adicional:
https://github.com/WordPress/gutenberg/pull/15210

También hay un problema aquí que parece relevante, aunque probablemente se creó antes que el plugin div liberar:
https://github.com/WordPress/gutenberg/issues/15926

Puede valer la pena agregar su comentario a esa pregunta si tiene una cuenta de github. Ya he comentado y vinculado a este hilo del foro.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *