Descubre en este tutorial cómo modificar la altura por defecto del bloque espaciador en WordPress mediante código.
A menudo, al trabajar con los bloques nativos de WordPress, podemos encontrar que ciertas configuraciones predeterminadas no se ajustan completamente a nuestras necesidades. En particular, el bloque espaciador, que se utiliza para añadir espacio en blanco entre otros bloques, viene con una altura por defecto que puede no ser la ideal para todos los diseños.
En este tutorial vas a ver cómo puedes modificar su tamaño por defecto para que cada vez que introduzcas un bloque espaciador, se introduzca ya con la medida que más te conviene en tu instalación.
Código para modificar la altura por defecto del bloque espaciador
Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 2045 snippets de esta web,
identifícate o suscríbete aquí.
Este fragmento de código utiliza el filtro block_type_metadata
para personalizar la altura por defecto del bloque espaciador. Al especificar una altura de '24px'
, cada vez que insertes un bloque espaciador en tu editor, este tendrá automáticamente 24 píxeles de altura, evitando así la necesidad de ajustarlo manualmente cada vez.
Esto es solo un ejemplo, puedes ajustarlo a tus necesidades y ver los atributos determinados que tiene cada bloque en la documentación oficial.
Si tu tema usa espacios predefinidos, algo muy recomendable, también puedes indicar que tome la variable de CSS. Por ejemplo:
Para ver este código y los otros 2045 snippets de esta web,
identifícate o suscríbete aquí.
Y si en algún caso quieres modificarlos para que tengan otra altura, podrás hacerlo sin problema.
Conclusión
Personalizar los ajustes por defecto de los bloques en WordPress puede ser una herramienta poderosa para optimizar tu flujo de trabajo y asegurar que el diseño de tu sitio se mantenga consistente y alineado con tu visión. A través del uso del filtro block_type_metadata
, se ofrece una solución simple y efectiva para ajustar la altura por defecto del bloque espaciador, lo que te permite ahorrar tiempo y esfuerzo en la configuración de tus páginas.
¿Alguna duda? Te leo en los comentarios.
Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor. 😉