Área personal: cambiar el diseño de la ventana de contraseña
6 min de lectura
Diseña la ventana que los visitantes ven al registrarse o iniciar sesión en el Área personal. Esto también se aplica a cualquier página protegida con contraseña de tu sitio.
Esta página ya está diseñada para ti, en función de los colores y las fuentes de tu sitio, para mantener un aspecto consistente. Desde el Administrador de temas, puedes controlar estas opciones y cambiar el diseño como resultado.
Aprende cómo cambiar lo siguiente:
¿Estás usando un formulario de registro/inicio de sesión personalizado?
Este artículo hace referencia a los formularios predeterminados. Haz clic a continuación para aprender a personalizar:
Cambiar la fuente del título
La fuente del texto del título en la ventana de contraseña se toma del tema del texto Encabezado 2. Si deseas cambiar la fuente, debes personalizar y guardar este tema desde el Administrador de temas.
Para cambiar el Encabezado 2 en el Administrador de temas:
- Haz clic en el ícono
Administrador de temas a la izquierda del Editor. - Haz clic en Texto.
- Pasa el cursor sobre Encabezado 2 y haz clic en el icono Editar
. - Personaliza el tema con las opciones disponibles. Puedes cambiar la fuente, el color y el tamaño, y poner el texto en negrita y cursiva.
- Haz clic en Aplicar para guardar los cambios.
Importante:
Esto también cambia cualquier otro texto con el tema Encabezado 2 en tu sitio.
Cambiar la fuente de los elementos de texto
La fuente de todos los elementos de texto que aparecen en la página se toma del tema de texto Párrafo 2. Si deseas cambiar la fuente, debes personalizar y guardar este tema de texto desde el Administrador de temas.
Para cambiar el Párrafo 2 en el Administrador de temas:
- Haz clic en el ícono Administrador de temas a la izquierda del Editor.
- Haz clic en Texto.
- Pasa el cursor sobre Párrafo 2 y haz clic en el icono Editar .
- Personaliza el tema con las opciones disponibles. Puedes cambiar la fuente, el color y el tamaño, y poner el texto en negrita y cursiva.
- Haz clic en Aplicar para guardar los cambios.
Importante:
Esto también cambia cualquier otro texto con el tema Párrafo 2 en tu sitio.
Cambiar el color del texto
Elige un color diferente para el título y el texto de la página ajustando el tono más oscuro de Color 1 en el Administrador de temas. Este tono se utiliza automáticamente en todo el sitio para varios elementos de texto.
Para cambiar el Color 1 en el Administrador de temas:
- Haz clic en el ícono Administrador de temas a la izquierda del Editor.
- Haz clic en Colores.
- Haz clic en el tono más oscuro debajo de Color 1.
- Haz clic en el selector de color junto a Vista previa del color para cambiar el color.
- (Opcional) Utiliza los controles deslizantes para cambiar los valores de Saturación y Brillo.
- Selecciona Aplicar.
Importante:
Cambiar el tono siguiendo los pasos anteriores cambiará todos los demás elementos con el mismo tono.
Cambiar el color de los botones y enlaces
Elige un color diferente para los enlaces y botones ajustando el tono medio de Color 2 en el Administrador de temas. Este color se utiliza automáticamente en todo tu sitio para muchos elementos accionables como botones, enlaces y elementos del menú.
Para cambiar el Color 2 en el Administrador de temas:
- Haz clic en el ícono Administrador de temas a la izquierda del Editor.
- Haz clic en Colores.
- Haz clic en el tono del medio debajo de Color 2.
- Haz clic en el selector de color junto a Vista previa del color para cambiar el color.
- (Opcional) Utiliza los controles deslizantes para cambiar los valores de Saturación y Brillo.
- Selecciona Aplicar.
Importante:
Cambiar el tono siguiendo los pasos anteriores cambiará todos los demás elementos con el mismo tono.
Cambiar el color de fondo
Para cambiar el color de fondo de la página, elige un color diferente para Color 1 en el Administrador de temas. Este color se utiliza automáticamente en todo el sitio, principalmente para fondos de páginas y elementos.
Para cambiar el Color 1 en el Administrador de temas:
- Haz clic en el ícono Administrador de temas a la izquierda del Editor.
- Haz clic en Colores.
- Haz clic en el icono Editar color
junto a Color 1. - Selecciona un nuevo color de una de las siguientes maneras:
- Utiliza el cursor para buscar y seleccionar un color nuevo.
- Introduce el color exacto en los valores HEX, RGB o HSB.
- (Opcional) Ajusta los tonos a tu gusto:
- Haz clic en el tono que deseas ajustar.
- Usa los controles deslizantes para cambiar los valores de Saturación y Brillo.
- Selecciona Aplicar.
Importante:
Al cambiar el Color 1 siguiendo los pasos anteriores, se cambiarán todos los demás elementos con este color.
Consejo:
¡Mira tu sitio online para ver los cambios de diseño! No puedes ver la ventana con la vista previa de tu sitio.