Con el editor del sitio, puedes editar visualmente todo tu sitio, incluidas las cabeceras, los pies de página y las plantillas, sin necesidad de código. En esta guía, aprenderás sobre las herramientas básicas integradas en el editor del sitio.
Este vídeo está en inglés.
YouTube ofrece funciones de traducción automática para que puedas verlo en tu idioma:
Para subtítulos automáticos:
- Reproduce el vídeo.
- Haz clic en ⚙️ Ajustes (abajo a la derecha).
- Elige Subtítulos/CC → Traducción automática.
- Selecciona tu idioma.
Para audio doblado automáticamente (experimental):
- Haz clic en ⚙️ Ajustes.
- Selecciona Pista de audio.
- Selecciona el idioma en el que quieras escuchar el vídeo.
ℹ️ Las traducciones y doblajes son generados por Google, pueden no ser perfectos y aún no están disponibles para todos los idiomas.
El editor del sitio es lo que usarás para modificar el diseño de tu sitio web, incluidas las plantillas, los menús de navegación y las páginas.
Para visitar el Editor del sitio, sigue estos pasos:
- Empieza desde el escritorio de tu sitio.
- Pasa el cursor por encima o haz clic en Apariencia en el lado izquierdo.
- Haz clic en Editor.
Si no ves Editor en Apariencia, tu tema no es compatible con el Editor del sitio. Puedes cambiar a un tema de bloques para acceder al editor del sitio.
Cuando llegues al editor del sitio, encontrarás el panel de diseño a la izquierda, con 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 la cabecera y el pie de página) y los patrones que hayas creado.
A la derecha, encontrarás una vista previa de la página de inicio de tu sitio web. Haz clic en cualquier lugar de esta zona para cerrar la barra lateral izquierda y abrir tu página de inicio en el editor.
Haz clic en la vistra previa que aparece a la derecha en el editor del sitio para abrir la página de inicio en las herramientas de edición del sitio. Verás las mismas herramientas de edición cuando edites una página, plantilla o patrón específicos.
En la parte superior del editor del sitio hay varias opciones, explicadas a continuación, de izquierda a derecha
- Abrir navegación: haz clic una vez en el icono de tu sitio (o en el logotipo W 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 al escritorio de tu sitio.
- Insertador de bloques: haz clic en este botón para añadir un nuevo bloque.
- Deshacer: anula la acción más reciente que hayas realizado.
- Rehacer: vuelve a activar una acción que hayas anulado con el botón Deshacer.
- 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.
- Centro de comandos: muestra el nombre de la plantilla que estás editando. Haz clic aquí para buscar en las plantillas de tu sitio.
- Ver: cambia la ventana gráfica para ver tu contenido en pantallas de ordenador, tableta o móvil. Haz clic en «Ver sitio» para ver el resultado de tus cambios.
- 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.
- Estilos: personaliza los colores, las fuentes y mucho más. Obtén más información sobre Estilos.
- Ajustes: muestra u oculta la barra lateral de ajustes de la derecha.
- Guardar: guarda los cambios que hayas realizado. Obtén más información sobre la opción de guardar.
- Más opciones: permite abrir los ajustes y herramientas adicionales.
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.
La barra lateral de ajustes incluye información sobre la plantilla que estás editando y opciones para personalizar bloques específicos dentro de la plantilla.
La barra lateral de ajustes aparece en la parte derecha del editor.
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.
Verás el nombre de la plantilla en la que estás trabajando en la parte superior. 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 existe alguna versión anterior de la plantilla, verás un enlace de revisiones debajo de la descripción de la plantilla. Utiliza esto para restaurar una versión anterior de tu plantilla personalizada. 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» en la parte superior para ver los ajustes del bloque específico que hayas seleccionado.
Cuando haces clic en el botón Guardar para guardar los cambios que has hecho en el editor del sitio, verás una pantalla adicional que muestra los cambios que se guardarán.
Por defecto, se marcan las casillas junto a cada cambio. Puedes desmarcar un cambio para elegir no guardarlo.
Cuando guardas los cambios en una plantilla, parte de plantilla o menú de navegación, esos cambios se aplicarán en todas partes en las que se utilice esa plantilla o menú en tu sitio.
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:
Las siguientes guías cubren los conceptos básicos de la edición de bloques. Cada contenido que añadas a tu sitio está contenido en un bloque. Las siguientes guías te ayudarán a sentirte cómodo editando, añadiendo, moviendo y eliminando bloques.
Editor de WordPress
El editor de WordPress utiliza un sistema de bloques para crear páginas y entradas en tu sitio web. En esta guía se explica cómo puedes utilizar los bloques para crear diseños fantásticos. Con los bloques, las posibilidades son infinitas.
Añadir contenido mediante bloques
Un bloque es una pieza única de contenido en el editor de WordPress. En esta guía se muestra cómo añadir bloques a tu sitio.
Elegir y mover bloques
En esta guía, te mostraremos cómo mover bloques a otra parte de la página.
Cómo eliminar un bloque
En esta guía, te mostraremos cómo eliminar bloques de una página.
En el editor del sitio, puedes diseñar las plantillas de tu sitio, incluidas las cabeceras, los pies de página y las áreas de contenido. Las siguientes guías te presentarán los conceptos básicos para diseñar tu sitio en el editor del sitio.
Editar la cabecera
La cabecera es la parte superior de una web que normalmente muestra el título del sitio, un logotipo y un menú de navegación. Con esta guía, aprenderás a personalizar la cabecera de tu web.
Añadir una barra lateral con el Editor del sitio
Muchos sitios web, especialmente los blogs, tienen una barra lateral para mostrar información adicional, como una imagen, texto «Acerca de mí», enlaces a otras entradas, perfiles de redes sociales y mucho más. En esta guía se explica cómo añadir una barra lateral con el Editor del sitio. Para utilizar el método descrito en esta guía,…
Cómo ocultar los títulos de las páginas con el Editor del sitio
Aprende a ocultar los títulos de página de plantillas específicas o páginas o entradas individuales en esta guía.
Editar la plantilla Entradas individuales
La plantilla Entradas individuales controla el diseño de las entradas individuales de tu sitio. Cuando hagas un cambio en esta plantilla, el cambio se reflejará en todas tus entradas, lo que garantiza una experiencia coherente para los visitantes que naveguen por tu blog. Esta guía te mostrará cómo personalizar la plantilla Entradas individuales. Cuándo editar…
Editar el pie de página
El pie de página es un área de contenido que aparece en la parte inferior de cada página de tu sitio. Los pies de página se suelen usar para compartir datos de contacto y redes sociales, mostrar el menú de un sitio o una lista de enlaces, o proporcionar información de copyright, pero puedes personalizarlos…
