La hoja de estilo dicta, a través de una serie de reglas, cómo se mostrarán ciertos elementos de tu sitio a través de la web. Estas reglas, o comunicados de estilo, se encuentran almacenados con una extensión de archivo(s) .css (hojas de estilo en cascada). Luego la hoja de estilo se adjunta a las páginas de tu sitio web a través de un tag de enlace (<link>) en el encabezado (<head>) que apunta al lugar virtual de la hoja de estilo.
HubSpot, te ayuda a crear una nueva hoja de estilos para controlar la apariencia de tu sitio web y experimentar desde dentro el Administrador de Diseño.
Crea así una nueva hoja de estilo desde cero:
- Has clic en "Nueva plantilla"
- Has clic en la Casilla del Editor de Código
- Has clic en el botón azul Crear
- Escoge una carpeta para guardar la hoja de estilo y nombra el archivo que termine con .css (por ejemplo mystylesheet.css)
- Para crear la nueva hoja de estilo has clic en el botón azul Guardar
- En el editor añade las reglas CSS que deseas aplicar a los elementos de tu sitio web
- Has clic en Publicar Cambios y has clic en Actualizar para guardar
Al hacer clic en Actualizar, el editor de código de HubSpot compila todos los CSS incluidos en una sola hoja de estilo minificada (un archivo comprimido de CSS sin espacios adicionales) que se puede aplicar a todo tu sitio web, a una plantilla o a una sola página.
Si quieres aprender más sobre cómo trabajar con hojas de estilo en HubSpot, consulta el Manual de Usuario del Administrador de Diseño.