Cómo agregar o eliminar el espacio libre entre los bloques de WordPress (4 modos)

¿Le gustaría agregar o eliminar el espacio libre entre los bloques de WordPress? Agregar o eliminar el espacio libre entre los bloques de WordPress le brinda más control sobre el diseño de su sitio de WordPress. En este artículo, le mostraremos cómo agregar o eliminar el espacio libre entre los bloques de WordPress paso a paso.

¿Por qué agregar o eliminar el espacio libre entre los bloques de WordPress? WordPress facilita la creación de páginas y publicaciones personalizadas con el editor de bloques de WordPress incorporado. Sin embargo, puede notar que cuando agrega ciertos bloques, hay demasiada o muy pequeña distancia. Al agregar o eliminar el espacio libre entre sus bloques de WordPress, puede crear aspectos de página personalizados exactamente como lo desee.
Con más control sobre el diseño final de su sitio de WordPress, puede brindar a los visitantes una mejor experiencia de usuario. Dicho esto, para ver cómo agregar o eliminar el espacio libre entre los bloques de WordPress en su sitio. Simplemente use los enlaces rápidos a continuación para moverse directamente al método que desea usar.
Agregue espacio libre con el editor de bloques de WordPress
Agregue o elimine el espacio libre agregando código a WordPress
Agregar o eliminar el espacio libre con el héroe CSS
Agregue o elimine el espacio libre con SeedProd
Método 1. Agregar espacio libre entre los bloques de WordPress con el editor de bloques La forma más fácil de agregar espacio libre entre sus bloques es usar el editor de bloques de WordPress. Hay un bloque de espaciado construido que le permite agregar espacio libre con unos pocos clics.
Para usar esto, abra la publicación o página que desea editar y haga clic en el botón “Plus”. Luego busque “espaciador” y seleccione el bloque. Esto ingresará automáticamente un espaciador en la página. Puede hacerlo más grande o más pequeño tirando del bloque hacia arriba o hacia abajo.

Después de haber terminado, haga clic en el botón “Actualizar” para guardar los cambios. Tenga en cuenta que este método solo le permite agregar espacio entre bloques. Para eliminar el espacio, deberá usar uno de los otros métodos a continuación. Método 2. Agregar o eliminar el espacio libre entre los bloques de WordPress agregando CSS personalizado Otra forma de agregar y eliminar el espacio libre entre bloques es agregar un código CSS personalizado al tema.

Si no ha hecho esto antes, le recomendamos que eche un vistazo a nuestra guía sobre cómo agregar fácilmente CSS personalizado a su sitio de WordPress antes de comenzar. Luego abra la página o publicación que desea editar y luego haga clic en el bloque que desea agregar o eliminar el espacio libre. Luego, haga clic en el elemento del menú “Bloque” en el panel de opciones.
Después de eso, desplácese hacia abajo hacia el menú desplegable “Avanzado” y haga clic en él. Esto trae un conjunto de opciones adicionales para ese bloque. Luego, al cuadro “CSS CLUS adicional”, agregue el siguiente código:

.Add-Remove-Bottom-Space
Este fragmento crea un nuevo especial de clase CSS para ese bloque.
Después de eso, haga clic en el botón “Actualizar” para guardar los cambios. Luego explore la apariencia »Personalización para mostrar el tema de WordPress.

Luego desplácese hacia abajo y haga clic en la opción de menú “CSS adicional”. Muestra un campo donde puede agregar CS. Luego inserte el siguiente fragmento de código en el cuadro.

.Add-Remove-Bottom-Space {

Botón de margen: 0;
}
Este fragmento de código establece el borde inferior en cero y eliminará el espacio libre del bloque. Si desea agregar espacio a la parte inferior, simplemente cambie “0” en algo como “20px”.
Una vez que haya realizado los cambios, asegúrese de hacer clic en el botón “Publicar” para hacer los cambios en vivo. Guardar el código CSS personalizado utilizando un complemento que agrega CSS personalizado para personalizar el tema de WordPress, solo se guardará para el tema que está utilizando actualmente. Si cambia el tema de WordPress, deberá copiar el código CSS en su nuevo tema. Si desea aplicar su CSS personalizado, independientemente del tema que use, deberá usar el complemento CSS simple. Lo primero que debe hacer es instalar y activar el complemento. Para obtener más detalles, consulte nuestra guía sobre cómo instalar un complemento de WordPress.
Después de la activación, simplemente acceda al aspecto CSS personalizado y agregue el código CSS personalizado.

Cuando haya terminado, haga clic en el botón “CSS personalizado” para guardar los cambios.
Método. Esto le permite realizar cambios visuales en su blog de WordPress sin editar ningún código CSS. Recomendamos usar el complemento CSS Hero. Le permite editar casi todos los estilo CSS en su sitio web de WordPress sin escribir una sola línea de código. Lo primero que debe hacer es instalar y activar el complemento. Para obtener más detalles, consulte nuestra guía para principiantes sobre cómo instalar un complemento de WordPress.

Al activar, debe hacer clic en el botón “Continuar activación del producto” para activar el complemento. Encontrará el botón directamente sobre su lista de complementos instalados. Esto lo lleva a una pantalla donde necesita ingresar su nombre de usuario y contraseña. Luego siga las instrucciones en la pantalla y será redirigido al tablero una vez que se verifique su cuenta.

Luego debe abrir la página o publicación que desea editar, luego haga clic en el botón “CSS Hero” en la parte superior de la barra de herramientas de administración de WordPress.
Esto abrirá la misma página que CSS Hero corriendo por encima de ella. El complemento utiliza un editor visual, por lo que puede hacer cambios de tiempo real. Al hacer clic en cualquier elemento de su página, aparecerá una barra de herramientas en el lado izquierdo de la página para hacer personalizaciones.

Para eliminar o agregar espacio libre entre sus bloques, haga clic en la opción “Espacios” y luego desplácese hacia abajo a la sección “Bottom de margen”. Aquí puede mover el deslizamiento hacia arriba o hacia abajo para agregar o eliminar el espacio libre.
Cualquier cambio que realice aparecerá automáticamente en su página Después de haber terminado de hacer cambios, debe hacer clic en el botón “Guardar” para realizar cambios en vivo. Método.

Puede usar la biblioteca de más de 150 plantillas para crear 404 páginas personalizadas, páginas de ventas, páginas de destino y más. SeedProd se puede usar incluso para crear un tema personalizado de WordPress sin escribir ningún código.

Con el generador de deslizamiento y colocación, tiene control total sobre el diseño de su sitio y puede eliminar fácilmente o agregar espaciado a cualquier elemento del sitio. Para obtener más información, consulte nuestra guía sobre cómo crear una página personalizada en WordPress. A medida que personaliza su página, puede agregar espacio en cualquier lugar utilizando el bloque Space.
Simplemente tire y colóquelo en cualquier lugar de la página donde desee agregar más espacio entre bloques. Luego puede usar la diapositiva para ajustar su altura.

También puede controlar la distancia entre cualquier bloque. Para hacer esto, haga clic en cualquier bloque desde el que desea agregar o eliminar espacio. Muestra el panel de opción a la izquierda. Luego haga clic en la pestaña “Avanzado”.

Luego, desplácese hacia abajo en el menú desplegable “espaciado” y haga clic en él.Esto muestra un menú en el que puede controlar el “margen”.Simplemente ingrese un número en el cuadro en el borde inferior para agregar espacio o eliminar el número para eliminar cualquier espacio libre existente. Después de que termine de hacer cambios, haga clic en el botón “Guardar” y seleccione el menú desplegable “Publicar” para hacer en vivo cambios.
Esperamos que este artículo lo haya ayudado a aprender cómo agregar o eliminar el espacio libre entre los bloques de WordPress.Además, es posible que desee ver nuestra guía sobre cómo comenzar su propio podcast y nuestras elecciones de expertos con los mejores sitios web gratuitos en comparación.Si le gustó este artículo, suscríbase a nuestro canal de YouTube para los tutoriales de video de WordPress.También puede encontrarnos en Twitter y Facebook.