En esta guía, aprenderás a usar el libro de estilo para ver una vista previa de cómo afectarán los cambios de estilos a la apariencia de cualquier bloque, sin tener que insertar esos bloques en el sitio.
Esta función está disponible en sitios con nuestros planes Premium, Business y Commerce de WordPress.com, y el plan Pro heredado. Para los sitios con los planes gratuito y Personal, mejora tu plan para acceder a esta función.
El libro de estilo te muestra ejemplos de cómo se verán todos los bloques disponibles después de guardar los cambios de estilo de tu sitio.
- Dirígete al escritorio de tu sitio.
- Accede a Apariencia → Editor.
- Elige «Estilos» en el menú de la izquierda.
- Haz clic en el icono de un ojo que se encuentra a la derecha del texto «Estilos». (Puedes hacer clic en el icono de nuevo para volver al editor).
También puedes abrir el libro de estilo al editar cualquier página, plantillao parte de una plantilla. Estos son los pasos que se utilizan en la introducción en vídeo anterior. Sigue estos pasos:
- Dirígete al escritorio de tu sitio.
- Accede a Apariencia → Editor.
- Edita una página, plantilla o parte de una plantilla.
- Haz clic en el icono «Estilos» (un círculo con una mitad blanca y otra negra) situado en la barra de herramientas superior del editor.
- Haz clic en el icono «Libro de estilo» (el icono que parece un ojo) para abrir el libro de estilo. (Puedes hacer clic en el icono de nuevo para volver al editor).
Una vez que hayas abierto el libro de estilos, puedes previsualizar y cambiar tu combinación de colores y tipografía, con ejemplos de cómo afectará cada cambio a textos, bloques o medios específicos, y más.
A la derecha del panel «Estilos» hay una vista previa de los diferentes tipos de elementos (colores, tipografía, botones, imágenes, etc.) de tu sitio. Haz lo siguiente para editar los estilos de un elemento concreto:
- Haz clic en un elemento (colores, tipografía, etc.) en la vista previa de la derecha de tu pantalla.
- Edita los estilos del elemento en el panel «Estilos» de la izquierda.
- Haz clic en la flecha hacia atrás junto al nombre del elemento para volver a la lista completa de elementos y elegir otro elemento al que darle estilo.
- Cuando hayas terminado, haz clic en el botón «Revisar cambio…» que se encuentra en la parte inferior del panel «Diseño» para revisar y guardar los cambios.
Para salir sin guardar los cambios, haz clic en el icono de la parte superior izquierda del panel «Diseño» y elige la opción de salir sin guardar los cambios.
