Volver al soporte Diseña tu sitio Editor del sitio Usa el Editor del sitio

Usa el Editor del sitio

Con el Editor del sitio, puedes diseñar todo el contenido de tu sitio mediante bloques (desde el encabezado hasta el pie de página). Esta guía te mostrará cómo funciona el editor.

Acceder al Editor del sitio

Para visitar el Editor del sitio, sigue estos pasos:

  1. Empieza desde el escritorio de tu sitio.
  2. Busca Apariencia en el lado izquierdo.
  3. Haz clic en Editor.

Si no ves Editor aquí, tu tema no es compatible con el Editor del sitio. Recomendamos cambiar a un tema compatible para hacer uso de las últimas funciones de edición de WordPress.

Captura de pantalla que muestra cómo abrir el Editor del sitio desde el menú Apariencia → Editor.
Acceder al Editor del sitio desde la pestaña Apariencia en el escritorio

Cuando llegues al Editor del sitio, encontrarás lo siguiente:

Barra lateral izquierda

La barra lateral izquierda ofrece las siguientes opciones:

  • Navegación: gestiona los menús de navegación de tu sitio.
  • Estilos: personaliza los colores, las fuentes y otros aspectos de diseño de tu sitio.
  • Páginas: edita el contenido de páginas individuales de tu sitio.
  • Plantillas: edita el diseño estructural del contenido de tu sitio.
  • Patrones: edita las partes más pequeñas de tus plantillas (como el encabezado y el pie de página) y los patrones que hayas creado.

Tu página de inicio se mostrará a la derecha de estas opciones. Haz clic en cualquier lugar de esta zona para cerrar la barra lateral izquierda y abrir tu página de inicio en el editor.

Página de diseño del Editor del sitio con las opciones Navegación, Estilos, Páginas, Plantillas y Patrones.

Menú superior

En la parte superior del Editor del sitio hay varias opciones, que se explican a continuación:

Cada icono en la parte superior del Editor del sitio.
  1. Abrir navegación: haz clic una vez en el icono de tu sitio (o en el icono por defecto si aún no has configurado uno) para volver a las opciones de la barra lateral izquierda descritas en la sección anterior. Haz clic de nuevo para volver a tu escritorio.
  2. Alternar insertador de bloques: haz clic en este botón para añadir un nuevo bloque.
  3. 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.
  4. Deshacer: anula la acción más reciente que hayas realizado.
  5. Rehacer: vuelve a activar una acción que hayas anulado con el botón Deshacer.
  6. Vista de lista: ver una lista de todos los bloques que hay en la página. Vista de lista: esta opción es útil para ver la estructura de la página y editar, mover y eliminar bloques.
  7. Centro de comandos: muestra el nombre de la plantilla que estás editando. Haz clic aquí para buscar en las plantillas de tu sitio.
  8. Ver: muestra una vista previa de la apariencia de tu sitio con los cambios aplicados.
  9. Ver página: abre la página en una pestaña nueva.
  10. Guardar: guarda los cambios que hayas realizado. Obtén más información sobre la opción de guardar.
  11. Estilos: personaliza los colores, las fuentes y mucho más. Obtén más información sobre Estilos.
  12. Ajustes: muestra u oculta la barra lateral de ajustes de la derecha.
  13. Centro de ayuda: busca en nuestras guías útiles o ponte en contacto con el servicio de soporte sobre los planes que cumplen los requisitos.
  14. Más opciones: permite abrir los ajustes y herramientas adicionales.

Guardar cambios

Cuando hagas clic en el botón «Guardar» para guardar los cambios que hayas realizado con el Editor del sitio, se señalarán las áreas modificadas. Puedes guardarlos todos o solo algunos. Ten en cuenta que algunos de estos cambios (como los de las plantillas del encabezado y del pie de página) se aplicarán a todas las páginas de tu sitio que utilizan estas plantillas, no solo a la página en la que has estado trabajando.

Barra lateral de ajustes (derecha)

Encontrarás la barra lateral de ajustes en el lateral de la pantalla.

Si no ves la barra lateral a la derecha, es posible que tengas que hacer clic en el icono de ajustes situado en la esquina superior derecha para que aparezcan los ajustes. El icono parece un cuadrado con dos columnas desiguales.

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

En la parte superior, encontrarás el nombre de la plantilla utilizada. Haz clic en los tres puntos situados a la derecha del nombre de la plantilla para restablecer la plantilla al valor por defecto del tema, deshaciendo cualquier personalización que hayas realizado.

Si existen versiones anteriores de la plantilla, encontrarás un enlace «revisiones». Este enlace es útil para revertir cambios anteriores sin restablecer la plantilla por completo. Más información sobre las revisiones de plantillas.

En la sección «Contenido», encontrarás partes de plantillas (normalmente el encabezado y el pie de página), en las que puedes hacer clic para actualizar esos elementos de todo el sitio.

Haz clic en la pestaña «Bloque» para ver los ajustes del bloque específico que hayas seleccionado.

La barra lateral derecha en el editor del sitio.
Las opciones adicionales de esta área variarán en función del tema y la plantilla utilizados.

Estilos

Usa la opción Estilos en el Editor del sitio para elegir paletas de colores, fuentes, diseños y más aspectos de diseño que afectan a todo tu sitio. Descubre cómo usar Estilos.

Un cuadro alrededor del icono Estilos.
El botón Estilos

Guías adicionales

A continuación, te mostramos más recursos y tutoriales útiles para obtener más información sobre todos los aspectos de la edición del sitio:

Copied to clipboard!