Información General
El editor de temas se utiliza para elegir entre una variedad de plantillas prediseñadas que determinan la apariencia de su sitio web. Para darle a su sitio web un aspecto distintivo, el editor de temas también incluye herramientas para subir logos, establecer fuentes y definir una paleta de colores. El editor de temas se estructura en tres partes basadas en el tipo de tareas que realiza:
Para ver en pantalla completa, haga click en el icono expandir del reproductor de vídeo.
Cambiar Tema
Bajo la pestaña "Cambiar Tema", puede elegir entre diferentes temas y paletas de colores predefinidos.
- Navegación Principal dentro de la Galería de Temas: Desde aquí puede cambiar entre las tres tareas principales.
- Cambiar Tema
- Refinar Colores
- Refinar Texto
- Tema: Aquí hay gran variedad de temas con diferentes estilos visuales.
- Paleta de Colores: Cuando pasa el ratón por encima de un tema, verá que aparecen tres paletas de colores predefinidos para ese Tema. Haga clic en una de las paletas para seleccionarla para ese tema. Una vez que haya seleccionado un tema y una paleta, puede refinar los colores y otros elementos del tema.
- Panel de Acción: El Panel de Acción contiene tareas especiales.
- Guardar: Guarda los cambios realizados mientras se trabaja en la galería de temas.
- Vista Previa: Abre una nueva pestaña con una vista previa de su sitio web con los datos y cambios realizados pero no publicados en su actual sesión en la galería de temas.
- Revertir: Revierte cualquier cambio realizado pero no publicado de la versión de su sitio web.
- Publicar: Publica todos los cambios realizados en la galería de temas en la versión de la vista previa. Tenga mucho cuidado. Una vez publicados sus cambios no será podrá recuperar la configuración anterior. Si se equivoca, repita el proceso de selección para hacer las correcciones necesarias.
Refinar Colores
Una vez seleccionados un tema y una paleta de colores, puede ajustar los colores, añadir una imagen de fondo y cargar una o varias versiones de su logotipo.
Haga clic en los iconos de lápiz para editar.
- Logo:
- Logo para pantallas grandes: El logo para pantallas grandes aparecerá como encabezado en portátiles y ordenadores de sobremesa en tamaño de pantalla completa. .
- Anchura Máxima = 990px
NOTA: El ancho varía de acuerdo al margen de la navegación. - Altura Máxima = 150px
- Logo para móviles: No se requiere un logotipo responsive pero, por otra parte, dado que el diseño responsive irá escalando su logotipo en pantallas más pequeñas, puede ser una buena opción subir una versión diferente de su logo para ser vista en pantallas de menor tamaño. Por ejemplo, si su logotipo es muy horizontal, es posible que desee cargar una versión alternativa menos horizontal y que será más fácil de leer en pantallas de menor tamaño.
- Sin tamaño fijo
Ejemplo de un logo muy extendido horizontalmente y su versión "responsive", más cuadrada. - Favicono: Un favicono es una pequeño icono gráfico de 16x16 píxeles que aparece en el navegador, así como en los resultados de búsqueda en algunos motores de búsqueda. El formato de archivo más adecuado es el ICO, sin embargo, PNG, GIF o JPG también son válidos. Para obtener más información acerca de los faviconos, lea esto.
Ejemplo de un favicono en Firefox. Los faviconos aparecen en lugares diferentes dependiendo del navegador utilizado. - Icono de Redes Sociales por Defecto: Añada una versión más cuadrada de su logotipo que será utilizada en Facebook y otras redes sociales. Esta es la imagen que aparecerá cada vez que un lector comparta un artículo, opinión o entrada de blog en aquellos contenidos que no tengan ninguna. Sin ella, Facebook y otros servicios de medios sociales mostrarán solamente un área en blanco junto al enlace a su contenido.
- Mínimo 200x200 px (cuadrado)
Ejemplo de un artículo sin imágenes y como se vería sin y con icono de Redes Sociales por defecto. - Colores: Ajuste colores individualmente a partir de la paleta de colores predefinida.
- Cada tema tiene un escenario de uso ligeramente distinto y difiere en número de colores
- Fondo: Cambie el color de fondo o añada una imagen de fondo.
- Color de Fondo
- Image de Fondo: Elija una de las imágenes existentes o suba una nueva.
- Opciones: Elija una regla de repetición de acuerdo al tipo de imagen.
- Repetir = colocar en mosaico horizontal y vertical
- Repetir-x = colocar en mosaico horizontal
- Repetir-y = colocar en mosaico vertical
- No repetir = no colocar en mosaico
Refinar Texto
Le permite la selección de familias de fuentes, tamaños y estilos para los textos de todo su sitio web.
Haga clic en el lápiz para editar.
- Navegación: Refine la familia de fuente, estilo y tamaño para la navegación principal y subnavegación.
- Encabezados: Refine la familia de fuente, estilo y tamaño para todos los encabezados de su sitio web.
- Cuerpo del Texto: Refine la familia de fuente, estilo y tamaño para los cuerpos del texto de todo su sitio web.
- Fuentes Personalizadas: Los clientes que posean una cuenta Typekit tienen la posibilidad de utilizar sus propias fuentes. Añada su ID de Typekit aquí y sus fuentes aparecerán como opciones en el desplegable de familias de fuentes del apartado superior.
Comentarios