Cuando trabajas en el contenido de tu sitio, es posible que necesites mover un bloque (o varios bloques) a otra parte de la página. Esta guía te mostrará distintos métodos para seleccionar y mover los bloques correctos.
En esta guía
¿Tienes alguna pregunta?
Pregunta a nuestro asistente de soporteEn este vídeo, aprenderás a seleccionar y mover bloques en el editor de WordPress. Se explica cómo seleccionar un bloque haciendo clic en él o mediante la Vista de lista, y cómo mover uno o varios bloques con las flechas de la barra de herramientas o arrastrándolos en la Vista de lista.
Antes de mover un bloque, asegúrate de que has seleccionado el bloque adecuado. Aunque la mayoría de los bloques pueden seleccionarse haciendo clic en ellos una vez, algunos bloques están anidados, es decir, están dentro de otros. Por ello, vamos a ver los distintos métodos para seleccionar el bloque que desees mover.
Para acceder a la Vista de lista, haz clic en el icono con tres líneas horizontales apiladas una sobre otra que está situado en la parte superior izquierda de la pantalla:
Aparecerá una lista de todos los bloques que has insertado en la página o entrada para que puedas seleccionar el bloque en el que quieras trabajar.
En la imagen de la derecha, aparecen varios bloques dentro de una sola columna que se encuentra dentro de un bloque de columnas. Así, si quisiéramos mover el bloque de columnas y todo su contenido, haríamos clic en el bloque de columnas que contiene lo demás.
Para más consejos sobre la Vista de lista, consulta nuestra guía de la Vista de lista.
Otra manera de asegurarte de que seleccionas el bloque que quieres es comprobar las rutas de navegación en la parte inferior de la pantalla, marcadas en naranja en la imagen de abajo. Se llaman rutas de navegación porque te muestran en qué parte del contenido estás:
El bloque que hayas seleccionado será el último de la lista de rutas de navegación. Para seleccionar otro bloque, haz clic en su nombre.
Algunos bloques están anidados dentro de otros bloques (denominados bloques «padre»), y necesitas una forma sencilla de seleccionar esos últimos.
Otra manera de hacerlo es mediante el selector de bloque padre que se muestra en la barra de herramientas de algunos bloques:
Al hacer clic en un bloque que tiene un bloque padre, se mostrará un botón situado a la izquierda en la barra de herramientas del bloque y marcado en naranja, como se muestra en la imagen de arriba. Al hacer clic en ese botón, se seleccionará el bloque padre (en este caso, el bloque de columnas).
Esto puede resultar útil en muchos casos, por ejemplo, si tienes texto dentro de una columna y necesitas seleccionar el bloque Columnas, o si tienes varios botones dentro de un bloque de botones y necesitas seleccionar ese bloque.
Existen varios métodos para mover el bloque que hayas seleccionado.
Para mover un bloque, selecciónalo; aparecerá inmediatamente una barra de herramientas encima o debajo de él. A continuación, puedes moverlo haciendo clic en las flechas hacia arriba y hacia abajo para desplazarlo una posición hacia arriba o hacia abajo.
También puedes arrastrar un bloque a otra ubicación con el icono de seis puntos de la barra de herramientas.
En la siguiente animación se muestran ambos métodos:
Como alternativa, puedes utilizar la Vista de lista para ver una lista completa de los bloques de tu página y hacer clic y arrastrarlos a nuevas posiciones:
Con el ratón, puedes arrastrar y soltar un bloque hasta la posición deseada:
Los bloques anidados están anidados dentro de bloques de diseño, como columnas, filas o pilas. Puedes mover estos bloques haciendo clic en las flechas de la barra de herramientas del bloque:
Puedes mover varios bloques a la vez seleccionándolos primero con el ratón y luego haciendo clic en las flechas de la barra de herramientas, tal como se muestra a continuación:
También puedes usar la Vista de lista para seleccionar varios bloques a la vez y arrastrarlos a nuevas posiciones:
- Abre la Vista de lista haciendo clic en el icono con tres líneas horizontales en la esquina superior izquierda del editor.
- Haz clic en el primer bloque.
- Mantén pulsada la tecla Mayús del teclado y haz clic en el último bloque. Así se seleccionarán todos los bloques entre el primero y el último.
- Haz clic y arrastra los bloques a la posición deseada.
💡
Selecciona todos los bloques en la Vista de lista con el atajo de teclado CTRL + A en PC o CMD + A en Mac.
Si quieres colocar bloques uno al lado del otro en vez de uno debajo del otro, inserta primero el bloque de columnas. A continuación, puedes insertar cualquier bloque dentro de cada columna.
Si quieres colocar contenido existente dentro de columnas, inserta primero el bloque Columnas y luego usa la Vista de lista para hacer clic y arrastrar los bloques a una columna.
Esta sección se aplica a sitios creados con el Creador de webs con IA (todos los planes de pago) o a sitios que tienen activado el Agente de WordPress (todos los planes de pago). Abre el Agente de WordPress haciendo clic en el icono de IA (una estrella de cuatro puntas) en la parte inferior de la pantalla.
El Agente de WordPress puede ayudarte a revisar y mejorar la estructura y el flujo del contenido de tu página. A continuación, tienes algunos ejemplos de instrucciones que puedes copiar y usar:
- «Revisa esta página y sugiere un orden mejor para las secciones.»
- «¿Tiene sentido la estructura de esta entrada para una guía paso a paso?»
- «¿Qué contenido debería ir primero en la página de inicio de un porfolio?»
- «Sugiere cómo reorganizar estas secciones para mejorar la legibilidad.»
Puedes usar agentes de IA como Claude, Cursor, ChatGPT, OpenClaw y otros para leer y editar tu sitio web de forma segura. Activa el acceso a la herramienta MCP para agentes de IA.
El Agente de WordPress puede reorganizar y reordenar bloques en tus páginas y entradas a partir de instrucciones en lenguaje natural. Aquí tienes algunas instrucciones que puedes probar:
- «Reordena las secciones de mi página de Servicios para que la sección de precios quede al final.»
- «Mueve el bloque de imagen destacada a la parte superior de mi última entrada.»
- «Intercambia el primer y el segundo párrafo de mi página «Acerca de».»
- «Mueve el bloque de botón de contacto justo debajo de la sección principal de mi página de inicio.»