Pasar al contenido principal

Diseño del sitio - Base de conocimiento / Websites Admin / Customize My Site - ESP+

Diseño del sitio

Lista de autores

En la sección Diseño del sitio, la plantilla, la paleta de colores y el CSS seleccionados actualmente estarán disponibles para actualizar desde las opciones de la izquierda. Se mostrará una vista previa del sitio a la derecha y se actualizará inmediatamente con la plantilla, los colores y / o CSS personalizados recién seleccionados.

Editar la plantilla

En la sección Seleccionar una plantilla, coloque el cursor sobre una plantilla para obtener una vista previa en una nueva pestaña o selecciónela para su sitio web. También puede hacer clic en el nombre de la página para obtener una vista previa de cómo se ve la plantilla para esa página en su sitio. Al hacer clic en el botón Editar página, se abrirán las opciones de diseño de página en la sección Páginas.

Personaliza la paleta de colores

La paleta de colores contiene cuatro colores:

  • Primario
  • Secundario
  • Terciario
  • Destacar

Los colores de paleta predeterminados se mostrarán encima de las opciones de paleta personalizadas. Cada uno de los colores de la sección de paleta personalizada se puede actualizar haciendo clic en la muestra de color.

Aparecerá un selector de color que le permite seleccionar visualmente un nuevo color. También puede introducir un código hexadecimal, así como utilizar las flechas para cambiar a los valores HSL (Tono, Saturación, Luminosidad) o RGB (Rojo, Verde, Azul).

¡Mira esto en acción!

Para ver cómo se mostrarán los colores en el sitio en vivo, haga clic en el botón Vista previa para abrir el sitio web en una nueva pestaña. Utilice el enlace Restablecer paleta predeterminada para devolver todos los colores a sus tonos originales.

Cuando haya terminado de actualizar el diseño del sitio, haga clic en el botón Guardar y luego haga clic en Publicar sitio para realizar los cambios en vivo.

CSS

La sección CSS habilita el código CSS (hoja de estilo en cascada) personalizado para su sitio web ESP+. Haga clic en el botón Editar, ingrese el código personalizado y luego haga clic en Guardar cuando haya terminado.

De ayuda Poco útil