Si desea personalizar la apariencia de sus proyectos en HostGator Studio, una de las acciones importantes es la edición del fondo de las páginas. El fondo puede ser modificado con colores, imágenes, efectos visuales, transparencia, entre otros.
Consulte a continuación cómo hacerlo:
1En el Portal del Cliente, en el menú lateral, haga clic en Studio - También puede acceder desde la pestaña "Inicio" y luego en HostGator Studio:
2En la pantalla inicial de "HostGator Studio", elija una de las opciones:
- A) Editar un nuevo proyecto - seleccione una plantilla predefinida
- B) Continuar la edición - haga clic en Proyectos
- C) Crear un proyecto desde cero - haga clic en + Nuevo Diseño:
3En el panel de edición, a la derecha de la plantilla, hay un menú con diversas opciones. Consulte a continuación cómo:
- Cambiar el color de fondo de la página
- Cambiar la imagen de fondo de la página
- Activar/desactivar la transparencia del fondo de la página
- Ajustar la página:
Cambiar el color de fondo de la página
1En el editor, al lado de la plantilla, haga clic en el ícono de paleta de colores (Cambiar color de fondo de la página):
2En la sección "Color página", elija una de las formas para definir el color:
- A) Selector de color manual - arrastre el botón hasta llegar al tono que desea
- B) Con código HEX - código hexadecimal
- C) Colores predeterminados
A) Selector de color manual
1. Para seleccionar el color principal - en la barra de colores, arrastre el círculo y elija el color base - Por ejemplo: rojo, azul, verde, morado, etc.
2. Para elegir el tono y la intensidad del color (más claro o más oscuro) - en el cuadro grande, haga clic y arrastre el círculo blanco:
B) Con código HEX
Si ya ha definido el código del color (código hexadecimal), en el campo "HEX" ingréselo para aplicarlo - Por ejemplo: para blanco, el código a ingresar es #FFFFFF:
También puede ajustar manualmente los valores de rojo (R), verde (G) y azul (B) para encontrar el color que desea:
C) Colores predeterminados
En esta sección, encontrará una paleta con colores predefinidos, haga clic sobre el color que desea aplicar.
Si desea dejarlo sin fondo, haga clic en la caja blanca con línea roja:
3Al elegir el color, este se aplicará automáticamente al fondo:
Otras acciones que puede realizar al elegir el color son:
- Favoritar un color: Haga clic en el ícono de corazón para guardar el color como favorito y usarlo con mayor facilidad después:
Para volver al menú de ajustes de página, haga clic en la flecha para expandir o sobre la plantilla:
Cambiar la imagen de fondo de la página
Si desea insertar una imagen como fondo, consulte cómo hacerlo:
1En el editor, al lado de la plantilla, haga clic en el ícono de imagen (Cambiar imagen de fondo de la página):
2En la sección "Configuraciones de fondo de la página", haga clic en imágenes y seleccione la que desea - Si es necesario, consulte cómo agregar una imagen de la plataforma o propia:
3En "posición", seleccione la colocación de la imagen en el fondo:
- Superior Izquierda - la imagen toca el margen izquierdo;
- Superior Derecha - la imagen toca el margen derecho;
- Superior Centro - la imagen se centra verticalmente en la plantilla;
- Centro Izquierda - la imagen en el medio, pero tocando el lado izquierdo del espacio;
- Centro Derecha - la imagen en el medio, pero tocando el lado derecho del espacio;
- Centro - la imagen exactamente en el medio;
- Inferior Izquierda - la imagen en la esquina inferior izquierda del espacio;
- Inferior Derecha - la imagen en la esquina inferior derecha del espacio;
- Inferior Centro - la imagen en el centro de la parte inferior del espacio:
Si desea eliminar la imagen agregada en el fondo, haga clic en Eliminar imagen:
4En la sección "Agregar efectos", aplique lo que desee:
- A) Eliminar efectos - borra cualquier efecto visual (como filtro o duotono) que haya sido aplicado anteriormente al elemento:
- B) Duotono - aplica dos colores diferentes a la imagen. Elija la combinación que mejor se ajuste a su estilo:
- C) Filtros - ajustan la apariencia de la imagen con efectos predefinidos, como realce de colores, blanco y negro, entre otros:
5En la sección "Transparencia de la imagen", defina cuánto de la imagen es visible en el fondo, haga clic en el botón blanco y arrástrelo para ajustar - Valores más bajos hacen la imagen más transparente:
Activar/desactivar la transparencia del fondo de la página
Haga que el fondo sea más transparente o sólido:
1En el editor, al lado de la plantilla, haga clic en el ícono de cuadrícula:
2Luego, elija lo que desee:
- A) Fondo transparente - haga clic una vez sobre el ícono:
- B) Fondo sólido - haga clic dos veces sobre el ícono:
Consulte cómo ajustar el tamaño de la página de la plantilla