Volver al soporte Contenido y multimedia Introducción al editor de WordPress

Introducción al editor de WordPress

Si es la primera vez que editas en WordPress, esta guía te ayudará a familiarizarte con las opciones y ajustes de la interfaz del editor.

Aprende la interfaz

Para acceder al editor de WordPress:

  1. Empieza desde el escritorio de tu sitio.
  2. Haz clic en Páginas o Entradas en el lado izquierdo.
  3. Haz clic en el título de cualquier página o entrada para abrir el editor.

En los temas compatibles, también puedes abrir el editor desde Apariencia → Editor.

El editor se compone de tres áreas principales:

  1. El menú superior
  2. Los ajustes de la barra lateral
  3. El área de contenido

Menú superior

Menú superior del editor de WordPress con varios iconos para diferentes funciones del editor.

En la parte superior de la pantalla, encontrarás las siguientes opciones:

Una sección de la barra de herramientas superior con el icono de salida resaltado.

Salir del editor: muestra el icono W por defecto o el icono de tu sitio si has subido este icono. Haz clic para salir del editor.

Sección de la barra de herramientas superior con el icono del insertador de bloques resaltado.

+ Insertador de bloques: añade bloques de contenido a tu página como texto, imágenes y mucho más.

Sección de la barra de herramientas superior con el icono de herramientas resaltado.

Herramientas: puedes elegir entre editar o elegir un bloque. Para seleccionar bloques individuales, elige la herramienta Seleccionar. Cuando hayas elegido un bloque, pulsa la tecla Intro en el teclado para volver a la edición.

Sección de la barra de herramientas superior con los iconos Deshacer y Rehacer resaltados.

Deshacer y Rehacer: te permite deshacer una acción o rehacer una acción previamente deshecha.

Sección de la barra de herramientas superior con el icono Vista de lista resaltado.

Vista de lista: ver una lista de todos los bloques que hay en la página. Útil para navegar a través de los diferentes bloques.

El icono Vista de lista también abre una segunda sección denominada Esquema, que muestra el título, los encabezados, el número de caracteres y el número de palabras de la página.

Sección de la barra de herramientas superior con el Centro de comandos resaltado.

Centro de comandos: muestra el título de la página o plantilla que estás editando. Haz clic en esta área para escribir un comando o buscar otras páginas y plantillas en tu sitio.

Sección de la barra de herramientas superior con el icono de vista resaltado.

Cambia la ventana gráfica para ver tu contenido en pantallas de ordenador, tableta o móvil. Haz clic en «Ver sitio» para abrir tu web en una pestaña nueva.

Sección de la barra de herramientas superior con el icono de vista previa resaltado.

Cuando se publica una página o entrada, aparece una opción para previsualizar el contenido en una nueva pestaña.

Sección de la barra de herramientas superior con el botón Guardar resaltado.

Guarda los cambios que has hecho. Haz clic una vez para ver las páginas y plantillas afectadas. Vuelve a hacer clic en el botón «Guardar» para confirmar los cambios.

Sección de la barra de herramientas superior con el icono de ajustes resaltado.

Ajustes: muestra u oculta los ajustes de la barra lateral.

Sección de la barra de herramientas superior con el icono de Jetpack resaltado.

Jetpack: accede a funciones adicionales con la tecnología de nuestro plugin de Jetpack.

Sección de la barra de herramientas superior con el icono de ayuda resaltado.

Busca guías de soporte útiles. Contacta con nosotros si tienes planes válidos.

Sección de la barra de herramientas superior con el icono Opciones resaltado.

Opciones: permite ver opciones adicionales.

Área de contenido

El área de contenido es la parte más grande del editor. Aquí es donde puedes agregar bloques de contenido a tu página, tus entradas y tus plantillas.

Añadir bloques al área de contenido

Ajustes de la barra lateral

El icono de la barra lateral de ajustes tiene la forma de un cuadrado con dos columnas desiguales:

El icono de ajustes, resaltado, en la parte superior del editor de WordPress.
El icono de ajustes en la esquina superior derecha

Ajustes de páginas y entradas

Al editar una sola página o entrada, la barra lateral de ajustes incluye las siguientes opciones:

Ajustes del bloque

Cambia a la pestaña Bloque para acceder a los ajustes del elemento específico en el que estás trabajando.

Si haces clic en un bloque en el área de contenido, la barra lateral cambiará a la pestaña Bloque para mostrar los ajustes de ese bloque.

Una flecha dibujada desde el icono de ajustes del menú superior hasta la pestaña Bloque de la barra lateral.
Haz clic en el icono Ajustes y, a continuación, en la pestaña Bloque para revelar estos ajustes

Jetpack

El menú de la barra lateral Jetpack te permite:

  • Utiliza el AI Assistant de Jetpack para revisar y optimizar tu contenido.
  • Obtener una vista previa del aspecto de la página/entrada en las redes sociales y en la búsqueda de Google. (Solo en sitios con plugins activados).
  • Obtén el enlace corto de tu página/entrada.
  • Comparte tu entrada con las redes sociales conectadas.
  • Genera un código QR para tu página o entrada.
  • Alterna los botones «me gusta» y de compartir para esa página/entrada.
Una flecha dibujada desde el icono de ajustes del menú superior hasta la pestaña Jetpack de la barra lateral.
Haz clic en el icono de Jetpack para ver estos ajustes

Más opciones

Para acceder a más opciones, haz clic en los tres puntos a la derecha del icono de ajustes en la esquina superior derecha. Aquí, puedes personalizar tu experiencia de edición mediante diversas opciones.

Ver

Muestra u oculta la barra de herramientas superior en el editor. Si habilitas esta opción, las barras de herramientas del bloque se fijan en la parte superior de la pantalla en lugar de aparecer directamente sobre el bloque.

Con el modo de enfoque, todos los bloques aparecen atenuados excepto el bloque en el que estás trabajando para que puedas enfocarte en un solo bloque a la vez.

Editor

Por defecto, estarás en el editor visual. Cambia al editor de código para ver toda la página en código HTML.

Plugins

Muestra el plugin Jetpack por defecto y cualquier otro plugin y su configuración, si está instalado en tu sitio.

Herramientas

Aquí, puedes gestionar los patrones existentes, aprender atajos de teclado, revisitar la guía de bienvenida del editor, copiar todo el contenido de la página/entrada o consultar recursos de ayuda adicionales.

Preferencias

El menú Preferencias te permite:

  • Personalizar aún más tu experiencia de edición.
  • Cambiar tu forma de interactuar con los bloques y qué bloques aparecen cuando buscas un bloque.
  • Mostrar u ocultar paneles de forma individual desde los ajustes de la página/entrada.
El menú Más opciones.
Más opciones

Personalizar el editor

Copied to clipboard!