Cómo eliminar un bloque en WordPress (4 métodos fáciles)

Eliminar u ocultar bloques innecesarios en el editor de contenido puede limpiar tu menú de bloques. También te ayuda a mantenerte enfocado al facilitar la búsqueda rápida de los bloques que necesitas.

Varios de nuestros redactores han deshabilitado bloques innecesarios en su editor de Gutenberg para mantener la interfaz limpia y sencilla.

Desde que hicieron este cambio, han reportado un gran impulso tanto en productividad como en concentración al escribir.

En este artículo, te mostraremos instrucciones paso a paso sobre cómo eliminar un bloque en WordPress.

¿Por qué eliminar, ocultar o borrar un bloque en WordPress?

Si tienes un blog de WordPress, entonces usarás el editor de Gutenberg para crear publicaciones y páginas para tu sitio web. Aquí, notarás algunos bloques en el menú que probablemente nunca usarás en tu sitio.

Por ejemplo, el editor de contenido ofrece un bloque de Verso que se puede usar para insertar poesía o letras de canciones. Sin embargo, si tienes un blog de comida o de moda, entonces este bloque principal es completamente irrelevante para tu contenido.

En ese caso, simplemente puedes eliminar estos bloques del editor de publicaciones para crear una interfaz más limpia y enfocada.

Sin embargo, si no quieres eliminar el bloque y su funcionalidad, puedes ocultarlo usando la función de visibilidad de bloques predeterminada de WordPress. De esta manera, el bloque no se elimina por completo y puedes acceder a él fácilmente si lo necesitas.

Por otro lado, si cometiste un error en tu publicación o quieres eliminar contenido, entonces no necesitas eliminar o ocultar un bloque para ello. Simplemente puedes eliminar ese bloque específico dentro de la publicación.

Esto eliminará el contenido que agregaste usando ese bloque sin eliminar el bloque de WordPress por completo. Por ejemplo, si agregaste varios bloques de encabezado, puedes eliminar uno de ellos para hacer que tu contenido sea más legible.

Dicho esto, veamos cómo eliminar fácilmente bloques en WordPress. Hemos agregado cuatro métodos en este tutorial, y puedes usar los enlaces a continuación para saltar al método de tu elección:

• Método 1: Eliminar un bloque en el editor de WordPress
• Método 2: Ocultar un bloque en WordPress
• Método 3: Eliminar bloques principales en WordPress
• Método 4: Eliminar un bloque de plugin en WordPress
• Extra: Crear un patrón sincronizado en WordPress
• Preguntas Frecuentes

Método 1: Eliminar un bloque en el editor de WordPress

Si quieres eliminar bloques en tu contenido, este método es para ti. Ten en cuenta que estos bloques no se eliminarán del menú de bloques, sino que se eliminarán de las publicaciones de blog de WordPress de las que formaban parte.

Primero, necesitas seleccionar el bloque que planeas eliminar simplemente haciendo clic en él.

Después de eso, haz clic en el ícono de tres puntos en la barra de herramientas del bloque para abrir un menú. Desde aquí, selecciona la opción 'Eliminar' para quitar el bloque de tu publicación de blog.

Por otro lado, también puedes eliminar múltiples bloques en el contenido. Primero, debes seleccionar todos los bloques que deseas eliminar arrastrando el mouse sobre ellos.

Después de eso, haz clic en el ícono de tres puntos en la barra de herramientas del bloque y haz clic en la opción 'Eliminar' en el menú.

Si buscas un atajo, incluso puedes eliminar un bloque en el editor de contenido haciendo clic en las teclas Shift + Alt + Z para Windows y Linux y ⌃ + ⌥ + Z para macOS.

Método 2: Ocultar un bloque en WordPress

Si no quieres eliminar completamente un bloque, usa este método.

Puedes usar la función de visibilidad de bloques de WordPress para ocultar el bloque del menú y recuperarlo fácilmente cuando lo necesites.

Para hacer esto, debes abrir el editor de bloques y hacer clic en el ícono de tres puntos en la esquina superior derecha de la pantalla. Esto abrirá el menú desplegable desde donde debes seleccionar la opción 'Preferencias'.

Esto abrirá una ventana emergente en la pantalla. Aquí, cambia a la pestaña 'Bloques' y desmarca las casillas junto a los bloques que deseas ocultar en el editor de publicaciones.

También puedes deshabilitar bloques de plugins desde aquí, como el bloque WPForms o el bloque Soliloquy.

Una vez que hayas terminado, simplemente haz clic en el ícono 'X' para salir del aviso. Ahora has ocultado exitosamente los bloques en WordPress.

Para ver los resultados, haz clic en el botón ‘+’ en la esquina superior izquierda para abrir el menú de bloques. Aquí, notarás que los bloques que elegiste ya no son visibles.

Cuando quieras recuperar esos bloques, simplemente haz clic en el ícono de tres puntos nuevamente y selecciona la opción de preferencias.

Una vez que se abra la ventana emergente, cambia a la pestaña ‘Bloques’ y haz clic en el enlace ‘Restablecer’ para que los bloques vuelvan a ser visibles.

Sin embargo, la única desventaja de este método es que no puedes mostrar bloques individuales. Esto significa que, incluso si quieres hacer visible uno de los bloques ocultos, al hacer clic en el enlace ‘Restablecer’ se mostrarán todos tus bloques elegidos.

Si esto te parece un problema, entonces puedes usar el siguiente método.

Método 3: Eliminar bloques principales en WordPress

Este método utiliza un enfoque de ‘lista de permitidos’ para eliminar completamente los bloques predeterminados del editor de WordPress.

Esto es ideal para crear un entorno de edición altamente restrictivo porque definirás exactamente qué bloques (como el bloque de imagen, párrafo o encabezado) están permitidos, y todo lo demás se eliminará.

Para eliminar un bloque principal de WordPress, necesitarás agregar un fragmento de código PHP. Si bien podrías agregar este código al archivo functions.php de tu tema, te recomendamos encarecidamente que no lo hagas.

Un pequeño error en el código podría dañar tu sitio, y tus cambios se perderán la próxima vez que actualices tu tema.

Es por eso que te recomendamos usar WPCode en su lugar. Es el mejor plugin de fragmentos de código de WordPress del mercado y la forma más segura de agregar código personalizado a tu sitio web.

Lo usamos para administrar fragmentos de código en nuestros propios sitios, y nunca nos ha fallado. Para obtener más información, consulta nuestra reseña completa de WPCode.

Primero, necesitas instalar y activar el plugin WPCode. Para más detalles, consulta nuestra guía para principiantes sobre cómo instalar un plugin de WordPress.

Tras la activación, visita la página Code Snippets » + Add Snippet desde el panel de WordPress y haz clic en el botón ‘Use Snippet’ bajo la opción ‘Add Your Custom Code (New Snippet)’.

Esto te dirigirá a la página ‘Create Custom Snippet’, donde debes agregar un nombre para el fragmento de código que estás creando.

Luego, elige ‘PHP Snippet’ como el Tipo de Código en el menú desplegable de la derecha.

Después de eso, necesitas agregar el siguiente código personalizado en el cuadro ‘Code Preview’:

add_filter( 'allowed_block_types_all', function( $allowed_blocks, $editor_context ): array {
    $allowed_blocks = [
        'core/paragraph',
        'core/heading',
        'core/list',
        'core/list-item',
        'core/quote',
        'core/preformatted',
        'core/pullquote',
        'core/table',
        'core/gallery',
        'core/image',
        'core/video',
        'core/spacer',
        'core/separator',
        'core/shortcode',
        'core/embed',
    ];
    return $allowed_blocks;
}, 100, 2 );

Este código utiliza un filtro de WordPress llamado allowed_block_types_all. Este filtro le dice a WordPress exactamente qué bloques están permitidos en el editor.

El código proporciona una lista específica de bloques principales que están permitidos en tu sitio. Cualquier bloque que no se mencione en esta lista, como el bloque ‘Verse’, se eliminará automáticamente del editor de bloques.

Sin embargo, si también deseas eliminar uno de los bloques que se menciona en el código, como el bloque ‘Separator’, simplemente puedes eliminarlo del fragmento de código.

De manera similar, si un bloque no se menciona en el fragmento de código pero no deseas eliminarlo, puedes agregar su nombre a la lista de bloques.

Puedes hacer esto fácilmente escribiendo ‘core/’ y luego agregando el nombre del bloque de esta manera:

‘core/verse’ ,

Luego, desplázate hacia abajo hasta la sección ‘Inserción’ y selecciona el modo ‘Inserción automática’.

Una vez que hagas eso, el código personalizado se ejecutará automáticamente en tu sitio al activarse.

Luego, desplázate de regreso a la parte superior y cambia el interruptor ‘Inactivo’ a ‘Activo’.

Finalmente, haz clic en el botón ‘Save Snippet’ para guardar tu configuración.

Ahora puedes visitar el editor de bloques para ver los cambios en acción.

Aquí, notarás que los bloques clásico, de portada, separador, archivo y muchos otros se eliminarán del menú de bloques porque no formaban parte de tu lista de fragmentos de código.

Método 4: Eliminar un bloque de plugin en WordPress

Este método se puede usar cuando deseas eliminar un bloque que fue introducido por un plugin.

Muchos plugins de WordPress agregan bloques en el editor de contenido. Estos bloques facilitan enormemente la adición de la funcionalidad del plugin a tus publicaciones de blog o páginas.

Por ejemplo, All in One SEO para WordPress agrega bloques de Preguntas Frecuentes, migas de pan, tabla de contenido y sitemaps HTML al editor de contenido.

Sin embargo, a veces, es posible que no desees usar uno de los bloques que ofrece el plugin porque sientes que es irrelevante para tu contenido. En ese caso, puedes eliminar el bloque del plugin usando código personalizado.

Para hacer esto, necesitarás WPCode, que es el mejor plugin de fragmentos de código y la forma más segura de agregar código personalizado a tu sitio web.

Primero, necesitas instalar y activar el plugin gratuito WPCode. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, visita la página Fragmentos de Código » + Agregar Fragmento desde el panel de WordPress. Aquí, haz clic en el botón ‘Usar Fragmento’ en la opción ‘Agregar tu Código Personalizado (Nuevo Fragmento)’.

Una vez en la página ‘Crear Fragmento Personalizado’, puedes comenzar agregando un nombre para tu fragmento de código con fines de identificación.

Luego, elige ‘PHP Snippet’ como el Tipo de Código en el menú desplegable de la derecha.

Después de eso, agrega el siguiente fragmento de código en el cuadro de vista previa del código:

Solo recuerda reemplazar el nombre del bloque del plugin con el bloque que deseas eliminar.

add_action( 'init', function() {
    unregister_block_type( 'aioseo/breadcrumbs' );
}, PHP_INT_MAX );

Para obtener este nombre, debes abrir el editor de Gutenberg y agregar el bloque del plugin a la página/publicación.

Luego, haz clic en el ícono de tres puntos en la esquina superior derecha de la pantalla para abrir el menú desplegable. Desde aquí, cambia al editor de código.

Una vez que cambies, busca un comentario HTML que comience con <!– wp:.

El nombre completo del bloque, como aioseo/breadcrumbs, aparecerá justo después de esa etiqueta de apertura.

Copia este nombre y regresa a la página ‘Crear Fragmento Personalizado’ donde debes pegarlo.

Luego, desplázate hacia abajo hasta la sección ‘Inserción’ y selecciona el modo ‘Insertar Automáticamente’.

Esta opción ejecutará automáticamente el fragmento de código personalizado al activarlo.

Después de eso, cambia el interruptor de ‘Inactivo’ a ‘Activo’.

A continuación, haz clic en el botón ‘Guardar Fragmento’ en la parte superior para almacenar tu configuración.

Ahora, abre el editor de bloques en tu sitio web de WordPress y busca el bloque que eliminaste.

Aquí, verás que el bloque que eliminaste seguirá mostrándose en el menú, pero una vez que lo agregues a la página o publicación, solo mostrará un error de bloque no válido.

Extra: Crear un patrón sincronizado en WordPress

Además de ocultar bloques, también puedes ahorrar tiempo creando Patrones Sincronizados, que solían llamarse ‘Bloques Reutilizables’ en versiones anteriores de WordPress.

Esta función te permite guardar un bloque o un grupo de bloques que puedes usar en otras publicaciones y páginas. Cuando actualizas el patrón sincronizado en un lugar, se actualiza automáticamente en todos los lugares donde lo hayas usado.

Por ejemplo, puedes crear un patrón sincronizado para CTA, formularios de comentarios, productos de afiliados y más. Para hacer esto, debes abrir el editor de bloques y escribir el contenido que deseas convertir en un bloque reutilizable.

Después de eso, haz clic en el ícono de tres puntos en la barra de herramientas del bloque para abrir un menú desplegable. Desde aquí, selecciona la opción ‘Crear Patrón’.

Luego, simplemente agrega un nombre para tu bloque y haz clic en el botón ‘Crear’ para almacenar tu configuración.

Ahora, el bloque reutilizable se guardará en la base de datos de WordPress y podrás agregarlo fácilmente a tus páginas o publicaciones usando el menú de bloques.

Para más información, consulta nuestro tutorial sobre cómo crear un bloque reutilizable en WordPress.

Preguntas Frecuentes

Aquí tienes algunas preguntas que nuestros lectores hacen frecuentemente sobre cómo eliminar un bloque en WordPress:

¿Cuál es la diferencia entre eliminar, ocultar y remover un bloque?

Eliminar un bloque lo quita de una sola publicación o página, pero el tipo de bloque sigue estando disponible en el editor. Ocultar un bloque lo saca del menú de bloques, pero puedes recuperarlo fácilmente desde el panel de Preferencias.

Remover un bloque con código lo deshabilita por completo en todo tu sitio, de modo que nadie puede usarlo.

¿Es posible deshacer la eliminación de un bloque?

Sí, es posible deshacer los cambios. Si ocultaste un bloque, puedes volver a mostrarlo desde el menú ‘Preferencias’.

Si eliminaste un bloque usando código en WPCode, simplemente puedes desactivar o eliminar ese fragmento de código específico para restaurar el bloque.

¿Ocultar o eliminar bloques acelerará mi sitio web?

Ocultar o eliminar bloques impacta principalmente el editor de backend donde creas contenido. Tiene un efecto muy mínimo, si es que tiene alguno, en la velocidad del frontend de tu sitio web que experimentan tus visitantes.

El beneficio principal es mejorar tu propio flujo de trabajo. Al crear una interfaz más limpia, puedes encontrar los bloques que necesitas más rápido y escribir de manera más eficiente.

Esperamos que este artículo te haya ayudado a aprender cómo eliminar bloques fácilmente en WordPress. También te puede interesar nuestra guía para principiantes sobre cómo usar el editor de bloques de WordPress y nuestra lista de problemas comunes del editor de bloques y cómo solucionarlos.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.